/*-------Global Settings --------*/
* { padding: 0; margin: 0; border: none; font-size: 98%;  line-height: normal; color: #005783;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 80%; background: url('/images/background_stripe.png');}
#wrapper {position:absolute; left: 50%; top: 5%; width: 700px; padding:0 30px 0 30px; background-color: #00578e; margin-left: -370px;}
a:link {color: #00578e; text-decoration: none;}
a:visited {color: #00578e; text-decoration: none;}
a:hover {color: #84a5c9; text-decoration: none;}
a:active {color: #00578e; text-decoration: none;}
a.active {color: #84a5c9;} 
p {padding-bottom: 7px;}

/*-------TOP THIRD CONTAINER POSITIONING --------*/
#top {height: 220px; width: 700px; float: left; background-color: #FFF}
#logo {float: left; width: 246px; height: 138px}
#top_links{height: 20px; width: 304px; float: left; padding: 41px 0 0 150px; background-color: #00578e}

/*------- MAIN NAVIGATION ---------*/
#nav_container{height: 110px; width: 404px; float: left; padding: 10px 0 0 50px; background-color: #FFF}
#nav_bar ul a{text-decoration: none; color: #FFF;}
#nav_bar ul{list-style: none; padding: 0px; margin: 0px;}
#nav_bar li{float:left; position:relative; width: auto;}
#nav_bar li li{float: none;}
#nav_bar li ul{position: relative; cursor: pointer; cursor: hand; display:none;}
#nav_bar li ul li{padding: 0px; height: 18px;}
#nav_bar li > ul {top: auto; right: auto;}
#nav_bar li:hover ul#drop, #nav_bar li.sfhover ul#drop {display:block; width: 70px; left: 0.1em; margin-top: -1px; z-index: 100; cursor: pointer; cursor: hand;}
#nav_bar li:hover ul#drop2, #nav_bar li.sfhover ul#drop2 {display:block; width: 68px; left: 0px; margin-top: -1px; z-index: 100; cursor: pointer; cursor: hand;}


/*----------- MAIN CONTAINERS ----------*/
#main_content {min-height: 425px; height: auto !important; height: 425px; background-color: #FFF; width: 700px; float: left; margin-top: -55px; padding-bottom: 25px;}
#main_content_big {height: 450px; background-color: #FFF; width: 700px; float: left; margin-top: -35px;}

#blurb {width: 195px; height: 380px; float:left; padding-left: 25px;}
#blurb_title {float: left; height: 31px;}
#blurb_background {float: left; height: 345px; width: 195px; padding-left: 4px; background: url('/images/intro_background.png') repeat-x; color: #00578e;}
#blurb_content {float: left; padding: 10px; font-size: 1.0em; overflow: hidden; height: 325px; width: 175px;}

#flash {width: 430px; height: 240px; float: left; margin-left: 25px !important; margin-left: 25 px; background-color: #eeefef;}
#flash_staff {width: 210px; height: 310px; float: right; margin: 32px 22px 0px 5px !important; margin: 32px 11px 0px 3px; background-color: #eeefef;}


#news_listing {width: 450px; height: 375px; float: left; padding-left: 20px;}
#content_scrollable {width: 400px; height: 350px; float: left; overflow: hidden;}
.news_item {width: 400px; min-height: 60px; height: auto !important; height: 60px; float: left; border-bottom: 1px solid #d9d9d9; padding-top: 15px; padding-bottom: 15px;}
#news_container{width: 430px; min-height: 125px; height: auto !important; height: 125px; float: left;  margin-top: 10px; margin-left: 25px !important; margin-left: 25 px; background: url('/images/news_background.png') repeat-y; color: #00578e;}
#news_container_staff {width: 195px; min-height:  290px; height: auto !important; height: 290px; float: right; background: url('/images/news_background.png') repeat-y; margin-left: 10px; margin-top: 32px; padding: 10px}


#news_content {float: left; padding: 15px 10px 0 10px; font-weight: bold; font-size: 90%; width: 200px; min-height: 105px; height: auto !important; height: 105px;}

#bio_content {float: left; padding: 15px 10px 0 10px; font-weight: bold; font-size: 90%; width: 400px; height: 105px;}
#footer {width: 700px; background-color: #00578e; float: left; height: 41px; color: #FFF; font-weight: bold;}

#thumbnail_container{width: 450px; height: 396px; float: left; margin-left: 25px; margin-top: -5px;}
.thumbnails {padding: 5px; float:left}

#about_title{float:left; width: 400px; padding: 0px 25px 0 25px;}
#about_content {float: left; padding: 25px; color: #00578e; font-size: 1.1em;}
#project_title {float: left; padding: 15px; width: 130px; background: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.4em;}

/*------SCROLLER CSS -------*/
#track {float: left; width: 2px; height: 300px;	margin: 25px 0 0px 20px; background-color: #d9d9d9;}
#handle {width: 5px; height: 20px; background-color: #00578e; cursor: move;}
#more {float: left; padding: 25px 0 0 250px; width: 200px; color: #00578e; font-size: 1.1em; font-weight: bold;}

/*----- Contact form------- */
input {border: 1px solid #00578e; background-color: #FFF; font-size: 1.1em; color: #00578e;}
select {background-color: #FFF; color: #00578e; width: 150px; border: 1px solid #00578e;}
input.submit {border: 1px solid #00578e; background-color: #FFF; font-size: 1.1em; color: #00578e; margin-left: 232px; width: 50px;}
input.submit:hover {background-color: #00578e; color: #FFF;}
input.submit2 {border: 1px solid #00578e; background-color: #FFF; font-size: 1.1em; color: #00578e; margin-left: 20px; width: 200px;}
input.submit2:hover {background-color: #00578e; color: #FFF;}

textarea {border: 1px solid #00578e; background-color: #FFF; font-size: 1.1em; color: #00578e; width: 280px; height: 187px;}
.textarea_ftp {border: 1px solid #00578e; background-color: #FFF; font-size: 1.1em; color: #00578e; width: 220px; height: 110px;}
#form_title {width: 600px; color: #00578e; font-size: 1.1em; float: left; padding: 20px 0px 0px 50px; height: 60px; font-size:1.3em;}
#form_title_ftp {width: 600px; color: #00578e; font-size: 1.1em; float: left; padding: 10px 0px 0px 50px; height: 120px; overflow: hidden;}
#form_container {padding: 50px; width: 600px; color: #00578e; font-weight: bold; font-size: 1.3em;}
#form_info {height: 250px; width: 280px; float: left}
#form_message {height: 240px; width: 300px; float: left}

/*-------LOGIN FORM FOR SECURE ACCESS------*/
#login{width: 400px; height: 200px; background-color: #FFF; position: absolute; top: 300px; left: 350px; padding: 20px 0 0 20px;}
#loginlogo{width: 420px; height: 167px; position: absolute; top: 135px; left:350px; background-color: #FFF;}
#loginlogostyle{width: 220px; height: 90px; position: absolute; top: 135px; left: 550px; background-color: #00578e;}
#loginform {margin-left: 50px;}
input.submit3 {border: 1px solid #00578e; background-color: #FFF; font-size: 1.1em; color: #00578e; margin-left: 160px; width: 50px;}
input.submit3:hover {background-color: #00578e; color: #FFF;}


/*-------FTP UPLOAD STATUS BAR------*/
.info {font:18px Arial;}
.data {background-color:#b3b3b3; border:1px solid #898989; width: 200px;}
.data tr td {background-color:#dddddd; font:13px Arial; width: 200px;}
.bar1 {background-color:#b3b3b3; position:relative; text-align:left; height:20px; width: 200px; border:1px solid #505050;}
.bar2 {background-color:#000099; position:relative; text-align:left; height:20px; width: 200px;}