/****************************************************************************************************************************************/
/*GENERAL MARKUP */
/****************************************************************************************************************************************/
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #323232;
	line-height: 18px;
}
img {vertical-align:middle}
h2 {font-size:17px; margin: 15px 0 15px 0;}
select {font-size:10px; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #383838;border:1px solid #e3e3e3; padding:2px;}
option {text-transform:none}
input {display:inline; vertical-align:middle; padding:0; margin:0}
label {color: #838383;}
fieldset {padding-bottom: 15px;}
/*a {text-decoration:none; color: #846d3b;}*/
/*a:hover {text-decoration:underline}*/
.rss {float:right; padding: 10px 10px 0 0; line-height: 1px;}
.right {float:right;}
.left {float:left}
.clear {clear:both}
.block {display:block}
ol {padding: 0 0 15px 0}
ol li {margin: 15px 0 0 0;}
option.selected {text-transform:uppercase; font-size: 10px;}


/****************************************************************************************************************************************/	
/* HEADER */
/****************************************************************************************************************************************/
#headerwrap {
	background: url(../images/bg-header.gif) top center no-repeat;
	width:100%;
	height:219px;
	}
#header {
	margin: 0 auto 0 auto;
	text-align:center;
	position:relative;
	height: 212px;
	width: 846px;	
	}
#headerNav {
	position:absolute;
	right: 3px;
	bottom:0;
	height:44px;
	background:transparent;
	}
#headerLogo {
	position:absolute;
	left:0;
	top: 41px;
	}
#headerNav ul {display:inline}
#headerNav li {list-style:none; float:left}
#headerNav a {display:block; outline:none; }	
#headerNav_GIS-Data {
	background: url(../images/nav-data.gif) 0 -1px;
	float:left;
	width:104px;
	height:44px;
	}	
#headerNav_Directory {
	background: url(../images/nav-directory.gif) 0 -1px;
	float:left;
	width:109px;
	height:44px;
	margin:0 0 0 -1px;	
	position: relative; /* ie6 fix for negative margins */
}	
#headerNav_Resources {
	background: url(../images/nav-resources.gif) 0 -1px;
	float:left;
	width:117px;
	height:44px;
	margin:0 0 0 -1px;	
	position: relative; /* ie6 fix for negative margins */
}
#headerNav_Training {
	background: url(../images/nav-training.gif) 0 -1px;
	float:left;
	width:98px;
	height:44px;
	margin:0 0 0 -1px;	
	position: relative; /* ie6 fix for negative margins */
}	
#headerNav_About {
	background: url(../images/nav-about.gif) 0 -1px;
	float:left;
	width:96px;
	height:44px;
	margin:0 0 0 -1px;	
	position: relative; /* ie6 fix for negative margins */
}
#headerNav_Home{
	background: url(../images/nav-home.gif) 0 -1px;
	float:left;
	width:96px;
	height:44px;
	margin:0 0 0 -1px;	
	position: relative; /* ie6 fix for negative margins */
}
#headerNav_Help {	
	background: url(../images/nav-help.gif) 0 -1px;
	float:right;
	width:97px;
	height:44px;
	margin:0 0 0 0px;	
	position: relative; /* ie6 fix for negative margins */}
#headerNav a:hover, #headerNav .current {background-position: 0 -45px}		
#headerNav a:active {background-position: 1px -44px}
#headerSearch {
	position:absolute;
	right: 0;
	top: 65px;
	width:355px;
	height:54px;
	background: url(../images/bg-headersearch.gif) top right no-repeat;
	}
#headerSearchKeyword {
	margin: 13px 0 0 10px ;
    width: 161px;
    height: 28px;
	border:none;
    background: transparent url(../images/bg-search.gif)  top left no-repeat;
	display:block;
	float:left;
	}
.headerSearchCategoryWrap {
	display:block;
	float:left;
	height: 18px;
	background: #ffffff;
	width: 113px;
	padding:5px;
	margin: 13px 0 0 10px ;
	}
.headerInputForm{
	font-size:18px;
	}	
#headerSearchCategory {
    width: 113px;
    height: 18px;
	border:1px solid #e3e3e3;
	}
#headerSearchButton {
    display:inline;
	margin: 13px 0 0 10px ;
	padding: 3px 0 3px 0;
	float:left;
	}	

	
/****************************************************************************************************************************************/
/* BODY WRAPPERS */
/****************************************************************************************************************************************/
#body {
	width: 846px;
	margin: 20px auto 20px auto;
	text-align:left;
	min-height:500px;
	height:auto !important; /* ie6 min-height hack */
	height:500px;
	}
.col {float:left; margin:0 20px 0 0;padding:0;}
.colLast {margin:0 0 0 0}
.text {text-align:left; margin: 15px;}
.text p {padding: 0 0 12px 0 }


/****************************************************************************************************************************************/
/* FOOTER */
/****************************************************************************************************************************************/
#footerwrap {
	clear:both;	
	background: url(../images/bg-foot.gif) top center no-repeat;
	width:100%;
	height:72px;
	}
#footer {
	margin: 0 auto 0 auto;
	text-align:center;
	position:relative;
	height: 52px;
	width: 550px;
	line-height:12px;
	color: #ffffff;
	padding: 20px 0 0 0;
	font-size: 10px;
	}
#footer a {color: #ffffff; text-decoration:underline}
#footer a:hover {text-decoration:none}
		
	
/****************************************************************************************************************************************/
/* SHADOW WRAPPERS */
/****************************************************************************************************************************************/
.wHome {width:268px; height:340px;}  
.wHome .wrap1 {width:262px} /* 6 pixel difference to accomidate for shadow padding */
.wHalf {width: 412px;}
.wHalf .wrap1 {width:406px}
.wThin {	width:202px;}
.wThin .wrap1 {width:196px}
.wThird {width: 261px; padding:0px 0px 0px 0px;}
.wThird .wrap1 {width:255px}
.wMost {width: 583px;}
.wMost .wrap1 {width:577px}
.wFull {width: 846px;}
.wFull .wrap1 {width:840px}
.wPhoto 	{width:542px;}
.wPhoto .wrap1 {width:536px;}
.wPhoto img {padding:15px; background: url(../images/grad-lg.gif) top left repeat-x;}
.wThumb 	{width:136px;}
.wThumb .wrap1 {width:130px;}
.wThumb img {padding:9px; background: url(../images/grad-med.gif) top left repeat-x;}
.wThumbLg {width:135px;}
.wThumbLg  .wrap1 {width:149px;}
.wThumbLg  img {padding:9px;display:inline; background: url(../images/grad-med.gif) top left repeat-x;}
.shadow {
	clear: both;
	float:left;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 0 0 20px 0;
	position:relative;
	}
.shadow .wrap1 {
	background: url(../images/shadow2.png) no-repeat top left !important;
	background: url(../images/shadow2.gif) no-repeat top left;
	float: left;
	padding: 0px 6px 6px 0px;
	}
.shadow .wrap1 .wrap2 {
	background-color: #fff;
	border: 1px solid #e8e8e8;
	padding:0;
	margin: 0;
	}
.setBoxHeight{height: 332px;}
.newsBox{padding-top:20px;}
  
  
/****************************************************************************************************************************************/  
/* SHADOW CONTAINER HEADER */
/****************************************************************************************************************************************/
.containerHeader {
	clear:both;
	font-weight:bold;
	padding: 0 0 0 10px;
	text-align:left;
	background: url(../images/grad-med.gif);
	display:block;
	height: 43px;
	line-height:43px;
	font-size:16px; 
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	color:#383838;
	}
.containerHeader h2 {margin:0; float:left;} 
.containerFooter {
	clear:both;
	font-weight:bold;
	padding: 0 0 0 10px;
	text-align:left;
	background: url(../images/grad-med-reverse.gif);
	display:block;
	height: 43px;
	line-height:43px;
	font-size:16px; 
	margin: 0;
	border-top: 1px solid #e8e8e8;
	color:#383838;
	}
.containerFooter h2 {margin:0; float:left;} 


/****************************************************************************************************************************************/	
/* TABULAR RESULTS */
/****************************************************************************************************************************************/

table {margin:0; padding:0; width:100%; border:0;}

table tr td, table tr th {
	margin:0;
	text-align:center;
	padding: 0 15px 0 15px;
	height: 12px;
	vertical-align:middle;
	/*white-space:nowrap;*/
	table-layout: fixed;
	}
table a {color:#000000}
table a:hover {text-decoration:underline}
table tr th {
	background: url(../images/grad-med.gif) top left repeat-x;
	font-size:10px;
	font-weight: bold;
	height: 40px;
	border-bottom:1px solid #e8e8e8;
	table-layout: fixed;
	}
th.colDataset {width: 40%; text-align:left;}
td.colDataset {width: 40%; text-align:left; font-size:11px;}
th.colCategory {width: 20%; text-align:left;}
td.colCategory {text-align:left;  color: #8f8e8e; font-size:11px; padding: 3px 5px 3px 5px;}
td.colDirectory {text-align:left; font-size:11px;vertical-align: top;}
th.colDirectoryName{
	border-left: 1px solid #e8e8e8;
	background: #ffffff;
}
td.colDirectoryName{
	border-left: 1px solid #e8e8e8;
	background: #ffffff;
}
.expand td.colCategory {width: 20%; text-align:left;  color: #ffffff; font-size:11px; }
.colIcon {
	width:5%;
	border-left: 1px solid #e8e8e8;
	background: #ffffff;
}
.colStd  {width: 12%; text-align:center;}
.colFill {width: 100%; text-align:right;}
.colExpand {text-align:right; padding: 0 37px 0 0}
.colResource {width: 85%; text-align:left;}
.colFullContact{width: 15%; text-align:right}
.colDirTitle {width: 16%}
.colDirAddr {width: 20%}
.even {background: #f4f4f4}
.odd {background: #ffffff}
tr.expand  {
	background:#864a38;
	color: #ffffff;
	}
tr.expandDetailsWrap {
	background:#864a38;
}
tr.expandDetailsWrap td {padding:3px;clear:both;}
.expandDetails {
	/*height:30px;*/
	background: #faf3de;
	width: 650px;
	padding: 0 10px 10px 10px;
	text-align:left;
	table-layout:fixed;
}
.expandDetails tr td {
	vertical-align:top;
	white-space:normal;
	text-align:left;
	padding:14px;
}
.expandDetails ul{
	list-style:none;
}
.expandDetails li{display:inline;list-style:none;}
.expandDetails h3 {
	border-bottom: 1px solid #e3e3e3;
	color:#848484;
	text-align:left;
	margin: 0 0 5px 0;
}
.expandService {
	/*height:30px;*/
	background: #faf3de;
	width: 250px;
	padding: 0 10px 10px 10px;
	text-align:left;
	table-layout:fixed;
}
.expandService ul{
	list-style:none;
}
.expandService li{display:inline;list-style:none;}
.expandDescription li{list-style:none;}
.expandScale {width: 11%}
.expandDate {width: 11%}
.expandSource {width: 25% }
.expandImage{cursor: pointer;}	


/****************************************************************************************************************************************/
/* INDEX PAGE */
/****************************************************************************************************************************************/

.ajaxloader{
	background-color:#FFFFFF;
    background-image:url(images/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position: center center;
}

.dataSpotlightImage{
	/*position:relative;
	left:10px;
	top:0px;*/
	padding-left:32px;
	padding-top:32px;
}

.dataSpotlightText{
	padding-left:10px;
	padding-top:20px;
	width:225px;
}

/****************************************************************************************************************************************/
/* BASIC SEARCH RESULTS PAGE */
/****************************************************************************************************************************************/
.resultsHeader {
	padding: 15px 10px 0 10px;
	text-align:left;
	display:block;
	height: 38px;
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	}
.resultsHeader h3 {
	font-size:16px;
	margin:0; padding:0;
	font-weight:bold;
	display:inline;
	color:#525252;
	float:left;
	}
.resultsHeaderInfo {
	display:block;
	float:left;
	font-size:11px;
	font-weight: bold;
	line-height:20px;
	margin: 0 0 0 15px;
	}
.resultsHeaderLink {
	display:block;
	float:right;
	font-size:11px;
	font-weight: bold;
	}
.resultsHeaderShow {
	display:block;
	float:left;
	font-size:11px;
	font-weight: bold;
	}
.resultsHeaderShow a {
	font-weight:normal;
	color: #805e1c;
	font-size: 11px;
	text-decoration: underline;
	}
.resultsHeaderEmpty {
	height: 85px;
	line-height:85px;
	font-size:13px;
	background: url(../images/grad-lg.gif) repeat-x top left;
	text-align:center;
	border-bottom: 1px solid #e8e8e8;
	}
.resultsEmptyCatList{ margin: 0 0 0 35px; height:250px;}
.resultsEmptyCatList div {
	width:245px;
	text-align:left;
	float:left;
	font-size:14px;
	padding: 25px;
	line-height: 30px;
	}
.resultsEmptyCatList a 	{color:#383838;}
.otherDataSources h3{
     font-size:16px;
	 margin-left:15px; margin-bottom:5px; margin-right:320px; margin-top:10px;
	 padding-bottom:5px;
	 font-weight:bold;
	 color:#525252;
	 border-bottom: 2px solid #e8e8e8;
}
.otherDataSources ul{margin: 0 0 0 20px;}
/*.otherDataSources li{list-style:none;}*/
.otherDataSources hr{color:#525252;}
.otherDataSources a{font-size: 14px; color: #666666;}
/*
th.otherDataSources{width: 33%; text-align:left; font-size: 12px;}
td.otherDataSources{width: 33%; text-align:left;  color: #8f8e8e; font-size:14px; padding:5px;}
td.otherDataSources{text-align:left; vertical-align: top}
*/
.nationalDataSources{font-size: 12px;}
.nationalDataSourcesHeader{font-size: 12px; font-style: normal; padding: 10px 10px 10px 10px; border-bottom: 1px solid #e8e8e8;}
ul.nationalDataSources{list-style:none; padding: 2px 0px 2px 17px;}
li.nationalDataSources{padding-bottom:8px;}
.stateDataSources{font-size: 12px;}
.stateDataSourcesHeader{font-size: 12px; padding: 10px 10px 10px 10px; border-bottom: 2px solid #e8e8e8;}
ul.stateDataSources{list-style:none; padding: 2px 0px 2px 10px;}
li.stateDataSources{padding-bottom:8px;}
.otherStateDataSources{font-size: 12px;}
.otherDataSourcesHeader{font-size: 12px; padding: 10px 10px 10px 10px; border-bottom: 2px solid #e8e8e8;}
ul.otherStateDataSources{list-style:none;padding: 2px 0px 2px 10px;}
li.otherStateDataSources{padding-bottom:8px;}
h3.otherDataSources{font-size:12px; font-weight: bold; text-indent: 5%;}
h1.noData{font-size: 14px; padding: 20px 20px 20px 20px;}
/*h1.noData{font-size: 18px; font-weight: bold; padding: 20px 20px 20px 20px;}*/
.otherDataBoxSize{height:435px;}

.otherDataSourcesBox {
	margin: 0 0 0 20px;
	padding: 0px 0px 0px 0px;
	display:inline; /* <--- ie6 doublepadding fix */
	float:left; 
	width:242px;
	background: url(../images/grad-lg.gif) top left repeat;
}

.dataHeader{
	font-size: 20px;
	font-style: bold;
	text-align: center;
	padding: 10px;
	background: url(../images/grad-lg.gif) top left repeat;
}

/****************************************************************************************************************************************/
/* ADVANCED SEARCH PANEL */
/****************************************************************************************************************************************/
.resultsSearch {height: 109px; background: url(../images/grad-lg.gif) top left repeat;}
.searchPanel {
	margin: 0 0 0 20px;
	padding: 10px 10px 0px 0px;
	height: 100px;
	display:inline; /* <--- ie6 doublepadding fix */
	float:left; 
	border-right: 1px solid #e3e3e3;
	/*width:276px;*/
}
.searchPanelSmall {
	margin: 10px 0 0 10px;
	padding: 0px 0 0 0;
	height: 100px;
	display:inline; /* <--- ie6 doublepadding fix */
	float:left; 
	border-right: 0px solid #e3e3e3;
	width:100px;
}
.searchPanel label {display:block; color: #383838;}
.panelLast {border:none}
#formSearchPanels {background:none; border:none; padding:0; margin:0}
#panelKeyword {
	margin: 25px 0 0 0 ;
	padding: 5px 5px 0 5px;
    width: 230px;
    height: 22px;
	border:1px solid #e3e3e3;
    background: transparent url(../images/bg-search.gif)  top left no-repeat;
	float:left;
	}
#panelSearchButton{
	margin: 25px 0 0 10px ;
	padding: 3px 0 3px 0;
	float:left;
	vertical-align:middle;
	}
.pageInfo {margin: 0 15px 0 15px}
#panelCategory {
	margin: 25px 0 0 0 ;
	padding: 5px;
    width: 270px;
    height: 27px;
	border:1px solid #e3e3e3;
	}
.searchFilterButton {
	display:block;
	cursor:pointer;
	height:64px;
	width:100px;
	margin:15px 0 0 15px;
	background: url(../images/button-filters.gif) 0 -64px no-repeat;
	position:relative;
	top:0px;
	left:0px;
	}
.searchFilterButtonActive {
	background: url(../images/button-filters.gif) 0 0 no-repeat;
	}
.searchFilterButton:active,.searchFilterButtonActive:active {
		margin:14px 0 0 16px;
	}
	
/****************************************************************************************************************************************/	
/*Search Button*/
/****************************************************************************************************************************************/
.searchButton {
	display:block;
	cursor:pointer;
	height:64px;
	width:100px;
	margin:13px 0 0 15px;
	position:relative;
	top:-10px;
	left:-5px;
	background: url(../images/button-search-large.gif) 0 -64px no-repeat;
	}
.searchButtonActive {
	background: url(../images/button-search-large.gif) 0 2px no-repeat;
	}
.searchButton:active,.searchButtonActive:active {
	margin:12px 0 0 14px;
	}
	
	
/****************************************************************************************************************************************/	
/* SEARCH FILTER PANEL */
/****************************************************************************************************************************************/
.filterWrap {
	height: 120px; /* CHANGE THIS AND .FILTERPANEL HEIGHT WITH 9 PIXEL DIFFERENCE */
	background: #ffffff url(../images/grad-lg.gif) top left repeat-x;
 }
.filterPanel {
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	height: 111px; /* CHANGE THIS AND .FILTERWRAP HEIGHT WITH 9 PIXEL DIFFERENCE */
	display:inline; /* <--- ie6 doublepadding fix */
	float:left; 
	border-right: 1px solid #e3e3e3;
	width:253px;
}
.filterPanelLast {
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	height: 111px; /* CHANGE THIS AND .FILTERWRAP HEIGHT WITH 9 PIXEL DIFFERENCE */
	display:inline; /* <--- ie6 doublepadding fix */
	float:left; 
	border:none;
	width:425px;
	}
.filterPanelLast>label {display:block}
.filterOptionDateWrap {
	margin: 10px 5px 0 0 ;
	padding: 0;
	float:left;
	}
.filterDate {width:50px;}
.filterOption {width:210px;}
.filterCheck {margin: 0 7px 0 0; }
.filterCheckWrap {width: 200px; float:left; margin: 5px 0 0 0}


/****************************************************************************************************************************************/
/* DATASET DETAIL PAGE */
/****************************************************************************************************************************************/
.resultsDetailHeader {
	padding: 10px 10px 0 10px;
	text-align:left;
	display:block;
	height: 33px;
	margin: 0;
	}
.resultsDetailContent {
	padding: 0 0 20px 0;
	font-size:12px;
	line-height:20px;
	}
.resultsDetailContent h3{
	color: #848484;
	font-size:19px;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0 8px 0;
	margin:0 0 10px 0;
	font-weight:normal;
	}
#resultsDetailContentLeft {
	width: 490px;
	float:left;
	padding: 0 23px 0 3px;
	border-right: 1px solid #e3e3e3;
	}
#resultsDetailContentRight {
	float: right;
	width: 	270px;
	padding: 0 10px 0 0;
	}
	#resultsDetailContentRight div, #resultsDetailContentLeft div {
	margin-bottom: 15px;
	}
#resultsDetailTitle h2 {font-size:20px; float:left;padding:0;margin:0 0 0 5px; font-weight:normal;}
#exportLinks {
	float:right;
	font-size:11px;
	font-weight: bold;
	padding:0;
	line-height:1px;
	margin: 15px 0 0 0 ;
	}
#exportLinks img {margin: 0 30px 0 0;}
#dataScale, #dataCoords {float:left; margin-right: 5%; width: 47%}
#dataExtent, #dataFormat {float:left; width: 47%;}
#dataAttributes, #dataSupplemental {clear:left}
#dataPreview img {border: 1px solid #838383;}
#dataAccess {font-size:11px;}
#dataAccess img {float:left;clear:both; margin: 1px 0 0 0;line-height:1px;}
#dataAccess h4 {font-weight:bold; font-size:12px; padding: 10px 0 10px 0; clear:both;}
ul.downloadLink  {width:200px; float:left; margin: 10px 0 8px 0; font-size: 12px; line-height:14px; text-align:left; list-style:square; padding-left:16px;}
#dataWebService {clear:both; font-size: 11px; padding: 15px 0 0 0 }
#dataWebService  h5 {font-weight: bold; margin: 15px 0  0 0}
#dataWebService  h5>img {padding: 0 8px 3px 0}
#dataKeywords { padding: 15px 0 0 0}
#dataKeywords a {margin: 0 10px 0 0; }
.downloadList{
	float:center;
	text-align:center;
	cursor:pointer;
	width:70px;
}
img.downloadClose{
  position: relative;
}
h3.downloadBoxHeader{
	font-size:12px;
	font-weight:bold;
	width:165px;
}
img.downloadIcon{padding:2px 10px 0px 0px;}


/****************************************************************************************************************************************/
/* HOME PAGE LAYOUT */
/****************************************************************************************************************************************/
.homeContact {
	line-height: 15px;
	color: #838383;
	}
.homeContact strong {color: #000000;}
.homeFeatLink {
	margin:10px;
	width: 235px;
	line-height: 14px;
	height:58px;
	background: #ffffff url(../images/grad-med.gif) top left repeat-x;
	border: 1px solid #e3e3e3
	}
.homeFeatLink img {clear:both;float:left; margin: 10px; border: 1px solid #e3e3e3;}
.homeFeatLink h4 {margin: 11px 5px 0 0; }
.homeFeatLink a {font-size:10px;}
.viewDataLink {font-size:11px; padding-right:0px; font-weight:normal}
#homeSpotlight {text-align:center}
.homeSpotlightImage {margin: 0px 0 0px 0; border: 1px solid #e3e3e3;}
.homeSpotlightNav, .homeSpotlightAll {float:right; margin: 0 10px 0 0}
.homeSpotlightNav img {padding: 0 3px 15px 0;}
.homeSpotlightTitle, .homeSpotlightLink {float:left; margin: 0 10px 0 10px;}
 .homeSpotlightFoot {
	clear:both;
	background: url(../images/grad-med.gif) repeat-x #ffffff;
	display:block;
	height: 45px;
	line-height:45px;
	font-size:12px; 
	border-top: 1px solid #e3e3e3
	}
.homeNewsDate {
	color: #838383;
	font-size:11px;
	}
.homeNewsArchiveHeader{
	position: absolute;
	left: 670px;
	font-size:10px;
}
.homeNewsTitle {font-size:18px;line-height:19px; font-weight:normal; margin:5px 0 5px 0; padding:0; width: 95%; color:#663300}
p.homeNewsStory {line-height:21px; margin: 0 0 30px 0;  width: 95%; color: #666666; font-size:12px	}
.homeNewDataTitle {font-size:12px; font-weight:bold; color: #383838; margin:3px 0 3px 0; padding:0; width: 95%}
.newsItemLeft{float:left; width:395px;}
.newsItemRight{float:right; width:395px;}
.newsResults{padding:5px;}
.newsPageControls{
  float: right;
  position:relative;
  left: -90px;
  top: -45px;
  font-size: 12px;
}

/****************************************************************************************************************************************/
/* HTML PAGES GENERAL DECLARATION */
/****************************************************************************************************************************************/
.about, .help , .resources{padding: 15px 55px 15px 15px; font-size:12px;}


/****************************************************************************************************************************************/
/* ABOUT PAGES LAYOUT */
/****************************************************************************************************************************************/
.about-nav a {display:block; font-size: 14px; color: #666666;}
.about-nav a.selected {color:#383838;}
.about-text {}
.contact {line-height: 14px;}
.about h3, .staff h3, .resources h3 {font-size:14px; font-weight: bold; padding: 5px 0 16px 0}
.about ul li {margin: 0 0 0 15px;}
.staff {padding: 15px 0 15px 0; font-size:11px;}
.staff h3 {clear:both; padding:40px 0 30px 0 }
h3.first {padding-top:0}
.staffMember {width: 350px; float:left;}
.staffMember .shadow {margin: 0 20px 20px 10px }
.location .shadow {margin-bottom: 5px}
.locationImages {float:left; margin: 10px 25px 10px 0}
.locationImagesLast {margin-right:0}
.caption {clear:left; padding: -20px 0 0 0; font-size:10px }	


/****************************************************************************************************************************************/
/*Resources Layout */
/****************************************************************************************************************************************/
th.resources{width: 80%; text-align:left; font-size: 10px;}
td.resources{/*width: 20%;*/ text-align:left;  color: #8f8e8e; font-size:14px; padding:5px;}
td.resourcesTable{text-align:left}
h3.resourcesTable{font-weight: bold; text-indent: 5%;}
th.resourcesTable{font-size:12px; text-align:left;}
td.resourcesTable{font-size:12px; text-align:left;}
th.resourcesTableResources{font-size:10px; text-align:left; /*width: 900px;*/}
th.resourcesTableUpdated{font-size:10px; text-align:left; /*width: 100px;*/}
td.resourcesTableResources{font-size:10px; text-align:left; /*width: 500px;*/ padding: 5px 5px 5px 5px;}
td.resourcesTableUpdated{font-size:10px; text-align:left; /*width: 100px;*/}
th.resourcesTableCol1{font-size:10px; text-align:left; /*width:800px;*/ margin: 0 0 0 0;}
th.resourcesTableOtherCol{font-size:10px; text-align:left; /*width:30px;*/ margin: 0 0 0 0;}
td.resourcesTableCol1{font-size:10px; text-align:left; /*width: 800px;*/ margin: 0 0 0 0;}
td.resourcesTableOtherCol{font-size:10px; text-align:left; /*width:30px;*/ margin: 0 0 0 0;}
th.resourcesSubTable{width: 20%; text-align:left; font-size:14px; padding:5px;}
td.resourcesSubTable{width: 20%; text-align:left; font-size:12px; padding:5px;}
table.resourcesSubTable{width: 500px;}
td.shortField{width: 100px;}
.resources a{font-size: 14px; color: #666666;}
.resources ul li {list-style:none; margin: 0 0 0 15px;}
.noDots {list-style:none}
.highlight{color:#FF0000;}
.emphasis{font-style:italic;}
.resourceExpand{
	position: absolute;
	left: 550px;
}

table.resourcesTaxTable{
	font-size:10px;
	text-align:left;
}
th.resourcesTaxTableCol1{
	width:200px;
	text-align:left;
}
td.resourcesTaxTableCol1{
	width:100px;
	text-align:left;
}
th.resourcesTaxTableOtherCol{
	width:100px;
	text-align:left;
}
td.resourcesTaxTableOtherCol{
	width:100px;
	text-align:left;
	font-size:12px;
}
h3.resourcesTaxTableCol1{
	padding:20px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
}

/****************************************************************************************************************************************/
/* HELP PAGES LAYOUT */
/****************************************************************************************************************************************/
.help ol {padding: 10px 0 10px 0}
.help ol li {padding: 0 0 5px 0 ; margin:0}
.helpImage {float:left; clear:left; margin: 0 20px 20px 0; padding:10px; text-align:center; width: 175px; border: 1px solid #cccccc;}
.helpBox {border: 1px solid #cccccc; padding: 15px; margin: 0 0 15px 0}
th.webservicesTable{width:20%;font-size:12px;}
td.webservicesTable{width:20%}


/****************************************************************************************************************************************/
/* TRAINING PAGE LAYOUT */
/****************************************************************************************************************************************/
.training {padding: 10px 10px 10px 10px; font-size:12px;}
.training img {padding:7px; background: url(../images/grad-med.gif) repeat-x; border:1px solid #e8e8e8; margin: 0px 0 0 0 }
.trainingClass {padding: 0 0 15px 0; margin: 0 0 30px 0; border-bottom: 1px solid #e8e8e8;}
.trainingClassLast {margin-bottom:15px; padding:0; border: none}
.trainingTitle {font-size: 16px; font-weight:bold }
th.trainingDate {font-size: 12px; text-align:left;}
td.trainingDate {font-size: 10px; text-align:left;vertical-align:top; padding-bottom:10px;}
th.trainingInstructor{font-size: 12px; text-align:left;}
td.trainingInstructor{font-size: 10px; text-align:left; vertical-align:top;}
th.trainingCourse{font-size: 12px; text-align:left;}
td.trainingCourse{font-size: 10px; text-align:left; vertical-align:top;}
th.trainingLocation{font-size: 12px; text-align:left;}
td.trainingLocation{font-size: 10px; text-align:left; vertical-align:top;}
th.trainingRegister{font-size: 12px; text-align:left;}
td.trainingRegister{font-size: 10px; text-align:left; vertical-align:top;}
.trainingDesc {clear:both; margin-top:15px;}
.trainingTable{font-size:10px;}
.trainingCoursCatalogHeader{font-size:14px;font-weight:bold }
.trainingCourseCosts{font-size:10px; padding-bottom:30px;}
b.trainingCatalog{list-style:none; padding-bottom:30px; padding-top:5px;text-decoration:none; color: #846d3b;}
ul.trainingCatalog{list-style:none; padding-bottom:30px; padding-top:5px;};


/****************************************************************************************************************************************/
/* PRINT DIRECTORY RECORD LAYOUT */
/****************************************************************************************************************************************/
.resultsPrintRecord {border: 1px solid #000000; margin:15px; width: 6in;height: 3.5in; }
.resultsPrintRecord h3{
text-align:center;
	color: #000000;
	font-size:21px;
	border-bottom: 1px solid #aaaaaa;
	padding: 15px;
	margin:0;
	font-weight:normal;
	}
.resultsPrintRecord h4{
text-align:center;
	color: #666666;
	font-size:17px;
	border-bottom: 1px solid #aaaaaa;
	padding: 15px;
	margin:0;
	font-weight:normal;
	}
h4.resultsPrintRecordLast {border:none}


/****************************************************************************************************************************************/
/* rss page */
/****************************************************************************************************************************************/
.rssButton {
	display:block;
	cursor:pointer;
	height:64px;
	width:331px;
	margin:13px 0 0 15px;
	background: url(../images/button-feed.gif) 0 -64px no-repeat;
	}
.rssButton:active {
		margin:14px 0 0 16px;
		background: url(../images/button-feed.gif) 0 0 no-repeat;
	}	
th.header { 
    
	background-image: url(../images/icon-sort-choice.gif);   	
	background-repeat: no-repeat;
    background-position: 0px 16px;
    	
	/*background: url(../images/grad-med.gif) top left repeat-x;*/
	border-left: 1px solid #e8e8e8;
} 
th.headerSortDown { 
    background-image: url(../images/icon-sort-asc.gif);
    background-color: #DDDDDD; 
	background-repeat: no-repeat;
    background-position: 5px 16px;
} 
th.headerSortUp { 
    background-image: url(../images/icon-sort-desc.gif);
    background-color: #DDDDDD; 
	background-repeat: no-repeat;
    background-position: 5px 16px;
} 
.summaryDataHover {
	position: absolute;
	left:0px;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 10px;
	margin: 10px;
	margin-top: 22px;
	/*width:850px;*/
}
.downloadDataHover {
	position: absolute;
	left:675px;
	z-index: 3001;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	/*margin: 10px;*/
	margin-top: 0px;
	margin-left: 60px;
}

.webseriviceHover{
	position: absolute;
	left:550px;
	z-index: 3001;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	/*margin: 10px;*/
	margin-top: 0px;
	margin-left: 60px;
}

h3.closeButton{
    width:640px;
	cursor:pointer;
	text-align:right;
	font-weight: bold;
}

.directoryCloseButton{
	position:relative;
	left:425px;
	top:-10px;
}

#returnedResults{
	z-index:100;
}

.webserviceList{
	float:center;
	text-align:center;
	cursor:pointer;
	width:70px;
}
img.webserviceClose{
  position: relative;
  left:55px;
}
h3.webserviceBoxHeader{
	font-size:12px;
	font-weight:bold;
	width:165px;
}

table.webserviceTable{
	width:300px;
}
th.webserviceTable{
	font-size:10px;
	font-weight:bold;
}
td.webserviceTable{
	font-size:10px;
}

ul.webserviceTable{
	width:300px;
	font-size:10px;
	text-align:left:
}

li.webserviceTable{
	width:300px;
	font-size:10px;
	text-align:left:
}

h3.webserviceLabel{
	font-size:12px;
	font-weight:bold;
}




/************************************************/
/* 2021 - HACKS UNTIL NEW SITE GOES INTO EFFECT */
/************************************************/

.newItem21{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 50px;
	font-size: 16px;
	color: #000000;
}

.newItemHeader21{
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 10px;	
}

.newsDate21 {
	font-style: italic;
}

.newsItemText21{
	padding-top:20px;
	color: #000000;
	line-height: 150%;
}

.newsItemHR21{
	width: 80%;
}





/****************************************************************************************************************************************/
/* class to hide/collapse things.  keep this on the bottom of this file */	
/****************************************************************************************************************************************/
.hide {visibility: hidden; display:none}