/* DEFAULT CSS
-------------------------------------------------------------- */


/* Global Styles
-------------------------------------------------------------- */

html { }
body { margin: 0; padding: 0; font: 90% Arial, sans-serif; text-align: center; background: #e2e9ed; }
.hE, legend { width:1px; height:1px; margin:-500em; padding:0; position:absolute; top:-500em; left:0; }
h1, h2, h3, h4, h5 { margin: 0 0 0.35em; padding: 0; }
h1 { font-weight: bold; font-size: 1.8em; color: #1a3749; /*text-shadow: 1px 2px 3px #999; */}
h2 { font-weight: bold; font-size: 1.4em; color: #1a3749; }
.sectionHeader { font-family: Georgia; margin-bottom: 0.15em; }
h3 { font-weight: bold; font-size: 1.2em; color: #1a3749; }
h4 {  }
h5 { font-family: Arial; font-weight: normal; font-size: 0.9em; color: #999; margin-bottom: 0.5em; }
p { color: #111; margin: 0 0 0.75em; line-height: 1.35em; }
a:link { color:#c00; text-decoration:none; }
a:active { color:#333; text-decoration: none; }
a:hover { color:#333; text-decoration: none; }
a:visited { color:#600; text-decoration:none; }


/* Container
-------------------------------------------------------------- */
#container { width: 900px; margin-right: auto; margin-left: auto; text-align: left; padding: 0; background: #e2e9ed; border: 0px dotted #f60; }


/* Header
-------------------------------------------------------------- */
#header { width: 900px; height: auto; float: left; clear: both; border: 0px dotted #f60; }
#logo { margin: 15px 0 0 2px; padding: 0; float: left; width: 250px; height: 74px; }
#contact { margin-top: 20px; float: right; text-align: right; width: 350px; clear: right; padding: 0; }
#contact p { font-weight: bold; margin: 0; padding: 0; }
#contact a:link { color:#c00; text-decoration:none; border-bottom: 1px dotted #c00; }
#contact a:active { color:#c00; text-decoration: none; border-bottom: 1px solid #c00; }
#contact a:hover { color:#c00; text-decoration: none; border-bottom: 1px solid #c00; }
#contact a:visited { color:#c00; text-decoration:none; }
.red { color: #c00; }

/* Forms
-------------------------------------------------------------- */
form { margin: 0; padding: 0 0 1em 0; clear: both; }
fieldset { border: 0px dotted #ff0; padding:0; margin:0; clear:both; float:left; }
	fieldset p { margin:0.75em 0; clear:both; }
	fieldset div { padding-top:3px; clear:both; }
	#container label { display:block; margin-right:4px; padding:3px 0; float:left; }
	input, textarea { border:1px solid #999; padding:2px 3px; float:left; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
	textarea { height:100px; font:1em Arial, Helvetica, Verdana, sans-serif; }
	#container .imageInput { width:auto; border:0; right:4px; margin:0.4em 0 0.5em 0; padding:0; float:right; clear:both;border-radius: 0px;	-moz-border-radius: 0px; -webkit-border-radius: 0px; }

.searchField { width: 195px; height: 17px; border: 0px solid #fff; margin: 0; padding: 2px 2px 4px 5px; background: #fff; color: #666; border: 1px solid #999; font-family: Georgia; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; }
#searchbutton { margin: 0; background: url(../i/buttonSearch.png) no-repeat scroll 0 center; border: medium none; width: 66px; height: 23px; font-weight: normal; cursor: pointer; font-size: 0.9em; color: #fff; font-family: Georgia; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

#menu { width: 900px; height: 42px; border: 0px dotted #f00; margin: 1em 0 0 0; padding: 0; clear:both; float: left;  background: url(../img/header.png); background-repeat: no-repeat; background-position: top left; }  
	#menu ul { border: 0px dotted #0f0; background: transparent; float: left; margin: 0 0 0 35px; padding: 0; }   
		#menu li { background: transparent; width: auto; border: 0px dotted #ff0; float: left; font-size: 1.2em; font-weight: bold; margin: 0 0.5em 0 0; padding: 0; list-style-type: none; }
		#menu a { background: transparent; color: #fff; display: block; padding: 0.6em 0.8em 0.7em; text-decoration: none; }
		#menu a:hover { background: #c00; height: auto; color: #fff; display: block; background: url(../img/nav_hover_on.gif); background-repeat: repeat-x; }
		#menu a:active { background: #900; height: auto; color: #fff; display: block; }
		#menu .selected-home { font-size: 1.2em; border: 0px dotted #f60; text-decoration: none; height: auto; color: #000; display: block; background-image: url(../img/home-on.png); background-repeat: no-repeat; background-position: 0 0; margin: 0.3em 0.5em 0 0; padding: 0.4em 0.8em 0.6em; }
		#menu .selected-about { font-size: 1.2em; border: 0px dotted #f60; text-decoration: none; height: auto; color: #000; display: block; background-image: url(../img/about-on.png); background-repeat: no-repeat; background-position: 0 0; margin: 0.3em 0.5em 0 0; padding: 0.4em 0.8em 0.6em; }
		#menu .selected-mission { font-size: 1.2em; border: 0px dotted #f60; text-decoration: none; height: auto; color: #000; display: block; background-image: url(../img/mission-on.png); background-repeat: no-repeat; background-position: 0 0; margin: 0.3em 0.5em 0 0; padding: 0.4em 0.8em 0.6em; }
		#menu .selected-recruitment { font-size: 1.2em; border: 0px dotted #f60; text-decoration: none; height: auto; color: #000; display: block; background-image: url(../img/recruitment-on.png); background-repeat: no-repeat; background-position: 0 0; margin: 0.3em 0.5em 0 0; padding: 0.4em 0.8em 0.6em; }
		#menu .selected-news { font-size: 1.2em; border: 0px dotted #f60; text-decoration: none; height: auto; color: #000; display: block; background-image: url(../img/news-on.png); background-repeat: no-repeat; background-position: 0 0; margin: 0.3em 0.5em 0 0; padding: 0.4em 0.8em 0.6em; }
		#menu .selected-events { font-size: 1.2em; border: 0px dotted #f60; text-decoration: none; height: auto; color: #000; display: block; background-image: url(../img/events-on.png); background-repeat: no-repeat; background-position: 0 0; margin: 0.3em 0.5em 0 0; padding: 0.4em 0.8em 0.6em; }
		#menu .selected-contact { font-size: 1.2em; border: 0px dotted #f60; text-decoration: none; height: auto; color: #000; display: block; background-image: url(../img/contact-on.png); background-repeat: no-repeat; background-position: 0 0; margin: 0.3em 0.5em 0 0; padding: 0.4em 0.8em 0.6em; }




/* Content
-------------------------------------------------------------- */
#content { width: 830px; float: left; clear: both; background: #e2e9ed; padding: 1em 0 2em;  margin:  0 0 0 35px; }

#content a:link { color:#c00; text-decoration:none; border-bottom: 1px dotted #c00; }
#content a:active { color:#333; text-decoration: none; border-bottom: 1px solid #333; }
#content a:hover { color:#333; text-decoration: none; border-bottom: 1px solid #333; }
#content a:visited { color:#600; text-decoration:none; }

#top-four { clear: both; float: left; margin-bottom: 1em; }
#top-four .left { border: 5px solid #a0bbcb; float:left; margin: 0 8px 8px 0; padding: 0px; }
#top-four .right { border: 5px solid #a0bbcb; float:left; margin: 0 0 8px 0; padding: 0px; }
#top-four .left img, #top-four .right img { border: 0; float: none; margin: 0; }
#top-four p { background: #eee; padding: 8px 5px 8px 8px; margin: 0; }
#top-four a:link { color:#c00; text-decoration:none; border-bottom: 1px dotted #c00; }
#top-four a:active { color:#c00; text-decoration: none; border-bottom: 1px solid #c00; }
#top-four a:hover { color:#c00; text-decoration: none; border-bottom: 1px solid #c00; }
#top-four a:visited { color:#c00; text-decoration:none; }

.caption { color: #666; margin-bottom: 1.5em; font-size: 0.9em; float: none; clear: both; }

#leftColumn { font-size: 1em; padding: 0.5em 0 0; width: 620px; margin-right: 10px; float: left; }
#middleColumn { font-size: 1em; padding: 0.5em 0 0; width: 316px; margin-right: 16px; float: left; }
#rightColumn { padding: 0; width: 200px; float: left; }

#content img { border: 0px solid #ccc; margin: 5px 0 10px 20px; padding: 0px; float: right; }
	#content a img { border: 12px solid #ccc; }
	#content a:link img, #content a:visited img { border: 5px solid #ccc; }
	#content a:hover img { border: 5px solid #c00; }
	#content a:active img { border: 5px solid #900; }

#content ul { margin: 0 0 1em; padding: 0; border: 0px dotted #c00;}
	#content li { list-style-image:url(../i/bullet.png); margin: 0.15em 0 0 1.25em; padding: 0; border: 0px dotted #f60; color: #111; line-height: 1.4em; }

.back { border: 1px dotted #666; padding: 6px; width: 215px; background: #ffc; margin-top: 2em; }

.clear { clear: both; background: #ff0; }

#home-box { width: 180px; border: 5px solid #a0bbcb; float:left; margin: 0.75em 0 10px 0; background: #fff; padding: 5px; float: left; }
#home-box h2 { font-weight: bold; margin: 0.25em 0 0.75em; font-size: 1.1em;  color: #333; text-align: center; }
#home-box img { border: 0px solid #ccc; float:left; margin: 0 0 10px 0; padding: 0px; float: left; }
#home-box a:link img, #content a:visited img, #home-box a:hover img, #home-box a:active img { border: 0px solid #ccc; }

#job-ad { float: right; }
#job-ad img { border: 0px solid #ccc; float:left; margin: 0 10px 10px 0; padding: 0px; float: left; }

/*.img-right { float: right; }
.img-right img { border: 0px solid #ccc; float:left; margin: 0 0 10px 10px; padding: 0px; float: left; }*/

#more-info { background: #fff; width: 596px; padding: 12px; float: left; font-size: 	0.8em;  margin-top: 1em; }
#more-info h2 { color: #1a3749; }
#more-info-left { width: 358px; margin-right: 20px; float: left; }
#more-info-right { width: 217px; float: left; }
#more-info p { color: #111; margin: 0 0 0.5em; line-height: 1.35em; }

.exp { color:  #fe0000; }


/* Footer
-------------------------------------------------------------- */
#footer { float: left; width: 900px; height: 118px; text-align: left; color: #fff; margin: 0 0 2em; padding: 0;  background:url(../img/footer.png); background-repeat: no-repeat; background-position: top left; }
	.footerContent { width: 900px; margin-right: auto; margin-left: auto; }
	
	#footerLogo { float: left; border: 0px dotted #ff0; margin: 0 20px; }

#footer a:link { color:#999; text-decoration:none; }
#footer a:active { color:#bbb; text-decoration:none; }
#footer a:visited { color:#ccc; text-decoration:none; }
#footer a:hover { color:#bbb; text-decoration:none; }

#footerNav { float: left; width: 100%; padding: 1em 0 1.5em; border: 0px dotted #0f0; }
	#footerNav ul { margin:0.8em 0; padding: 0; border: 0px dotted #0f0; float: left; }
		#footerNav li { margin: 0.25em 0 0 0; float: left; list-style-type: none; margin-right: 1em; display: block; }
		#footerNav a { color:#fff; padding:0.3em 0 0.5em; text-decoration: none; }
		#footerNav a:hover { text-decoration: underline; }
			#footerNav #footerLinks { float: left; width: 620px; }
			#footerNav #copyright { font-size: 0.9em; margin: 0.75em 0 0 20px; padding-top: 0.5em; text-align: left; float: left; width: 860px; }
			
			.date { background: #ff0; width: 200px; float: left; }
.event { background: #f00; width: 200px: float: left; }