/*Layout classes and ids
Pam Joseph - 04/29/2007*/
* {
margin: 0;
padding: 0;
/*border: none;*/
}

/*Fix IE. Hide from IE Mac \*/
/** html ul li  {float: left;  height: 1%;}
* html ul li a {  
	display: block;
	float: left;
	clear: left;
	height: 1%;
} */
* html p {
  height: 1%;
  margin-left: 0;
  }
/*these two entries will fix the uneven columns in
Internet Explorer - pmj
http://www.alistapart.com/articles/holygrail/
*/ 
 /** html body {
 overflow: hidden; 
overflow-y: auto;
	overflow-x: auto;
}*/
/** html {
	overflow-y: auto;
	overflow-x: auto;
}*/
* html #footercontainer {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: #fff;         /* Same as body 
                               background */
}
/* End */
div.spacer {
  font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; clear: both;
  }
 
.clear {font-size: 1px; height: 1px; }

/*p, td {
	margin: 0;
	padding: 0;
	text-align: left; Layout center fix for IE 5.x  
	font-size: .8em;
}*/

img, form {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	
}

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}



#pagewrapper {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	width:800px;
	/*height:1089px;*/
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#globalnav {
	position: relative;
	left: 0; 
	top: 0; 
	float: left;
	width: 800px;
	display: block;
	white-space:nowrap; 	
}

#headerlogo, #headerhome, #headerapply, #headerquicklinks, #headercontactus, #headersearch{
    float:left;
	display: block;  
}

* html #headersearchboxcontainer  {
	margin: 0 -33px; white-space:nowrap; ma\rgin: 0;
	
}
#headersearchboxcontainer {
	position: relative;
	float:left;
	background: #990033;
	width:142px;
	height:40px;
	margin: 0;
	padding: 0;
	border: none;
	display: block;      
	
}

* html #headersearchbox  {
	margin: 0 -3px; ma\rgin: 0;
}
#headersearchbox {
	padding: 10px 0px 0px 4px;
	position: relative;
	margin: 0;
	border: none;    	
	display: block;  
}

#headershadowrule {
	left: 0; 
	top: 0; 
	clear:both; 

}

#header2menus {
	/*height: 20px;*/
	top: 0;
	left: 0;
	float:left;
	width: 800px;
	/*clear:both;*/
	display: block; 
	line-height: 20px;
	
}

#headermenuleft {
	/*position: absolute;*/
	float:left;
	display: block;  
	top: 0;
	left: 0;
}

#headermenu1, #headermenu2, #headermenu3, #headermenu4, #headermenu5, #headermenu6, #headermenu7, #headermenu8, #headermenuright {
	float:left;
	display: block;  

}

#headermaroonrule {
	clear:both;
	display:  block;

}

#headeralert {
	clear:both;
	width: 800px;
	height: 18px;
	display: block;
	color: #FF0000;
	font-weight: bold;
	font-size: .8em;
	/*padding-left: 125px;
	padding-right: 25px;	*/	
}
#deptheaderimagecontainer {
	/*height: 20px;*/
	top: 0;
	left: 0;
	float:left;
	width: 800px;
	display: block; 	
}
#depttopsmallimage {
	float:left;
	width: 166px; 
	height: 219px; 

}

#depttoplargeimage {
	float:left;
	width: 634px; 
	height: 219px; 


}
#deptheaderimageframe {
   position: absolute;
   top:  97px;
   left:  0px;
   background:url(/StyleGuide/php/images/style_images/headerimgshadow800x219.gif) 1px 2px no-repeat;
   width: 800px;
   height: 219px;
   z-index: 3;
     
} 


#depttopnav {
	clear:both;
	width: 750px;
	height: 24px;
	padding-top: 5px; 
	padding-left: 25px;
	padding-right: 25px;
	border-bottom-color: #CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
	
	/*display: block;*/

}
#depttopnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0; 
}

#depttopnav li {
	/*background-image: url(maroonarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;*/
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-top:  1.2em;
	/*padding-bottom: 1em;*/
	border-left: 1px solid #990033;
	list-style: none;
	font-size:1em;
	font-weight: bold;
	color: #990033;
	display:  inline;
}
#depttopnav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#contentcontainer {
	overflow: visible;
	padding-top: 0px; 
}

/*this class with the overflow:  hidden on the container will make
the columns even -pmj *//* X + padding-bottom *//* X */
/*pmj this caused the page to be too long in IE */
/*#contentcontainer .column{
	padding-bottom: 20001px;  
  	margin-bottom: -20000px;  
}*/

#contentcolumn1container {
	 float:left;
	width: 166px;
}

#contentcolumn2container {
	float:left;
	padding: 3px 15px 10px 20px;
	/*added these two fixed IE from wrapping the float box below menu*/
	display:inline;
	clear:right;
}

#contentcolumn3container {
	border-left-style:solid;
	border-left-color:  #CCCCCC;
	border-left-width: thin;
	float:right;
	padding: 10px 0px 0px 5px;
	/*clear: right;*/
}

#deptrelatedlinks{
	width: 154px;
	padding: 0px 10px 10px 1px;
	background-color: #FFF7E0;	
	border-top-style:solid;
	border-top-color:  #CCCCCC;
	border-top-width: thin;
	border-right-style:solid;
	border-right-color:  #CCCCCC;
	border-right-width: thin;
	font-size: 1em;
	/*border-bottom-color: #CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;*/
}
* html #deptrelatedlinks  {
	width: 165px;
	padding: 10px 10px 10px 13px;
	background-color: #FFF7E0;	
	border-top-style:solid;
	border-top-color:  #CCCCCC;
	border-top-width: thin;
	border-right-style:solid;
	border-right-color:  #CCCCCC;
	border-right-width: thin;
	
}

#deptrelatedimage{
	position: relative;
	width:165px;
	height:  165px;
	background-color: #FFF7E0;
	border-top-style:solid;
	border-top-color:  #CCCCCC;
	border-top-width: thin;
	border-right-style:solid;
	border-right-color:  #CCCCCC;
	border-right-width: thin;	
	border-bottom-color: #CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

#relatedimageframe {
	position: absolute;
	top:  0px;
	left:  4px;
	background:url(/StyleGuide/php/images/style_images/relatedimagemask.gif) 1px 2px no-repeat;
	width: 156px;
	height: 154px;
	z-index: 2;
	
}
#relatedimage  {
	position: absolute;
	top:  10px;
	left:  9px;	
	width: 146px;
	height: 103px;
	z-index: 1;
	overflow:hidden;
}	
#relatedimagetext {
	position: absolute;
	top:  104px;
	left:  27px;
	width: 110px;
	height: 33px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	line-height: 0.8em;
	z-index: 2;
	text-align: center;
}


#deptcontactblock{
	width:165px;
	padding: 10px 10px 10px 15px;
	background-color: #FFF7E0;
	border-right-style:solid;
	border-right-color:  #CCCCCC;
	border-right-width: thin;
	font-size:1em;
	font-weight: bold;
	color: #003399;
}

#deptbreadcrumbs{
	/*width: 469px;*/
	font-size: 0.75em;
	color: #003399;
	font-style: italic;
	padding-bottom: 4px;	
}

#deptpagetitle{
	/*pmj 09/24/2007 had to put this width back in, it was wrapping in IE6 /~gpcddc */
	width: 468px;
	font-size: 1.5em;
	color: #990033;	
	padding-bottom: 8px;	
}
/*ANY CHANGES TO SIZES - YOU MUST UPDATE THIS WIDTH */
#deptmaincontent{
	float:left;
	display:block;
	/*clear:both;*/
	width: 550px;
	height: auto;
	overflow:visible;
	/*font-size: 1em;*/
	
}
#deptmaincontent table, #deptmaincontent table table {
	/*changed from inline-table to block */
	display:  block;
	
}
#deptmaincontent ul {
	list-style-type: none;
	padding: 0;
	margin: 0; 
}
#deptmaincontent ul li font {
	list-style-type: none;
	padding: 0;
	margin: 0; 
}

#deptmaincontent ul li {
	background-image: url(/StyleGuide/php/images/style_images/maroonarrow.gif);
	background-repeat: no-repeat;
	background-position: 0pt .85em;
	padding-left: 1.2em;
	padding-top: .5em;
	padding-bottom: .5em;
	font-size:1em;
	/*font-weight: bold;*/
	color: #333333;
}

#deptmaincontent ol li {
	margin-left: 2em;
	/*padding-top: .5em;
	padding-bottom: .5em;
	font-size:1em;
	font-weight: bold;
	color: #333333;*/
}
#depttestimonial{
	width: 138px;
	height:  481px;
	position: relative;
	/*width:165px;
	height:  165px;*/
	background-color: #FFFFFF;
	
	
}
#testimonialimageframe {
	position: absolute;
	top:  0px;
	left:  0px;
	background:url(/StyleGuide/php/images/style_images/testimonialimagemask.gif) 1px 2px no-repeat;
	width: 141px;
	height: 481px;
	z-index: 1000;
	
}
#testimonialimage  {
	position: absolute;
	top:  5px;
	left:  2px;	
	width: 138px;
	height: 103px;
	z-index: 10;
	overflow:hidden;
}	
#testimonialimagetext {
	position: absolute;
	top:  105px;
	left:  12px;
	width: 110px;
	height: 400px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	line-height: 1em;
	z-index: 1000;
	text-align: left;
}


#footercontainer {
	height: 50px;
	border-top-style:solid;
	border-top-color:  #CCCCCC;
	border-top-width: thin;	
	clear:both;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	line-height: 0.9em;
}

#footerleft{
	position:  relative;
	float:left;
	width:166px;
}
#footercenter{
	position:  relative;
	float:left;
	width: 476px;
	
	text-align: center;
}

#footerright{
	position:  relative;
	float:right;
	width: 141px;
	text-align: right;
}