/**



 * 



 * 



 */

/* -- LOG-IN TEXT SIZE -- */

form.log p { font-size:11pt; }

/* -- 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.brick {background: transparent url(../images/gradients/gif/promo_brick.gif) no-repeat scroll 0% 0%;}

.promo.magenta {background: transparent url(../images/gradients/gif/promo_magenta.gif) no-repeat scroll 0% 0%;}

.promo.purple {background: transparent url(../images/gradients/gif/promo_purple.gif) no-repeat scroll 0% 0%;}

.promo.slate {background: transparent url(../images/gradients/gif/promo_slate.gif) no-repeat scroll 0% 0%;}

.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;}


.slate h2, .slate h2 a {color:#675DA6;} 
.magenta h2, .magenta h2 a {color:#2E4589;} 
.purple h2, .purple h2 a {color:#a11e51;} 

.gold h3, .gold h3 a {color:#000080;}

.navy h3, .navy h3 a {color:#000080;}

.rust h3, .rust h3 a {color:#000080;}


.promo h2 {

font: normal 2.3em Arial black,sans-serif;

text-align:center;

margin-top:-1px;

margin-bottom:0px;

}

.promo h3 {

font: normal 1.5em Arial black,sans-serif;

text-align:center;

margin-top:-1px;

margin-bottom:0px;

}


.promo h2 a, .promo h3 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:left;font:bold 40px Tahoma; color:#2E4589;}





/* -- 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;cursor:pointer;}



* 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:#2E4589;font-weight:900;}



.job {color:#2E4589;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:#FFFFFF;}



* 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:#FFFFFF;}



#footer hr {border: 1px solid #2E4589;}



#credits {width:auto;padding:6px; font-size:11px; color:#000000;}



#sponsors {margin: 10px auto;padding 3px;}
