@charset "UTF-8";

/*--- Site Wide Defaults -----*/

body  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height:1.5em;
	font-size: 12px;
	color: #323232;
	margin: 2px 0px 8px 0px;
	background: url(/images/global/siouxGradient.png) repeat-x #551C1D;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}




/*-------------------------Class tableBoarder ----------------------*/

.tableBorder td{
	border:rgb(144, 167, 178) solid 1px;
	border-collapse:collapse;
	padding-left: 5px;
}

.tableBorder {
	border-collapse:collapse;
	margin-top:10px;
}

/*-------------------------DEFAULT LINK STYLES----------------------*/

body a {
color:#592223;
}

body a:hover {
color:#975557;
}



/*-------------------------Site Container, Centered----------------------*/

#containerWrap {
	padding-top: 54px;
	margin: 0px auto 15px auto;
	width: 800px;
}

#container {
	width: 788px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 6px;
}




/*-------------------------Header----------------------*/
 
#header {
	position: relative;
	z-index:900;
} 

#masthead {
	background:url(/images/global/headerBack.png);
	height: 146px;
	position: relative;
}

/*-------------------------Search Area----------------------*/

#searchWrap {
	width: 10px;
	height: 10px;
	left: 0;
	position: absolute;
}

#search {
	margin:0px;
	padding:0px;
	left: 520px;
	top: 115px;
	background: url(/images/global/searchBar.gif) no-repeat;
	height: 31px;
	width:268px;
	position: absolute;
}

.searchform {
	text-align:right;
	margin:0px;
	padding:0px;
	}

.searchtext {
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 10px 4px 0px 0px;
	width: 150px;
	color:#666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px;
	outline: none;
}

.searchbutton {
	margin-right:1px;
	margin-top:5px;
	padding:0px;
}

#formbox {
	color:#999999;
}




/*-------------------------Logo----------------------*/

#logoWrap {
	width: 50px;
	height: 50px;
	left: 0;
	position: absolute;
}

#logo {
	width: 215px;
	height: 172px;
	position: absolute;
	top: -31px;
	left: 16px;
	background: url(/images/global/logo.png) no-repeat;
}




/*----Fix IE8 Top Margin Caused by PHP Calendar-----*/
#overDiv{
	
	}


/*-------------------------MENU STYLES----------------------*/

#menu {
	margin:2px 0px 0px 0px;
	height: 30px;
	width:100%;
	background: url(/images/global/buttonBackground.png) repeat-x;
}

#menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#menu li {
	line-height:1.9em;
	float:left;
	height: 28px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

#menu em {
	float: left;
	margin-top:0px;
	width: 2px;
	height: 28px;
	background:url(/images/global/divider.png) top no-repeat;
}

#menu a {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	}



/*-------------------------Set Up 3 Column----------------------*/

.threecolumn #contentWrap {
	background:url(/images/global/contentBackground.png) top repeat-y;
	z-index:10;
	height:100%;
}

.threecolumn #leftContent {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	height: 100%;
	background: url(/images/global/department-end.png) bottom left no-repeat;	
}

.threecolumn #rightContent {
	float: right; /* since this element is floated, a width must be given */
	width: 209px; /* padding keeps the content of the div away from the edges */
	padding: 15px 0;
	height: 100%;
}

.threecolumn #middleContent {
	min-height: 400px;
	margin: 0 214px;
	padding: 15px;
	height: 100%;
}

/*-------------------------Set Up 2 Column----------------------*/

.twocolumn #contentWrap {
	background: url(/images/global/resultsBackground.png) top repeat-y;
	z-index:10;
	height:100%;
}

.twocolumn #leftContent {
	width: 180px;
	padding: 15px 10px 15px 20px; 
	float: left;
	height:100%;
	background: url(/images/global/department-end.png) bottom left no-repeat;	
}

.twocolumn #middleContent {
	min-height: 400px;
	padding: 15px 15px;
	margin: 0 0 0 214px;
	height: 100%;
}

/*------------------------- SEARCH RESULTS STYLES----------------------*/

.results #contentWrap {
	background: url(/images/global/resultsBackground.png) top repeat-y;
	z-index:10;
}

.results #leftContent {
	width: 180px;
	padding: 15px 10px 15px 20px;
	float: left;
	
}

.results #middleContent {
	padding: 15px 6px 0 6px;
	margin: 0 0 0 214px;

}

#resultsList {
	min-height: 400px;
}

#resultsWrap {
	z-index:10;
	background: url(/images/global/resultsBackground.png) repeat-y top left;
}



/*------------------------- Styles for Text in Left Column ----------------------*/

#leftContent h3 {
	margin: 0px;
	color: #FFFFFF;
	font-size: 18px;
	padding: 0px;
	font-weight:normal;
}

#leftContent p {
	font-size: 12px;
	color:#FFFFFF;
	line-height: 20px;
	margin: 6px 0px 0px 0px;
}

#leftContent a, #leftContent a:link,#leftContent a:visited {
	padding-left: 10px;
	color: #c5d4da;
	text-decoration: none;
}

#leftContent a:hover, #leftContent a:visited:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image:url(/images/global/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



/*------------------------- Styles for Text in Right Column ----------------------*/

#rightContent h3 {
	font-weight:normal;
	margin: 0px;
	color: #FFFFFF;
	font-size: 18px;
	padding: 0px;
	text-align:center;
}

#rightContent img {
	margin-top:13px;
	margin-left:19px;
}

#rightContent p {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 18px;
}



/*------------------------- Styles for Text in Middle Column ----------------------*/

#middleContent p {
    line-height:1.5em;
	font-size: 12px;
	color: #323232;
	margin: 2px 0px 8px 0px;
}

#middleContent h1 {
	top:0px;
	left:0px;
	font-weight:normal;
	color: #1C4453;
	font-size: 18px;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	text-transform: uppercase;
}

#middleContent h2 {
	margin: 0px 0px 7px 0px;
	font-weight:normal;
	color: #1C4453;
	font-size: 16px;
	margin: 0px;
	padding-top: 10px;
	text-transform: capitalize;
}

#middleContent h4 {
	font-size: 13px;
	color: #323232;
	margin: 10px 0px 0px 0px;
}

#middleContent h3 {
	font-weight:bold;
	color:#333333;
	font-size: 15px;
	padding:0px;
	margin: 0px 0px 3px 0px;
}

/*------------------------- Footer ----------------------*/

#footer{
	padding: 0px 0px 0px 0px;
	height: 24px;
}

#footer  p  {
	font-size: 10px;
	margin: 0; 
	padding: 5px 0px 2px 0px;
	color: #666666;
}

#footer  img  {
	position: relative;
	top: 5px;
	border: 0px;
	outline: 0px;
	margin: 0px 0px 0px 0px; 
	float:right;
	padding: 0px 0px 0px 5px;
}

/*-------------------------Address in Header----------------------*/

#address {
	float:right;
}

#address  p  {
	text-align:right;
	color:#FFFFFF;
	font-size: 12px;
	font-weight:normal;
	margin: 0;
	padding: 10px 14px 0px 0px;
}

/*------------------------- Dashed Horizontal Rule----------------------*/

.hr {
	background: url(/images/global/horizontalRule.gif) repeat-x left center;
	border: 0 none;
	height: 15px;
	width: 100%;
}

.hr hr {display: none}

.fltrt { 
	float: right;
	margin-left: 15px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/*-------------------------DEPARTMENT STYLES----------------------*/

/*----- Info Box Top Right-------*/
#department-head-right {
	width:230px;
	padding:7px;
	background:#dde4e8;
	border:#90a7b2 solid 1px;
	float:right;
	margin: 0px 0px 5px 15px;
}

#department-columns {
padding:0px;
margin: 0px;
height:auto;
}

/*----- Resources Left -------*/
#department-left-column {
width:250px;
padding:0px;
margin: 0px;
}
/*----- Resources Right -------*/
#department-right-column {
width:250px;
padding:0px;
float:right;
margin: 0px;
}



/*-------------------------ICON CLASSES----------------------*/

.pdf {
     background: url(/images/icons/icon_pdf.gif) top left no-repeat;
     padding-left: 20px;
     display: inline-table;
}

.img {
     background: url(/images/icons/icon_img.gif) top left no-repeat;
     padding-left: 20px;
     display: inline-table;
}

.mailto {
     background: url(/images/icons/icon_mailto.gif) top left no-repeat;
     padding-left: 20px;
     display: inline-table;
}

.txt {
     background: url(/images/icons/icon_txt.gif) top left no-repeat;
     padding-left: 20px;
     display: inline-table;
}

.exit {
     background: url(/images/icons/icon_external.gif) top left no-repeat;
     padding-left: 20px;
     display: inline-table;
}



/*------------------------- MAILING LIST FORM ----------------------*/

	#mail{
		margin:1em 0;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		}
	#mail fieldset{
		margin:0;
		padding:0;
		border:none;	
		padding-bottom:1em;
		}		
	#mail p{
		margin:.5em 20px;
		}	
	#mail label{
		display: block;
		}	
	#mail #name, #mail #email,  #mail #comment{		
		width:272px;
		border:1px solid #ddd;
		background:#fff  url(/images/global/form_input.gif) repeat-x;
		padding:3px;
		}		
	#mail p.submit{
		text-align: left;
		}	
	#mail button{
		padding:0 10px 0px 10px;
		height: 20px;
		line-height:16px;		
		border:1px solid #BBBBBB;
		background: #DDDDDD;
		color: #666666;
		cursor:pointer;		
		text-align:center;		
		}				



/*------------------------- E Tax FORM ----------------------*/

	#etax{
		margin:1em 0;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		}
	#etax fieldset{
		margin:0;
		padding:0;
		border:none;	
		padding-bottom:1em;
		}		
	#etax p{
		margin: .5em 20px;
		}	
	#etax label{
		margin: 5px;
		display: block;
		width: 75px;
		text-align: right;
		float: left;
		}	
	#etax #quantity {		
		border:1px solid #ddd;
		background:#fff  url(/images/global/form_input.gif) repeat-x;
		padding:3px;
		}		
	#etax #total{ 
		background:#dde4e8;
		color: #000000;
		padding:3px;
		border: 1px solid #90a7b2;
	} 
	#etax p.submit{
		text-align: left;
		padding-left: 32px;
		}	
	#etax button{
		padding:0 5px;
		margin:0;
		height: 20px;
		line-height:20px;		
		border:1px solid #BBBBBB;
		background: #DDDDDD;
		color: #666666;
		cursor:pointer;		
		text-align:center;		
		}	.Min-title {
	color: #FFF;
	background: #4C6D80;
	font-weight: bold;
}



/*------------------------- Show Google Logo on Search Results Page ----------------------*/

.googleLogo{
	float:right;
}




/*------------------------- Center PHP Calendar in Div ----------------------*/

.mainTable{
	margin:0 auto;	
	margin-top:10px;
	}
	
.navTable{
	margin:0 auto;	
	}