@charset "UTF-8";
/* CSS Document */

body { 
background: #003658 url(../images/background.jpg) top center no-repeat;
text-align: center;
margin:0;
padding:0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#container {
position: relative;
background: #FFF url(../images/header.jpg) top center no-repeat;
width: 900px;
margin: 0 auto;
}

#header {
position: relative;
width: 900px;
height: 144px;
z-index: 1000;
}

#image {
position: relative;
width: 900px;
}

.content_top_bottom{
position: relative;
margin:0; padding:0;
width:900px;
}

#content {
position: relative;
width: 840px;
padding:10px 30px;
background: url(../images/content_middle.jpg) repeat-y;
text-align: left;
}



#footer {
position:relative;
background: url(../images/footer.jpg) center top no-repeat;
width: 860px;
padding:20px 20px 100px;
color:#00b4f0;

}

/*************************************/
/*            ALERT BOX	             */
/*************************************/

 #message_box { 
 		
       position: relative; 
	   padding:15px;
	   margin: 0px 10px 0px 20px;
       border:1px solid #CCCCCC;
       text-align:left; 
       width:830px;
	   background-color:#CCFFFF;
}






/*************************************/
/*            TEXT STYLES            */
/*************************************/

h1 {font: 20px Geneva, Arial, Helvetica, sans-serif; color:#005d97; font-weight:normal; margin-top:0; padding-top:0;}

h2 {font: 16px Geneva, Arial, Helvetica, sans-serif; margin-bottom:0; padding-bottom:0;}

h3 {font: 16px Geneva, Arial, Helvetica, sans-serif; color:#005d97; margin-top: 0px;}


.first_paragraph { margin-top:0; padding-top:0;}

p { line-height: 1.8em;}

#content ul li { line-height: 1.8em;}

a { color:#005d97; text-decoration: underline;}
a:hover {color:#005d97; text-decoration: none;}

#footer a { color:#00B4F0; text-decoration: none; padding: 3px;}
#footer a:hover {color:#00B4F0; background: #FFF;}

.image { float: right; margin: 0px 10px 20px 20px; }

.clear { clear: both; height: 0px; display: block; }

.float_left{
float:left;
margin:0px 20px 10px 0px;
}


/*************************************/
/*        ACCORDION SETTINGS         */
/*************************************/

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #D2E0E6;
	color: #333;
	margin: 0 0 4px 0;
	padding: 10px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

/*************************************/
/*          STAFF SETTINGS           */
/*************************************/

.staff {padding: 10px; background: #D2E0E6; border: 1px solid #999; display: block; text-decoration: none; color: #333; margin: 15px; text-transform: none; font-weight: normal; clear: both;}

.staff img { float: left; margin-right: 10px; }


.staff a {padding: 10px; background: #e2c88e; border: 1px solid #bfaa7a; display: block; text-decoration: none; color: #333; margin: 0px; text-transform: none; font-weight: normal; clear: both; margin-top: 15px;}

.staff a:hover {padding: 10px; background: #f6e4bd; border: 1px solid #bfaa7a; display: block; text-decoration: none; color:#333;text-transform: none; margin-top: 15px;}

.staff p { padding: 0px; margin: 2px 0 0 0; font-size: 12px; }

.staff strong { color:#01313a;}

.staff h2 {font: 18px Helvetica, Arial, sans-serif; color: #3f2c01; font-weight: normal; margin: 0; padding: 0; text-transform: none;}

/*************************************/
/*            HEADER MENU            */
/*************************************/

.home {
	position:absolute;
	list-style:none;
	width: 78px;
	height: 88px;
	left: 402px;
	top: 14px;
}

.home a{
	width: 78px;
	height: 88px;
}


.home a:hover{
	background: none;
}

.about {
	position:absolute;
	list-style:none;
	width: 109px;
	height: 31px;
	left: 0px;
	top: 113px;
}

.about a{
	width: 109px;
	height: 31px;
}


.about li a { width: 100%; height: 100%;}

.about a:hover{
	background:url(../images/header_over.jpg) -0px -113px no-repeat;
}

.radiation {
	position:absolute;
	list-style:none;
	width: 150px;
	height: 31px;
	left: 109px;
	top: 113px;
}

.radiation a{
	width: 150px;
	height: 31px;
}


.radiation li a { width: 100%; height: 100%;}

.radiation a:hover{
	background:url(../images/header_over.jpg) -109px -113px no-repeat;
}

.who {
	position:absolute;
	list-style:none;
	width: 88px;
	height: 31px;
	left: 259px;
	top: 113px;
}

.who a{
	width: 88px;
	height: 31px;
}


.who li a { width: 100%; height: 100%;}

.who a:hover{
	background:url(../images/header_over.jpg) -259px -113px no-repeat;
}

.current {
	position:absolute;
	list-style:none;
	width: 123px;
	height: 31px;
	left: 347px;
	top: 113px;
}

.current a{
	width: 123px;
	height: 31px;
}


.current li a { width: 100%; height: 100%;}

.current a:hover{
	background:url(../images/header_over.jpg) -347px -113px no-repeat;
}

.new {
	position:absolute;
	list-style:none;
	width: 95px;
	height: 31px;
	left: 470px;
	top: 113px;
}

.new a{
	width: 95px;
	height: 31px;
}


.new li a { width: 100%; height: 100%;}

.new a:hover{
	background:url(../images/header_over.jpg) -470px -113px no-repeat;
}

.calendar {
	position:absolute;
	list-style:none;
	width: 78px;
	height: 31px;
	left: 565px;
	top: 113px;
}

.calendar a{
	width: 78px;
	height: 31px;
}


.calendar li a { width: 100%; height: 100%;}

.calendar a:hover{
	background:url(../images/header_over.jpg) -565px -113px no-repeat;
}

.news {
	position:absolute;
	list-style:none;
	width: 86px;
	height: 31px;
	left: 643px;
	top: 113px;
}

.news a{
	width: 86px;
	height: 31px;
}


.news li a { width: 100%; height: 100%;}

.news a:hover{
	background:url(../images/header_over.jpg) -643px -113px no-repeat;
}

.contact {
	position:absolute;
	list-style:none;
	width: 88px;
	height: 31px;
	left: 729px;
	top: 113px;
}

.contact a{
	width: 88px;
	height: 31px;
}


.contact li a { width: 100%; height: 100%;}

.contact a:hover{
	background:url(../images/header_over.jpg) -729px -113px no-repeat;
}

.location {
	position:absolute;
	list-style:none;
	width: 88px;
	height: 31px;
	left: 817px;
	top: 113px;
}

.location a{
	width: 88px;
	height: 31px;
}


.location li a { width: 100%; height: 100%;}

.location a:hover{
	background:url(../images/header_over.jpg) -817px -113px no-repeat;
}