/* Main */
* { margin: 0; padding: 0; border: 0; }
BODY { margin: 10px; font-family: verdana, arial, sans-serif; text-align: center; font-size: .75em; } 
BODY { background-color: #0d2f86; color: #111; }
hr { color: transparent; size: 0; color: #ffffff; }
p { margin: 0; line-height: 1.4em; }
a { color: #112764; }

p.nav_path { padding: 0 5px 10px 5px; display: block; clear: both; }
p.nav_path a { font-weight: bold; font-size: 10px; }


/* Mod Areas */
#container { width: 800px; margin: 0 auto; background: #fff; text-align: left; padding: 5px; }
#top { height: 30px; clear: both; display: block; }

#header { 
	margin: 0 0 2px 0;
	overflow: hidden; 
	background-image: url('../images/bg-header.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

#mod_34 {
	background-color: #fff;
	width: 245px;
}

#mod_42 .mod-area {
	background: #f0f3f6;
}

#mod_42 .mod-area a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #112764;
	text-transform: uppercase;
	font-weight: 9.6px;
	padding: 3px 0 3px 20px;
}

#mod_42 .mod-area a:hover {
	color: #fff;
	background: #d2deea;
	}

#mod_42 .separator {
	display: none;
}	

#mod_42 .item {
	clear: both;
}	


	
#menu { margin: 0 0 10px 0; border-top: 1px solid #eeeeee; }
#menu { text-transform: uppercase; overflow: hidden; }
#menu ul { display: inline; }
#menu li { font-size: .8em; cursor: pointer; padding: 7px 10px; float: left; display: inline; text-align: center; }
#menu li:hover, #menu li.selected { background: #fff; }
#menu li:hover a { color: #000;  }
#menu li a { display: block; color: #000; text-decoration: none; }
#menu li a:hover { color: #000; }

#main_area { clear: both; display: block; margin: 5px 0 0 0; }
#left, #main, #right { float: left; }
#left { width: 220px; overflow: hidden; }
#main { width: 560px; margin: 0 10px; overflow: hidden; padding: 0; }
#main ul { margin: 5px 5px 5px 35px; }
#right { width: 220px; overflow: hidden; }

#bottom { background: #fff; text-align: center; font-size: 11px; color: #444; border-bottom: 1px solid #0d2f86; border-top: 1px solid #0d2f86; }

#footer { text-align: center; color: #fff; padding: 10px 0; font-size: .9em; }
#footer a { color: #dedede; }

#left ul { background-color: #f0f3f6; margin: 0; padding: 0; }
#left ul li { text-transform: uppercase; list-style-type: none; color: #061946; }
#left ul li a { font-weight: bold;font-size: .8em; color: #061946; display: block; padding: 5px 0 5px 20px; text-decoration: none; }
#left ul li a:hover { background-color: #d2deea; color: #fff; }

#top .top-left, #menu .menu-left {
	float: left;
	width: 50%;
}

#top .top-right, #menu .menu-right {
	float: right;
	width: 50%;
}

/* Classes */
a.small { color: #000; margin: 0 0 15px 0; font-size: .8em; }
.item img, img.content_image { margin: 0 10px 10px 0; }
.item a img, img.content_image, img.gallery_image { border: 1px solid #111; padding: 1px; }
.mod-title { background: #0095da; padding: 7px 3px; text-align: left; font-weight: bold; color: #fff; }
.mod-area { border: 0; padding: 5px 0; }
.mod-bottom { border-bottom: 2px solid #0095da; }

span.date, p.content_date { color: #ff9900; font-weight: bold; font-size: .8em; }
span.top-date { display: block; color: #000; margin: 0 0 2px 0; font-weight: bold; font-size: .8em; }
p.content_date { color:#000; }

/* Defaults */
h2 { font-size: 1.2em; font-weight: bold; color: #fff; background: #112764; padding: 3px; margin: 0 0 15px 0; }
.ok { margin: 5px 0; color: green; font-weight: bold; padding: 10px; border: 1px solid green; font-size: .9em; }
.err { margin: 5px 0; color: #ff0000; font-weight: bold; padding: 10px; border: 1px solid #ff0000; font-size: .9em; }

form {  }
form.comments { clear: both; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; margin: 10px 0; padding: 5px 0;  }
label { padding: 5px 0 0 0; }
input, textarea { padding: 2px; border: 1px solid #DEDEDE; border-left: 1px solid #bababa; border-top: 1px solid #bababa; margin: 3px 0; width: 300px; }
form.login label { clear: both; display: block; }
form.login input { width: 40%; clear: both; }
textarea { width: 300px; height: 160px;  }
input.radio { width: 25px; border: 0; }
button { margin: 5px 0; border: 1px solid #000; background: #fff; font-weight: bold; font-size: .8em; padding: 5px; color: #000; }

ul.cat, ul.cat li { margin: 0; padding: 0; }

ul ul li { padding: 0 0 0 20px; }

.newsletters #email {
	width: 80%;

}

#menu {
	min-height: 43px;
	border-bottom: 2px solid #0095DA;
	background: #D2DEEA
}

#menu .menu-right .mod-area {
	border: 0;
}

#menu form {
	text-transform: none;
	font-size: 10px;
	height: 43px;
	padding: 5px 0;
}

#menu form button {
	float: right;
	font-weight: bold;
	background: transparent;
	border: 0;
	position: absolute;
	margin: 15px 10px 0 0 ;
}

#menu strong {
	font-size: 10.5px;
	color: #112764;
}




#menu .mod-bottom {
	display: none;
}

#menu form p {
	width: 180px;
	display: inline;
	float: left;
}

#menu form p label {
	display: block;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}

#menu form p input {
	width: 90%;
	margin: 0;
	padding: 2px;
}

#menu .menu-left form input {
	width: 100%;
	margin: 10px 5px;
	padding: 2px;
}







#menu form .clear {
	clear: none;
}