/***********************************************/
/* his1.css - 03/15/2010                      */
/***********************************************/

@import url(yui-reset.css);

body {
	background-color: white;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0;
	padding: 0;
	text-align: center; /* be nice to IE */
}

p {text-align: left;
	margin: .5em 0 .5em 0;
	}

a:link, a:visited {
	color: #005FA9;
	text-decoration: none}

a:hover{text-decoration: underline}

ul{
 list-style-type: disc;
 text-align: left;
 padding: 0;
 margin: 6px 0 6px 2em
}

li{
}

cite {
	margin: 4px;
}

/********* form styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
}
				
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}


/************** header tag styles **************/

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; text-align: left; }

h1{
	font-size: 180%;
	font-weight: bold;
	color: #336699;
} 

h2{
	font-size: 160%;
	font-weight: bold;
	color: #336699;
}

h3{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: white;
	background-color: #336699;
	letter-spacing:1px;
	background-image: url(../images/blue_round_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 1px 1px 1px 15px;
	margin: 1.75em 0 2px 0 ;
}

a.head3{
	color: white;
}

a.head3:hover{
	background-color: white;
	color: #336699;
}

h4{
	font-size: 100%;
	color: #336699;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: .75em 0 .25em 0;
}

h5{
	font-size: 90%;
	color: #336699;
	font-weight: bold;
	font-style:italic;
	margin: 0 0 0 0;
	padding: .5em 0 .25em 0;
}

h6{
	font-size: 90%;
	color: black;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
}

dt{
	font-weight: bold;
	margin: 2em 0 4px 0;
}

dt a, dt a:visited{
	font-size: .8em;
	text-decoration: none;
}

dd{
	font-weight: normal;
	margin: .5em 0 0 2em;
}

dd img{
	margin: 6px 0;
}

/*************** page header styles ***************/

.pagebox {
	padding: 6px 18px 0px 6px;	
	margin: 0;
	align: center;
}
	
.whiteline {
	padding: 0;	
	margin: 0;
	border: 0;
	border-bottom: medium solid white;
	clear: both;
	width: 100%;
} 

.pageheader {
	padding: .5em .5em .5em .5em;
	margin:  0;
	background: url(../images/pageheader.gif) repeat-y #336699;
	border-top: thick solid #336699;
	border-bottom: thick solid #336699;
	width: 100%;
	height: 136px;
}

.hislogo {
	float: left;
	margin: 10px 10px 10px 10px;
}

.purpose {
	float: right;
    margin: 0 0 0 0 ;
    padding: 10px 10px 10px 10px;
	color: white;
	font-size: 130%;
	font-style: italic;
	font-weight: bold;
	text-align: right; 
	width: 400px;
}
/************ horizontal menu styles **************/


.hormenu {
	clear: both;
    margin: 0 0 0 0 ;
    padding: 0 0 0 0;
    height: 18px;
	background: url(../images/pageheader.gif) repeat-y #336699;
	width: 100%;
}

.hormenu ul {
    margin: 0 10px 0 10px ;
    padding: 0 0 0 0;
    list-style: none;
	
}

.hormenu ul li {
    display: block;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 110px;
}

.hormenu ul li a {
	display: block;
    margin: 0 0 0 0; 
    padding: 2px 0 0 0;
	font-size: 120%;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    color: White;
    background: url(../images/hormenu_tab.gif) no-repeat;
}

.hormenu ul li a.active, .hormenu ul li a:hover {
    font-weight: bold;
    text-decoration: none;
    color: white;
}

.hormenu ul li ul
{
	font-size: 120%;
    border: medium none;
    display: none;
}

.hormenu ul li:hover
{
    position: relative;
}

.hormenu ul li:hover a
{
    text-decoration: none;
}

.hormenu ul li:hover ul
{
    display: block;
    left: -6px;
    margin-top: 0.1em;
    position: absolute;
    top: 1.7em;
    z-index: 999;  
    width: 150px;
}

.hormenu ul li:hover ul li a
{
    text-align: left;
	font-size: 90%;
	font-weight: normal;
    padding-left: 14px;
    background: #336799 none;    
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid white;
    border-bottom: none;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    height: auto;
    line-height: 1em;
    width: 121px;    
}

.hormenu ul li:hover ul li a:hover
{
   font-weight: bold;
   color: white;
}



/************ page content styles **************/

.pageContent{
	padding: 5px 10px 10px 10px;
	background: white;
}

/************ right box styles **************/


.box { background: url(../images/box_bg.png) 0 100% no-repeat; overflow: hidden; margin-top: 21px;}
.box h2  { background: url(../images/box_header.gif) no-repeat; height: 21px; overflow: hidden; position: relative; margin: 0 0 0 0 ; padding: 4px 10px 0 10px; color:white; font-weight:bold; font-size:12px; }


.whatsnew{
	background-color:#b0d3f4;
	margin: 8px 8px 8px 8px;
	padding: 2px 8px 8px 8px;
    border-left: 1px solid #336699;
    border-right: 4px solid #336699;
    border-top: 1px solid #336699;
    border-bottom: 4px solid #336699;
}
/************ page footer styles **************/

.pageFooter{
	padding: 0;
	margin: 0;
	/* background-color: #336699; */
	background: url(../images/pagefooter.gif) repeat-y center;
	border-top:  thick solid #336699;
	border-bottom:  thick solid #336699;
	width: 100% ;
	vertical-align: middle;
}

.footerContent {
	padding-bottom: 2px;
	font-size: 80%;
	font-weight: bold;
	color: white;
}

.footerContent a:link, .footerContent a:visited {
	color: white;
	text-decoration: none;
}

.footerContent a:hover{
	background-color: white;
	color: #336699;
}

/************ Master CV Registry data grid styles **************/

.CVDataGridStyle
{
	padding:10px;
	font-weight:bold;
}

.DGHeader
{
	background-color: #003366;
	color: #FFFFFF
}
.DGAltItem
{
	background-color: #C4E1FF;
}

/***********************************************/
/* NEW                                         */
/***********************************************/

/* 

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 12px;
    font-family: Verdana, Helvetica, Sans-Serif;
    text-align: center;
    color: #557821;
    background: white url(../images/bg.gif) repeat-x top;
}

h1 {
    padding: 0 0 0 25px;
    height: 108px;
    font-weight: normal;
    font-size: 40px;
    line-height: 64px;
    color: #E0A66A;
}

h1 a {
    font-weight: normal;
    text-decoration: none;
    color: #E0A66A;
}

h1 a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #E0A66A;
}

h1 span {
    padding-left: 5px;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #DEC5B5;
}

h2 {
    padding: 0 0 0 20px;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #0b2f3d;
    border-bottom: 2px solid #557821;
}

h4 {
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    color: #0b2f3d;    
}

p {
    padding: 6px 0;
    
    line-height: 1.20em;
    text-align: justify;
}

a {
    font-weight: bold;
    color : #467AA7;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #FFBA63;
}

#main {
    position: relative;
    margin: 0 auto;
    width: 970px;
    text-align: left;
    background: url(../images/main.gif) repeat-y;
    
}

#corner1 {
    position: absolute;
    top: 152px;
    left: 0;
    width: 65px;
    height: 65px;
    background: url(../images/corner1.jpg) no-repeat;
}

#corner2 {
    position: absolute;
    top: 152px;
    left: 905px;
    width: 65px;
    height: 65px;
    background: url(../images/corner2.jpg) no-repeat;
}

#header {
    padding: 0 65px;
    background: #1c3d5e url(../images/bg.gif) repeat-x top;
}

#header2 {
    height: 152px;
    background: url(../images/header.png) no-repeat;
}



#univLogo{
    position: absolute;
    top: 5px;
    left: 80px;
    width: 500px;
    height: 95px;
}

#univLogo a,img
{
    border: 0px;
    background-color:Transparent;
}

#search {
    position: absolute;
    top: 114px;
    right: 85px;
    width: 214px;
    height: 30px;
}

#search input.text {
    float: left;
    display: block;
    padding: 3px;
    width: 140px;
    font-size: 12px;
    color: Gray;
    background: #E5E5E5;
    border: 1px solid #F1F1F1;
    border-top: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
}

#search input.submit {
    font-family: Myriad Pro, Verdana;
    float: right;
    display: block;
    padding: 2px 0;
    width: 60px;
    font-weight: normal;
    font-size: 14px;
    color: White;
    background: url(../images/search.gif) no-repeat;
    border: none;
}

#middle {
    padding: 18px 75px 15px 75px;
    min-height: 650px;
}

#left {
    float: left;
    width: 566px;
}

#left .box {
    padding-bottom: 20px;
}

#left ul {
    padding: 8px 0 8px 35px;
}

#left ul li {
    padding: 0;
    text-align: justify;
}

#left img {
    float: left;
    display: block;
    height: 150px;
    width: 200px;
    margin: 10px 20px 5px 0;
}

#leftbig {    
    width : 100%
}

#leftbig .box {
    padding-bottom: 10px;
}

#leftbig ul {
    padding: 8px 0 8px 35px;
   
}

#leftbig ul li {
    padding: 0;
    line-height: 2.0em;
    text-align: justify;
}

#leftbig img {
    float: left;
    display: block;
    height: 225px;
    width: 300px;
     margin: 10px 12px 5px 0px;  
}

#leftbig .imgbox{
    float: left;
    height: 255px;
    width: 300px;
    margin: 10px 22px 10px 0px;    
}

#leftbig .imgbox p{
    float: left;
    color: Gray; 
    padding: 0px;
    letter-spacing:normal;
    line-height:normal;
    font-size: .80em;
    text-align: left;  
}

#leftbig .galleryImgbox{
    float: left;
    height: 130px;
    width: 150px;
    margin: 10px 20px 10px 20px;  
    text-align: center;  
}

#leftbig .galleryImgbox img{
    height: 113px;
    width: 150px;      
}

#leftbig .galleryImgbox p{
    float: none;
    color: #0b2f3d; 
    padding: 0px;
    letter-spacing:normal;
    line-height:normal;
    font-size: 1.50em;
    font-weight: bold;
    text-align: center;
}

#right {
    float: right;
    padding: 0 0 25px 0;
    width: 234px;
}

.clear
{
    clear:both;
}

#newsBox{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    color: #1c3d5e;
    width: 225px;
    min-height: 400px;
    margin: 0px;
    padding: 0px;
    }

#newsTop
{
     background: url(../images/weather-top.png) no-repeat;
     padding: 0px 0px 0px 10px;
     margin: auto;     
     font-size: 18px;
     height: 50px;
}

#newsContent
{
    background: url(../images/weather-content.png) repeat-y;
    min-height: 300px;
    font-size: 13px;
    width: 225px;    
    padding: 0px 10px 5px 6px;
}

#newsFooter
{
     background: url(../images/weather-bottom.png) no-repeat;
     height: 23px;
}


h3
{
    padding-left: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #08665E;
}

#right h2 {
    padding-top: 25px;
    color: #08665E;
    border-bottom: 1px solid #E5E5E5;
}

#right ul {
    list-style: none;
}

#right ul li {
    padding: 0 0 0 15px;
    border-bottom: 1px solid #E5E5E5;
}

#footer {
    clear: both;
    padding: 0 85px;
    height: 40px;
    background: url(../images/footer.jpg) repeat-x top;
}

#footer p {
   
    border-top: 1px solid #E1CCB6;
    font-size: 12px;
    line-height: 20px;
}

.box img {
    padding: 5px;
    background: #E5E5E5;
    border: 1px solid #E1CCB6;
}

*/
/* Image Gallery Style definitions */

/*
#log{ color:white; }
#img_gallery{ margin:0px 0px 0px 10px; }
#img_gallery a{ outline:none; border:none; padding:0px; margin: 0px;}
#img_gallery a img{border:none; padding:0px; margin: 0px;}

/* --- IMAGE STAGE */
/*
#fullimg{
   
	width:800px;
	overflow:hidden;
    height: 600px;
	padding:0px; 
	margin: 0px;
}

#fullimg img{ 
    padding: 0px;
    margin:0px;
    width:800px; 
    height: 600px;
}

#fullimg p, #fullimg span{
	position:absolute;
	background:black;
	opacity: .50;
	filter:alpha(opacity=50);
	color:white;
	margin:0px;
	width:788px;
	padding:6px;
	font-size:12px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
*/

/* --- SLIDER --- */

/*
#img_gallery #wrapper{
	overflow:hidden;
	padding:4px 0px;
	padding-left: 3px;
	margin-left:0px;
	width:739px;
	float:left;
	height:76px;
	background:#99d063 url('../Gallery/images/wrapperbg.png') repeat-x;
	position: relative;
}

#img_gallery #wrapper ul{
	margin:0px;
	padding:6px 0px 0px 2px;
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}

#item{
	margin:0px;
	padding:6px 0px 0px 2px;
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}

#items li{
	float:left;
	list-style:none;
	margin-right:7px;
	padding: 0px;
	border: solid 2px #e7e7e7;
}
#items .thumb{
	width:71px;
	height:60px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}
#items .large{
	display:none;
	position:absolute;
}

#fullimg .loading{
	width: 24px;
	height: 24px;
}
#fullimg .thumb{display:none;}

#items .item  p, #items .item  span{
	display:none;
	text-indent: -2000em;
}
#moveleft, #moveright{
	margin:0px;
	padding: 0px;
	height:84px;
	color: white;
	width: 29px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
}
#moveleft{background: url('../Gallery/images/left.png');}
#moveright{background: url('../Gallery/images/right.png');}

#moveleft:hover{background: url('../Gallery/images/left-select.png');}
#moveright:hover{background: url('../Gallery/images/right-select.png');}


*/