/*
Main divs are:
nav3 (tertiary navigation)
wrapper
nav (main navigation)
buttons
container, containerHomePg
content
boxContent
nav2 (side navigation), nav2HomePg
navcontainer, navcontainerHomePg
bottom
footer
*/
body { margin-top:0;
	font-family: verdana, sans-serif;
	color: #333333;
	background-color:#5C5C5C;
	font-size: 70%;
	line-height: 1.5em;
	text-align:center; 
	padding:0;                    
	/* This technique (center align text) gets the whole she-bang 
	centered in IE. Text-align left in content divs to fix up the 
	appearance below this level */
	/*margin: 20px 3%;*/
}
p {
	margin:0;                            
	/* Gaps were revealing the wrapper bgcolor 
	above and below content div without this 
	margin setting */
}
img { border: 0;}
#wrapper {  
	border: solid 1px #666666; 
	background-color:#ffffff;
	margin: 0px auto;
	width:96%;	
/* These left and right margins, set to auto, 
got the whole thing centered, but notice 
on the body tag - one has to set the text-align to center to cover an IE 
bug where the centering doesn't show...then one must fix the text-align
on other boxes within, back to text-align: left where desired */	
}
#container {
	width: 100%; 
	float:left; 
	margin-right:-200px;
	background: #f1f2ea url(..images/background.gif) repeat-y right;}
#containerHomePg { 
	width: 100%; 
	float:left; 
	margin-right:-330px;
	background-color:#f1f2ea;
	/* background: #f1f2ea url(background.gif) repeat-y right; */}/*that bg img wont be correct size*/
#tUniv { width:100%; height: 30px; background-color:#000000; color:#CCCCCC; text-align:center;}
#top {
	background-image: url(../images/bg2000a.jpg);
	background-color: #FFFFFF; /*background-color: #716B69;*/
	background-repeat: no-repeat;
	background-position:left top;
	height: 41px;
	width: 100%;
	text-align:left;
}
#nav {
	background-color: #716B69;
	width: 100%;
	text-align:left;/*was aligned left for original design*/
}
#content {
	margin-bottom:0;
	margin-left:0;
	margin-top:0;
	margin-right: 200px;
	background-color: #FFFFFF;
	text-align:left;
	padding: 20px 20px 20px 33px ;
}
#contentHomePg {
	margin-bottom:0;
	margin-left:0;
	margin-top:0;
	margin-right: 330px;
	background-color: #FFFFFF;
	text-align:left;
	padding: 20px 20px 20px 33px ;
}
#bottom { /* links-- about, from director, etc */ 
	background-color: #CCCCCC;	
	/*background:#DAE0D2 url(../images/bg.gif) repeat-x bottom;*/
	width: 100%;
	/*height: 17px;*/	
	/*text-align: left;*/
	margin:0;
	clear:both;
}
#footer { /* address and some utility navigation */
	width: 100%;
	color:#E2E2E2;
	background-color:#333;
	background-color:#4F0000; border-bottom:1px solid #4F0000; 
}
h1 {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
	padding: 20px 20px 20px 0px ;
	letter-spacing: 0.1em;
	margin:0;
}
h2 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	padding: 20px 20px 20px 0; /*padding: 20px 20px 20px 40px ;*/
	margin:0;
}
h2.homeHighlights {
	font-size:100%;	font-weight:bold; color:#333333; background-color:whitesmoke;
	padding:0; margin:0; margin-bottom:1em; border-bottom:1px dashed #CCCCCC; letter-spacing:0.25em;
}
h2.pagetitle {
	padding-top: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-image:url(../images/bullets/blt_a.gif);
	background-position:top left;
	background-repeat:no-repeat; text-indent:1.3em;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	padding: 20px 20px 0px 40px ;
	margin:0;
}
.boxContent h2 { border-left:3px solid #e7e6d2; padding:3px 6px 5px 6px; background-color:#f4f3ea;border-top:1px solid #aaa; background-image:url(../images/cornerTranRB.gif);background-position:right bottom; background-repeat:no-repeat; }
#content a:link, #content a:visited {
	color: #2A659A;
	text-decoration: none;
}
#content a:hover, #content a:active {
	text-decoration: underline;
	background-color: #EEEEEE;
}
#contentHomePg a:link, #contentHomePg a:visited {
	color: #2A659A;
	text-decoration: none;
}
#contentHomePg a:hover, #contentHomePg a:active {
	text-decoration: underline;
	background-color: #EEEEEE;
}
input {
	font-family: verdana, sans-serif;
	font-size: 10px;
}
textarea {
	font-family: verdana, sans-serif;
	font-size: 10px;
}
/*form {
	padding: 0px 20px 0px 20px ;
}*/
.moreso {
	font-weight: bold;
}
/*.date {
	font-size: 92%;
}*/
div.captionTxt {
	color: #FFFFFF;
	font-weight: bold;
}
/* without display:block designated on these classes(not just on the a class), firefox doesn't stretch the hover color all the way across the ul. IE doesn't display that behavior */
.addPad {padding-left:5px; padding-right:4px;}

/* BEGIN SLIDING DOOR SECTION */
#buttons {
      float:left;
      width:100%;
      background:#DAE0D2 url(../images/nav/bg.gif) repeat-x bottom;
      font-size:94%;
	  letter-spacing: 0.1em;
      line-height:normal;
      }
#buttons ul {
      margin:0;
      padding:10px 10px 0 35px;
      list-style:none;
      }
#buttons li {
      float:left;
      background:url(../images/nav/left_both.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
#buttons a {
      float:left;
      display:block;
      background:url(../images/nav/right_both.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#buttons a {float:none;}
    /* End IE5-Mac hack */
#buttons a:hover {
      color:#333;
      }
#buttons #current {
      background-position:0 -150px;
      border-width:0;
      }
#buttons #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
#buttons li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
#buttons li:hover a {
      background-position:100% -150px;
      }
/* END SLIDING DOOR SECTION */

a.skip, a.skip:visited { color:#CCCCCC; font-size:90%; text-decoration:none;}
a.skip:hover, a.skip:active {background-color:#333333; text-decoration:none;}
img.tuIDimg { padding-top:4px; margin-left:35px;}
span.ucedd { display:block; color:#333333; font-size:90%; letter-spacing:.1em; padding-left:25px;/*padding-left doesn't work with block display. padding-top doesn't work with regular display. keep padding-top and add clear pixels to the main gif*/ padding-top: 12px;}

.clearing {height:0; clear:both;}/*display: none inserted in previous class will clear up the extra area showing in IE where the clearing div is, but creates a problem in Firefox. Research how to insert the display:none style so that only IE sees it (?)*/

div.pageContents {
	width:94%;
	border: none;
	background-color:#ffffff;
	padding:0; 
	line-height:1.8em; 
	font-size:85%;
	margin:0 0 10px 0;}
.contentsList {
	list-style-type:square; 
	padding:0;
	margin:2px 2px 2px 30px;}
.contentsList a#currentItem { font-weight: bold; color:black;}
.boxContent {
	width: 94%;
	margin: 0 0 10px 0;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;
}
.boxContent h3 { padding:4px 16px 0px 16px; border-top: 1px dashed #dddddd;}
.boxContent p { padding: 2px 16px 20px 16px;}
.copyrtPad {padding-left: 40px; padding-top: 2px;}
.nav3 { display:none; background-image:url(../images/nav/bg2000-ch.jpg); background-position:top left;  background-color:#5C5C5C; 
color:#CCCCCC; font-size:90%; text-align:right; 
margin: 0px auto; padding-top:1em ;/*5px*/
height:30px; width:90%; 
border-left: 2px solid #5c5c5c; border-right: 2px solid #5c5c5c; }
.nav3 a:link, .nav3 a:visited { color:#CCCCCC; text-decoration:none;}
.nav3 a:hover, .nav3 a:active { color:#FFFFFF; text-decoration:none; background-color:#333333;} 
 
#nav2 { /*background: #f1f2ea url(background.gif) repeat-y right;*/
	float: right;
	width: 188px;
	text-align:left;
	margin:0;
	padding:0; }
#nav2 p { padding:0 3px 0 3px;}
#nav2HomePg { /*background: #f1f2ea url(background.gif) repeat-y right;*/
	float: right;
	width: 318px;
	text-align:left;
	margin:0;
	padding:0; }
#nav2HomePg p { padding:0 3px 0 3px;}
.navcontainer { 
	width:172px; padding-top:0px; background-color: #FFFFFF;}
.navcontainer ul {
	margin-bottom:0;
	margin-left:0;
	padding-left:0;
	list-style-type:none; }

.navcontainer a {
	display:block;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:3px;
	width:172px;
	background-color:#FFF;
	color:#000;
	border-bottom:1px solid #9faab5; }
.navcontainer a:link, .navcontainer a:visited {
	color:#333;
	background-color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #9faab5; }
.navcontainer a:hover, .navcontainer a:active {
	background-color:#4F0000;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #9faab5;
	background-image:none; }
.navcontaineron a:link, .navcontaineron a:visited {
	background-color:#DCDCC9;
	color:#333333;
	text-decoration:none;
	border-bottom:1px solid #9faab5; 
	background-image:none; }
.navcontaineron a:hover, .navcontaineron a:active {
	background-color:#4F0000;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #9faab5;
	background-image:none; }
h3.sidenav {
	display:block;
	text-align:left;
	margin-bottom:-1em;
	font-weight: normal;
	color: #666666;
	padding:0;
	margin:0; }
.listTitle {
	display:block;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:3px;
	width: 172px;
	background-color:#DFE2E6;
	background-image:url(../images/nav/li_grad2.jpg); 
	background-position:top left; background-repeat: repeat-x;
	color:#000;
	border-bottom:1px solid #eee; }

/* CALLOUT */
dl.callout { 
  width: 240px;
  margin: 0 0 20px 20px;
  background: #DCE7ED url(../images/boxbottom.gif) no-repeat bottom left;
 /* border:1px solid black; */  }
dl.callout dt {
  margin: 0;
  padding: 10px;
  background: #DCE7ED url(../images/boxtop.gif) no-repeat top left;  }
dl.callout dd {
  margin: 0;
  padding: 10px;  }
/* END CALLOUT */

/* PULLQUOTE */
p.pullquote { 
	float:right;
	width:130px;
	padding:8px;
	border:1px dashed #CCC;
	font-size:1em;
	line-height:1.7em;
	font-weight:bold;
	margin:0 20px 20px 20px;
	background-color:whitesmoke; }
p.pullquote2 { 
	float:right;
	width:130px;
	padding:3px 2px;
	border:solid #CCC;
	border-width:7px 0;
	font-size:1em;
	line-height:1.7em;
	font-weight:bold;
	margin:3px 7px;
	background-color:#FFF; }
div.clearquote {clear:both; }
/* END PULLQUOTE */

h1#imgTech { 
	background-image: url(../images/test_h1_4.jpg); 
	background-position:left bottom;  background-repeat:no-repeat;
	width:95%; height: 90px;
	padding: 0 20px 0 0; margin-top:20px;
/*border-top:1px solid #666666;*/ }
h1#imgRes { 
	background-image: url(../images/research-clouds.jpg); 
	background-position:left bottom;  background-repeat:no-repeat;
	width:95%; height: 90px;
	padding: 0 20px 0 0; margin-top:20px;
/*border-top:1px solid #666666;*/ }
h1#noImg {width:95%; height:3em; padding: 0 20px 0 0; margin-top:20px;}
div.h1bg {background:#FFFFFF url(../images/h1_bg.gi) repeat-x top; width:97%;}

/*p.summary:hover { background-color:#E6E6E6;}*/

img.photoIllus { 
	padding: 3px; margin-right: 10px;
	border: 1px solid #CCC;
	float:left;  }

#bottom ul { margin:0; padding:0; color:#333333; padding-bottom:0.5em; padding-top:0.5em;}
#nav4 li { display:inline; list-style-type:none; margin-right:2em; border:1px solid #ccc; background-color:#EFF3F5;  }
#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active { color:#333333; text-decoration:none; padding-left:2em; padding-right:2em; }
#bottom a:hover, #bottom a:active { color:#FFFFFF; background-color:#333333; }
#nav4b { visibility:hidden;}
#nav4b li { display:inline; list-style-type:none; margin-right:2em; border:1px solid #666; background-color:#7A2932;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#CCCCCC; text-decoration:none; padding-left:1em; padding-right:1em; }
#footer a:hover, #footer a:active { background-color:#333333; }

/*      mods for wider nav column on HOME PAGE  */
.listTitleHomePg {  text-align:center;
	display:block;
	padding-top:6px;
	padding-left:3px;
	padding-bottom:6px;
	width:302px;
	background-color:#DFE2E6; /*#7c92a8*/
	background-image:url(../images/li_grad2.jpg);
	background-position:top left; background-repeat: no-repeat;
	color:#000;
	border-bottom:1px solid #eee; }
.navcontainerHomePg { font-size:110%;
	width:302px; padding-top:0px; background-color: #FFFFFF;}
.navcontainerHomePg ul {
	margin-bottom:0; margin-left:0;
	padding-left:0;
	list-style-type:none; }
.navcontainerHomePg a {
	display:block;
	padding-top:10px; padding-left:3px; padding-bottom:10px;
	width:302px;
	background-color:#DFE2E6; background-image:url(../images/nav/li_grad3.jpg);
	color:#333;
	border-top:1px solid #FFFFFF; border-bottom:1px solid #9faab5; }
.navcontainerHomePg a:link, .navcontainerHomePg a:visited {
	color:#333;
	background-color:#DFE2E6; background-image:url(../images/nav/li_grad3.jpg);
	text-decoration: none;
	border-top:1px solid #FFFFFF; border-bottom:1px solid #9faab5; }
.navcontainerHomePg a:hover, .navcontainerHomePg a:active {
	background-color:#4F0000;
	color:#fff;
	text-decoration:none;
	border-top:1px solid #FFFFFF; border-bottom:1px solid #9faab5;
	background-image:none; }
.navcontaineronHomePg a:link, .navcontaineronHomePg a:visited {
	background-color:#DCDCC9; 
	color:#333333;
	text-decoration: none;
	border-top:1px solid #FFFFFF; border-bottom:1px solid #9faab5; 
	background-image:none; }
.navcontaineronHomePg a:hover, .navcontaineronHomePg a:active {
	background-color:#4F0000;
	color:#fff;
	text-decoration: none;
	border-top:1px solid #FFFFFF; border-bottom:1px solid #9faab5;
	background-image:none; }

/*  END mods for wider nav column on home page  */
#nav2 H3 a:link, #nav2 H3 a:visited {
	color: #2A659A;	text-decoration: none;}
#nav2 H3 a:hover, #nav2 H3 a:active {
	text-decoration: underline; background-color: #FFFFFF; }
	
/* for print display */

body {background-color:#ffffff;}
#buttons, a.skip, #tUniv, #bottom, #nav2, #nav2HomePg, #nav, .nav3, .nav3left, .nav3right, .skip,  #nav4, .pagetop, .siteSearch, #quickpage, .topCal, .btn { display:none !important; }
#container, #containerHomePg, #content, #contentHomePg {margin:0;float:none;font-size:12pt;background-color:#ffffff;}
/*#container {margin-top:60px;}*/
#top {margin-bottom:20px;}
/*#content { background-image:url(../images/tuid.gif); background-repeat:no-repeat; background-position:top left;}*/
#bottom {clear:none;}
h1#imgTech, h1#imgRes {height:3em;}
h1#noImg {margin-top:50px;}
div.h1bg h1 span {font-size:10px;font-weight:normal;line-height:1em;}
div.pageContents {margin-top:2em;}
#wrapper {background-color:#ffffff;}
#footer {color:#666666;background-color:#ffffff;}