/*-----------------------------------------------
ESC Region VI Styles by Bryan Young
Last Updated - 4/22/2010
You are free to use, learn and copy these styles
if they help you in any way.
Phone - (936) 435-8274
------------------------------------------------*/

/* General Styles
-------------------------------------------------*/

html, body{margin: 0 auto; padding: 0; height: 100%;}
body{background: #e1e1e1 url(images/2008/images/header_02.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 1.5em;}
#wrapper{width: 993px; margin: 0 auto; height: 100%; border: 0px solid #000; background: #e1e1e1 url(images/2008/content-bac.jpg) repeat-y top;}
#wrapper-back{height: 100%; border: 1px dashed #000; width: 993px; background: #e1e1e1 url(images/2008/content-bac.jpg) repeat-y top; margin: 0 auto;}
hr {height: 1px; color: #e1e1e1; width: 85%;}

a:link{color: Blue;}
a:active{color: Red;}
a:visited{color: Purple;}
a:hover{color: Blue; text-decoration: none;}

h4
{
    font-size: 15px;
    font-weight: bold;
}


/* Header Styles
-------------------------------------------------*/
#header{width: 993px; height: 145px; background: url(images/2008/images/header_01.jpg); margin: 0 auto;}
#header-logo{float: left; cursor: hand; width: 140px; height: 145px;}
#header-rightbox{float: right; width: 600px; height: 95px; text-align: right; padding-right: 17px;}
#header-menu{float: right; width: 790px; height: 35px; padding:0px 10px 0 0; border: 0px solid #fff;}


/* The Menu
-------------------------------------------------*/
#dropmenudiv{position:absolute;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height:18px;z-index:100;}
#dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 3px 0px 3px 0;text-decoration: none;color: #fff;background-color: #282A45;}

/*hover background color*/
#dropmenudiv a:hover{background-color: #5D5F7A;}

#menuNav{height: 35px; border: 0px solid #000; width: 100%; display: block; background-color: transparent;}
.menu-top{float: left; background: transparent; text-transform: uppercase; width: 200px; padding:8px 0 10px 0; margin: 0; text-align: center; font-family: Arial, Verdana, Tahoma; font-size: 13px; font-weight: bold; color: #fff; border-right: 0px dashed #c1c1c1;}
.menu-sep{width: 1px; height: 35px; float: left; background: url(images/2008/menu-sep.gif) no-repeat right top; margin: 0; padding: 0;}

.menu-home{width: 70px;}
.menu-ps{width: 194px;}
.menu-res{width: 104px;}
.menu-con{width: 94px;}
.menu-jobs{width: 60px;}
.menu-pubs{width: 120px;}

a.menu-top:link{color: #fff; text-decoration: none;}
a.menu-top:visited{color: #fff; text-decoration: none;}
a.menu-top:active{color: #fff; text-decoration: none;}
a.menu-top:hover{background: #282A45;}


/* Search Styles
-------------------------------------------------*/
#search{overflow: auto;}
#search-box{float: left; width: 350px; padding: 0 0 0 30px; margin-top: 7px; vertical-align: middle; border: 0px solid #000;}
#search-right{background: transparent url(images/2008/welcome_scholarship.png) no-repeat top left; color: #900; float: right; width: 550px; padding: 0px 45px 5px 0; text-align: right; margin: 0; border: 0px solid #000;}
.search-float-right-box{width: 45px; float: right; text-align: center;}
.search-right-lnk{color: #900; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold;}
.searchImage-container{float: left; padding-top: 6px;}
.searchTextBox-container{float: left; padding: 3px 7px 0 7px;}
.searchButton-container{float: left; padding-top: 7px;}
.searchTextBox{color: #777; padding: 4px 3px 0 3px; background: #f4f4f4; width: 200px; height: 20px; border: 1px solid #ccc;}
.searchButton{color: #900; font-family: Arial, Verdana, Tahoma; font-size: 13px; font-style: italic; font-weight: bold;}

a.searchButton:link{color: #900; text-decoration: none;}
a.searchButton:active{}
a.searchButton: visited{}
a.searchButton:hover{color: Red;}


a.search-right-lnk:link{color: #900; text-decoration: none;}
a.search-right-lnk:active{}
a.search-right-lnk:visited{color: #900; text-decoration: none;}
a.search-right-lnk:hover{color: Red;}


/* Master Content Styles
-------------------------------------------------*/
#content{background: #e1e1e1 url(images/2008/content-bac.jpg) repeat-y top;width: 993px; margin: 0 auto; padding: 0 0 10px 0; overflow: auto;}
#content-area{width: 585px; float: left; margin: 0 auto; padding: 0 5px 20px 35px; border: 0px solid #000;}
#content-right{float: right; width: 351px; padding: 0; margin: 0; border: 0px solid #a1a1a1; z-index: 99999;}
.right-box{float: left; width: 328px; padding: 0 22px 10px 0;}
.right-box-dist-jobs{padding: 0 0 0 10px; background: #fff url(images/2008/right-bg.jpg) no-repeat top left; height: 195px;}
.dist-gv-pad{padding: 7px 0 0 0;}
#content-spacer{width: 930px; padding: 7px; border: 0px solid #000; margin-left: 28px;}
#breaking-news{}
#footer{border: 0px solid #000; background: #e1e1e1 url(images/2008/content-bac.jpg) repeat-y top; width:993px; height: 100px; margin: 0 auto; text-align: center; padding: 20px 0 0 0px;}
#footer-area{border-top: 1px solid #ddd; background: #fff; width: 840px; margin: 0 auto; padding: 5px;}

/* Breaking News
-----------------------------------------------------*/
#breaking-news
	{
	background:#fff url(images/2008/breaking_news.png) no-repeat;
	float: left; 
	margin:0; 
	padding:15px 25px 5px 275px; 
	width: 627px; 
	height:80px; 
	border: 0px;
	}

/* Content Header Styles
-------------------------------------------------*/
.h1-content{padding: 5px; margin-bottom: 12px; border-bottom: 1px solid #e1e1e1; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 18px; font-weight: bold;}
.h2-content{padding: 5px; margin-bottom: 12px; border-bottom: 1px solid #e1e1e1; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 16px; font-weight: bold;}
.h3-content{padding: 5px; margin-bottom: 12px; border-bottom: 1px solid #e1e1e1; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 14px; font-weight: bold;}
.h4-content{padding: 5px; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 12px; font-weight: bold;}
.h5-content{padding: 5px; margin-bottom: 7px; border-bottom: 1px solid #e1e1e1; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 10px; font-weight: bold;}
.h6-content{padding: 5px; margin-bottom: 7px; border-bottom: 1px solid #e1e1e1; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 8px; font-weight: bold;}

/* Design Content Styles
-------------------------------------------------*/
.full{width: 905px; padding: 5px 10px;}
.full-title{width: 905px; padding: 12px 10px 2px 10px;}
.spotlight-left{float: left; width: 565px; height: 170px; padding: 10px 10px 5px 10px; border: 0px solid #000; background: url(images/2008/cntr-back.png) no-repeat top left;}
.spotlight-right{float: right; width: 565px; padding: 10px 10px 5px 10px; background: url(images/2008/cntr-back.png) no-repeat top left;}
.right-555{float: right; width: 555px; padding: 5px 10px;}
.right-330{float: right; width: 320px; border: 0px solid #000; padding: 10px 10px 5px 10px; margin: 0 auto;}
.thrid-links-left{float: left; width: 183px; padding: 0; margin: 0 5px 0 0; border: 1px solid #a1a1a1;}
.floatSpotPic{float: left; padding: 0 10px 5px 0;}
.image_univ{float: left; width: 100px; margin: 10px 0 0 10px; padding: 0 0  15px 0; text-align: center;}
.image_center{text-align: center; margin: 15px auto;}

.threequarters-wrapper-left{float: left; width: 585px; background: url(images/2008/cntr-back.png) no-repeat top left;}
.threequarters-wrapper-right{float: right; width: 585px;}
.threequarters-full-fill{float: left; width: 565px; padding: 10px 10px 5px 10px; background: url(images/2008/cntr-back.png) no-repeat top left;}
.threequarters-full-fill-bottom{float: left; width: 565px; margin-top: 10px; padding: 10px 10px 5px 10px; background: url(images/2008/cntr-back.png) no-repeat top left;}
.threequarters-half-fill-left{float: left; width: 292px; padding: 10px 5px 5px 10px;}
.threequarters-half-fill-right{float: right; width: 292px; padding: 10px 10px 5px 5px;}
.threequarters-third-fill-left{background: #fff url(images/2008/cntr-home-back.png) no-repeat top left; float: left; width: 173px; height: 170px; margin: 10px 4px 0 1px; padding: 5px 5px 5px 10px;}
.threequarters-third-fill-middle{background: #fff url(images/2008/cntr-home-back.png) no-repeat top left; float: left; width: 178px; height: 170px; margin: 10px 4px 0 0; padding: 5px;}
.threequarters-third-fill-right{background: #fff url(images/2008/cntr-home-back.png) no-repeat top left; float: left; width: 178px; height: 170px; margin: 10px 0 0 2px; padding: 5px 10px 5px 5px;}
.threequarters-third-fill-title{color: #2c2c2c; padding: 2px 0 5px 0; font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold;}
.threequarters-third-fill-right ul {margin: 3px 0 0 0; padding: 0; list-style: none;}
.threequarters-third-fill-right li {margin: 0 0 0 5px; padding: 1px 0 1px 0;}
.threequarters-third-fill-middle ul {margin: 3px 0 0 0; padding: 0; list-style: none;}
.threequarters-third-fill-middle li {margin: 0 0 0 5px; padding: 1px 0 1px 0;}
.threequarters-third-fill-left ul {margin: 3px 0 0 0; padding: 0; list-style: none;}
.threequarters-third-fill-left li {margin: 0 0 0 5px; padding: 1px 0 1px 0;}

/* General Float Pic Styles
-------------------------------------------------*/
#printBody{width: 100%;}
.printLeftBlock{float: left; width:475px;}
.printRightBlock{float: right;}
.floatPicRightPrint{float: right; text-align: center; margin-right: 10px; width: 150px;}
.floatPicRight{float: right;margin: 0 5px 10px 15px;padding: 0;}
.floatPicRight-TextLeft{float: right;text-align: left;margin-right: 10px;width: 150px;}
.floatPicRight-TextLeft-Border{float: right;text-align: left;margin-right: 10px;width: 150px;border: 1px solid #000;margin: 5px;padding: 5px;}

/* General Float Pic Styles
-------------------------------------------------*/
#staff_depthead
{
    float: left;
    width: 140px;
    text-align: center;
    
}

#staff_infoPic
{
    float: right;
    width: 140px;
    margin: 10px 0 10px 10px;
    border: 0px dotted #000;
}

#staff_infoBio
{
    float: left;
    text-align: left;
    padding: 0;
    width: 98.5%;
}

.bio_class{width: 350px; border: 1px solid #000;}

.staff_MyGrids
{
    padding: 5px 0 5px 0;
    margin: 3px 0 3px 0;
    clear: both;
    }

#staff_aboveMyGrids
{
    float: left;
    width: 98.5%;
    text-align: center;
    margin: 0px;
    padding: 5px 0 5px 0;
    clear: both;
}



#staff_hr
{
    float: left;
    width: 98.5%;
    text-align: center;
    margin: 0px;
    padding: 10px 0 10px 0;
    clear: both;
}

#staff_group
{
    float: left;
    width: 98.5%;
    margin: 0;
    padding: 0;
}

#staff_photos
{
    float: left;
    width: 140px;
    text-align: center;
    vertical-align: top;
}

#staff_infotop
{
    float: left;
    text-align: left;
    padding: 0 0 0 15px;
    width: 400px;
}

#nav, #nav ul {padding: 0; margin: 0; list-style: none;} 
#nav a {display: block; width: 10em;} 
#nav li {float: left; width: 10em;}

#nav li ul {     position: absolute;     width: 10em;     left: -999em; } #nav li:hover ul {     left: auto; }
#nav li:hover ul, #nav li.sfhover ul {     left: auto; }

img, div { behavior: url("/iepngfix.htc") }