/**

 * 

 * 

 */


form.log {margin-left:10px;padding-top:40px;}

form.log p { font-size:13px;top:-10px;}

/* -- TEMPORARY PROMO STUFF -- */
.promo {width: 193px;height:193px;cursor: pointer;}
.promo p img {margin-bottom:5px;margin-top:-8px;margin-left:-8px;width:193px;height:69px;}
* html .promo p img {margin-bottom:0px;m\argin-bottom:5px;}
.promo.gold {background: transparent url(../images/gradients/gif/promo_gold.gif) no-repeat scroll 0% 0%;}
.promo.navy {background: transparent url(../images/gradients/gif/promo_navy.gif) no-repeat scroll 0% 0%;}
.promo.rust {background: transparent url(../images/gradients/gif/promo_rust.gif) no-repeat scroll 0% 0%;}
.promo.none {background: transparent url(../images/gradients/gif/promo_none.gif) no-repeat scroll 0% 0%;}
.promo p {font:normal 0.7em Tahoma, sans-serif;margin:5px 8px -3px 8px;height:63px;}

* html .promo p {margin-top:3px; m\argin-top:8px;margin-bottom:1px;m\argin-bottom:-3px;height:60px;h\eight:63px;}

.gold p, .gold p a {color:#000000;}
.navy p, .navy p a {color:#FFD700;}
.rust p, .rust p a {color:#000000;}

.gold h2, .gold h2 a {color:#000080;}
.navy h2, .navy h2 a {color:#000080;}
.rust h2, .rust h2 a {color:#000080;}

div.navy {color:#000080;}

.promo h2 {
font: normal 2.3em Arial black,sans-serif;
text-align:center;
margin-top:-1px;
margin-bottom:0px;
}

.promo h2 a, .promo p a {
text-decoration:none;
}

.promo h2 a:hover, .promo p a:hover {
background:transparent;
color:#FFFFFF;
}

* html .promo h2 {margin-top:-2px; m\argin-top:-1px;margin-bottom:-5px;m\argin-bottom:0px;}

/* -- GLOBAL STUFF -- */

body {font-family: Tahoma;font-size:13px;text-align: center; margin: 0; padding: 0;background:#FEFDED;}

#wrapper {width: 810px; margin: 0 auto; text-align: left;} /* -- holds pretty much everything -- */

.cream {background:#FEFDED;} /* -- cream -- */

.rust {background:#CC6600;} /* -- rust -- */

.navy {background:#000080;} /* -- navy  -- */ 

.white {background:#FFFFFF;} /* -- white -- */

.gold {background:#FFD700;} /* -- gold  -- */



/* -- BANNER ROW -- */



#logo_area {float:left; width:810px;height:105px;}

* html #logo_area {height:112px; h\eight:105px;}

#logo_box {float: left; width: 810px;height:98px;background:transparent;}

* html #logo_box{height:96px; h\eight:98px;}

#logo_zone {width:810px;height:92px;}

#logo_font { text-align:center;cursor:pointer;padding: 9px;font: bold 40px Tahoma; color:#000080;}

#langfont {font: bold 14px Tahoma;padding-right: 15px;padding-bottom:8px;padding-top:4px; padding-left:690px;color:#000000;}

#langfont a {color:#000000;}


#masthead_area { float:left;width:810px;height:105px; }
#masthead_box  { float:left;width:810px;height:92px;  }
#language_area { float:left;width:810px;height:30px;  }
#language_box  { float:right;width:140px;height:25px; font: bold 14px Tahoma;color:#000000; }
#lo_area     { float:left;width:810px;height:62px;  }
#lo_box      { float:left:width:810px;height:53px;text-align:center;font:bold 40px Tahoma; color:#000080;}


/* -- STAFF BOX -- */
#staff_area {float:left; width:191px;height:193px;} /* Container for staff box. Maintains gap between staff box and vignette box */

* html #staff_area {height:200px; h\eight:193px;}

#staff_box {float:left; width:191px;height:191px;background-color:transparent;}

* html #staff_box {width: 193px; w\idth: 191px;height: 199px; h\eight: 191px;}

#staff_zone {}


#top_name {margin-left:3px;margin-top:0px;text-align:left;}

#left_name{margin-left:3px;margin-top:10px;text-align:left;}

#right_name {margin-left:3px;margin-top:10px; text-align:left;}

.level1 {font-size:16px;}

.level2 {font-size:13px;}

.level3 {font-size:12px;}

.staff {color:#000000;font-weight:900;}

#staff_zone div div.staff a {
text-decoration: none;
}

.staff a:hover, .staff a:active, .staff a:focus {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:#333333 none repeat scroll 0 0 !important;
color:#FFFFFF !important;
}

.job {color:#000000;font-weight:normal;}

/* -- FEATURED PHOTO STYLES -- */

#photo_area {margin-bottom:0px;float:left;width:410px;height:193px;}

#photo_box {float:right;height:193px;background-color:transparent;}


/* --- VIGNETTE STYLES --- */

#vignette_area {float:right;width:205px;height:193px;}

#vignette_box {float:right;width:196px;height:193px;}  

#vignette_area #vignette_box table {width:100%;margin-left:0px;}

#vignette_area #vignette_box table colgroup {width:20%;}

/* -- #vignette_area #vignette_box table tr td {height:75px;} -- */

/* -- #vignette_area #vignette_box table tr td a img {width:62px;} -- */

.vignette a {color:#000080;}

.vignette a:hover {color:#FFFFFF;}

.chosen {border: 3px solid #000080;}



/* -- MAIN MENU STYLES -- */

#menu_area {height:213px;}

* html #menu_area {height:223px; h\eight:213px;}

#menu_box {background: transparent; float: left;margin: 8px 0 0 0;width: 190px;}



/* -- FEATURE TEXT STYLES -- (feature_box is intended to replace main2 -- see position.css */

#feature_area {float:right; width:603px;min-height:192px;padding-bottom:0px;background-color:#FEFDED;}

* html #feature_area {padding-bottom:5px; p\adding-bottom:0px;height:196px;h\eight:auto;}

#feature_box {float: right; width: 600px;min-height:180px;background:green;}

* html #feature_box {height:180px; m\in-height:180px;}

#bodyfont {padding-left:0px;text-align: left;	padding-top:10px;padding-bottom:10px;width:590px;height: auto;}

* html #bodyfont {width: 618px; w\idth: 590px;}

#bodyfont #font{ color:#000080;	font: bold 23px Tahoma;width:400;}

#bodyfont #rows{font:14px/18px;	color:#1F130F;padding-top: 5px;padding-bottom:5px;width:570px;height: auto;} 

#bodyfont ul li{ margin-left:4%; margin-top:1%;}

.contentdescription { font-size:12px;}






/* --- PROMO BUTTON STYLES --- */

#promo-container {float:right; width:610px;}

#promos {float: right; width: 604px;}

#middle-promos {float:left;width:398px;}

#left_promos {float:left; width:405px;}

#right_promos { float:right; width:400px;}

#promo_1 {float: left; width: 193px;height:193px;}

* html #promo_1.gold #promo1 {height:180px;h\eight:193px;}

* html #promo_1.navy #promo1 {height:180px;h\eight:193px;}

#promo_1.navy .log-in {background-color:#FFD700;}

#promo_1.gold.log-in {background-color:#FFD700;}

#promo_2 {float: left; background:transparent;}

#promo_3 {float: right; background:transparent;}

#promo_4 {float: right; background:transparent;}

#promo5 {float: right; background: transparent url(../images/boxes/help-us_navy.jpg) no-repeat scroll 0% 0%;width: 193px;height:196px;cursor: pointer;}

div .navy div .promo_text, #promo_1.gold #promo4 .promo_text {padding: 80px 8px;font-size: 11px;font-weight: normal;color:#FFFFFF;}

div .gold div .promo_text  {padding: 80px 8px;font-size: 11px;font-weight: normal;color:#000000;}



/* -- LOG-IN STYLES -- */

#promo_1.navy div form.form-login, log {padding-left:10px;padding-top:10px;background:#000080;font-weight:bold;color:#FFD700;}

#promo_1.navy div form.form-login  p a {color:#FFD700;}

#promo_1.navy div form.form-login  p a:hover {color:#FFFFFF;}

#promo_1.gold div form.form-login, log {padding-left:11px;padding-top:10px;background:#FFD700;font-weight:bold;color:#000080;}

#promo_1.gold div form.form-login  p a {color:#000080;}

#promo_1.gold div form.form-login  p a:hover {color:#FFFFFF;}

#promo_1.gold div form.log p {margin-left: 5%; margin-top:2%;}


/* -- FOOTER STYLES -- */

#footer {padding:10px 0px;clear: both;width:807px;background:#FEFDED;}

#footer hr {border: 1px solid #FFCC11;}

#credits {width:auto;padding:6px; font-size:11px; color:#000000;}

#sponsors {margin: 10px auto;padding 3px;border:1px solid #FFFFFF;}