﻿/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");

/*GLOBAL*/
html{
	width:100%;
	height:100%;
	font:50% Georgia, "Times New Roman", Times, serif;
	color:#726B65;
}
body{width:100%; height:100%; min-width:962px; text-align:center; background:#f8f7f6 url(../gui/bg_gradient.gif) repeat-x top;}
a, a:visited{text-decoration:none; color:#0A5D7E;}



/* MAIN LAYOUT */
#background{margin:auto; margin-top:21px; width:100%; background:url(../gui/bg.gif) repeat-y center; position:relative; text-align:center;}
#container{margin:auto; padding:0px 0px 75px 0px; width:970px; height:100% !important; min-height:751px; height:751px; position:relative; text-align:left;}

#logo{width:243px; height:49px; display:block; background:url(../gui/logo.gif) no-repeat; text-indent:-9999px; position:absolute; top:41px; left:3px; z-index:2;}
#logo a{width:243px; height:43px; display:block; border:none;}
#tagline{width:255px; height:43px; display:block; background:url(../gui/tagline.gif) no-repeat; text-indent:-9999px; position:absolute; top:44px; left:270px; z-index:2;}
#menu{display:block; width:941px; height:43px; padding-left:17px; position:absolute; top:110px; left:5px; z-index:6; background:url(../gui/bg_menu.gif) repeat-x; z-index:11;}
#flash{width:958px; height:362px; display:block; position:absolute; top:153px; left:5px; z-index:10;}
#flash_left{width:643px; height:362px; display:block; position:absolute; top:153px; left:5px;}
#flash_right{width:315px; height:362px; display:block; position:absolute; top:153px; left:648px}
#flash_button{width:107px; height:34px; display:block; position:absolute;  top:423px; left:748px; z-index:1;}
#support_left{width:150px; height:362px; display:block; position:absolute; top:230px; left:5px;}
#support_right{width:681px; height:362px; display:block; position:absolute; top:230px; left:150px;}
#services_left{display:block; position:absolute; top:160px; left:5px;}
#services_middle{display:block; position:absolute; top:160px; left:205px;}
#services_right{display:block; position:absolute; top:160px; left:405px;}


#login{display:block; width:178px; height:50px; position:absolute; top:39px; right:5px; z-index:12; background:url(../gui/btn_login.gif) no-repeat right top;}
#login:hover, #login.over{background:url(../gui/btn_login.gif) no-repeat right -50px; cursor:pointer;}
#login div{display:none; overflow:hidden;}
#login:hover div, #login.over div{display:block; height:400px; width:548px; background:#ffffff; position:absolute; top:50px; right:0px; border:1px solid #c1bab4; cursor:default;}
#login h4{display:block; width:156px; height:1px; background:#ffffff; position:absolute; top:50px; right:1px; z-index:13; text-indent:-9999px;}
#login h5{display:block; width:189px; height:43px; position:absolute; top:32px; left:37px; text-indent:-9999px; background:url(../gui/title_login.gif) no-repeat;}
#login_directions{display:block; width:210px; position:absolute; top:87px; left:40px; color:#564946; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.5em;}
#login_copyright{color:#A89E98; display:block; padding-top:6px;}
#login_smallprint{display:block; overflow:hidden; width:462px; height:164px; background:#efeeec; border-top:1px solid #c7c5c3;  border-bottom:1px solid #c7c5c3; padding:16px 28px 0px 26px; position:absolute; bottom:16px; left:16px; color:#726B65; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.5em;}
#login_form{display:block; width:262px; height:172px; position:absolute; top:16px; left:282px; border-left:1px solid #cbc9c8; padding-top:3px;}
#login_form input{display:block; width:215px; border:1px solid #c3c3c3; margin:3px 0px 9px 20px; padding:5px 4px 5px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif;  font-size:1.5em; line-height:1.18em; color:#47869e;}
#login_form input.hidden{display:none;}
#login input#submit{background:url(../gui/login.gif) no-repeat; width:63px; height:29px; border:none; margin:16px 0px 0px 20px; padding:0px; text-indent:-9999px;}
#login input#submit:hover, #login input#submit.over{background:url(../gui/login.gif) no-repeat 0px -29px; cursor:pointer;}

#columns{width:958px; min-height:140px; padding:542px 0px 36px 5px; position:relative; font-size:1.4em; line-height:1.5em;}
#columns p{padding:0px 0px 0px 2px;}
#columns a:hover{border-bottom:1px dashed #0A5D7E;}
#about{width:318px; float:left; padding:0px 28px 0px 1px;}
#about h3{width:275px; height:49px; background:url(../gui/title_about.gif) no-repeat; text-indent:-9999px;}
#contact{width:325px; float:left; padding-bottom:12px; border-right:1px solid #cac4c0;}
#contact h3{width:111px; height:49px; padding-right:50px; background:url(../gui/title_contact.gif) no-repeat; text-indent:-9999px; float:right;}
#contact em{color:#38322C; font-style:normal;}
#news{width:260px; float:left; padding:0px 0px 0px 24px;}
#news a{color:#687A36;}
#news a:hover{border-bottom:1px dashed #687A36;}
#news h3{width:115px; height:49px; background:url(../gui/title_news.gif) no-repeat; text-indent:-9999px;}

#content{width:958px; min-height:140px; padding:186px 0px 36px 5px; position:relative; font-size:1.4em; line-height:1.5em;}
#submenu{width:319px; float:left; padding:0px 45px 10px 0px;}
#submenu h3{width:319px; height:45px; text-indent:-9999px;}
#submenu h3#subtitle_about{background:url(../gui/subtitle_about.gif) no-repeat;}
#submenu h3#subtitle_personal{background:url(../gui/subtitle_personal.gif) no-repeat;}
#submenu h3#subtitle_institutional{background:url(../gui/subtitle_institutional.gif) no-repeat;}
#content_text{width:540px; float:left; padding-bottom:15px; line-height:1.75em; margin-top:-25px;}
#content_text p{margin:0px; padding:25px 0px 0px 0px; color:#726B65; display:block;}
#content_text ol, #content_text ul{display:block; padding:8px 0px 0px 20px;}
#content_text ol{ list-style-type:decimal; list-style-position:inside;}
#content_text ul{ list-style-type:circle; list-style-position:inside;}
#content_text li{padding:0px; margin:0px;}
#content_text a:hover{border-bottom:1px dashed #0A5D7E;}
#content_text2{width:940px; float:left; padding-bottom:15px; line-height:1.75em; margin-top:-25px;}
#content_text2 p{margin:0px; padding:25px 0px 0px 0px; color:#726B65; display:block;}
#content_text2 ol, #content_text ul{display:block; padding:8px 0px 0px 20px;}
#content_text2 ol{ list-style-type:decimal; list-style-position:inside;}
#content_text2 ul{ list-style-type:circle; list-style-position:inside;}
#content_text2 li{padding:0px; margin:0px;}
#content_text2 a:hover{border-bottom:1px dashed #0A5D7E;}

#footer{width:958px; margin:30px 0px 0px 5px; padding:0px 0px 0px 0px; position:relative; background:#e5e2df; border-top:1px solid #cac7c5; border-bottom:1px solid #cac7c5;}
#copyright{margin:0px 0px 0px 0px; padding:10px 16px 10px 13px; color:#877a71; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; font-size:10px; width:190px; float:left;}
#copyright a{color:#877a71; border-color:#959FC1;}
#copyright a:hover{border-bottom:1px dashed #877a71;}
#menu2{float:left; padding-top:21px;}

/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}


/* FLASH ELEMENTS */
.button { 
position:absolute; 
bottom: 30px; 
left: 735px; 
right: 50px; 
top: 280px;
display:inline;
width:100%;
} 
