body {font-family:Verdana,Arial,sans-serif;background-color:#ffffff;color:black;margin-top:0px;}
table {font-size: 11px;}
.button {font-size:12px;font-variant: small-caps;}
select {font-size:10px; border: 1px solid #555555; }
input {font-size: 100%; font-family: Verdana,Arial,sans-serif;}
textarea {font-size: 11px; font-weight:normal;}
/*input.button {background-color:#A9A9A9; color:white; font-weight:bold; border: 2px solid #555555; cursor: pointer;}*/
form {margin: 0px;}
table {border-collapse:collapse}
img {vertical-align: middle;align:center;}

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.p-shadow {
  width: 90%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }


.kgs_header {position: absolute;width: 750px;left: 50%;margin-left: -45%;top: 0px;}

.breadcrumbs {padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 11px; padding-bottom: 3px; margin: 0px; color: #2e2e2e;}
.breadcrumbs A:link {font-weight: normal; text-decoration:underline; COLOR: #2e2e2e;}
.breadcrumbs A:visited {font-weight: normal; text-decoration:underline; COLOR: #2e2e2e;}
.breadcrumbs A:active {font-weight: normal; text-decoration:underline; COLOR: #2e2e2e;}
.breadcrumbs A:hover {font-weight: normal; color:#CC0033; text-decoration:underline;}

a:link {color:#00008b; text-decoration: none; font-weight: bold;}
a:visited {color:#00008b; font-weight: bold;text-decoration: none;}
a:hover {color:#CC0033; text-decoration:underline; font-weight: bold;}
a:active {color:#00008b; font-weight: bold;}
a:visited:hover {color:#CC0033; text-decoration:underline; font-weight: bold;}

a.userInfo:link {color:#00008b; text-decoration: none; font-weight: bold;}
a.userInfo:visited {color:#990066; font-weight: bold;}
a.userInfo:hover {color:#CC0033; text-decoration:underline; font-weight: bold;}
a.userInfo:active {color:#00008b; font-weight: bold;}
a.userInfo:visited:hover {color:#CC0033; text-decoration:underline; font-weight: bold;}

ul {clear:all;vertical-align:middle;list-style-type:none;padding:0px;margin:0px;margin-left:15px;margin-right:15px;}
li.number {font-size:11px;padding:0px;list-style-type:decimal;background-image:none};
li {list-style-type: none;background-image: url("../images/silkIcons/arrow_right.gif");
	background-repeat: no-repeat;
	padding-left:15px;
	padding-bottom: 5px;}
li.normal {font-size:12px; margin-left:10px;padding-top:0px;padding-bottom:0px;list-style-type:disc;background-image:none};
li.formlist {background-image: url("../images/silkIcons/arrow_right.gif");
	background-repeat: no-repeat;
	padding-left:15px;background-position:0% 6px;
	padding-bottom: 5px;}
ul.link_main{font-size:12px;}
ul.link_list{font-size: 12px;}

.divoff {padding:4px;margin-top:3px;display:block;cursor: pointer;background-color:#DCE7F8;} /*used for the hiding divs - offstyle */
.divon {padding:4px;cursor: pointer;background-color:#DCE7F8} /*used for the hiding divs - onstyle */

.footer {width:750;padding:5px;margin:8px;border-bottom: 1px dashed #aaaaaa;border-top: 1px dashed #aaaaaa;}
hr.title {height:1px; width:640; color: #778899; border-style: solid;}
hr.title_nobar {height:1px; width: 99%; color: #778899; border-style: solid;}
hr.other_sep {height:1px; width: 90%; text-align:center;  border:1px dashed #778899}
hr.td_sep {height:1px; width: 95%; padding-right: 10px; padding-left: 10px; color: #1560a4; border-style: dashed;}
hr.search_sep {height:1px; width: 100%; color: #1560a4; border-style: dashed;}

/*used on all pages...font stuff*/
/*#title {font-size: medium; color: #CC0033; font-weight:bold}*/
h1 /*this is the title*/ {font-size: 14px; margin-bottom:0px;color: #000000;} 
.main-box h2 {font-size: 14px; padding-right: 10px; padding-left: 10px; float: left; padding-bottom: 2px; margin: 0px; color: #ffffff; padding-top: 0px; background-color: #1560a4}
.main-box h3 {font-size: 11px; font-weight: normal; padding-bottom: 2px; margin: 0px; color: #000000; padding-top: 2px;}
.main-box h4 {font-size: 12px; font-weight: bold; padding: 0px; margin: 5px;}
.main-box h5 {font-size: 12px; font-weight: normal; padding: 0px; margin: 0px;}
.main-box h6 {font-size: 11px; font-weight: normal; padding: 0px; margin: 0px;}

.service_list {text-align:justify;border: 1px solid #aaaaaa; background-color: #fafafa;}
.service_desc {color:#404040;background-color:#DCE7F8;font-size: 11px; padding:5px;margin-bottom:10px;border-bottom: 1px dashed #aaaaaa; text-align: justify; font-weight: bold;}
.tool_layout {color:#404040;font-size: 11px;padding:5px;border-bottom: 1px dashed #aaaaaa;}
.tool_results {margin-top:5px;margin-bottom:5px;padding:5px;text-align:center;border: 1px solid #aaaaaa;}

#for_emphasis {font-size: 11px; color:#CC0033; font-weight: bold;} /*used for emphasis red */
#highlight_big {font-size:12px; color: #CC0033; font-weight: bold; } /*this is used for any highlighted info - red */ 

/*main pages stuff*/
/*this is for announcements of the site not working */ #announcement {font-size: 12px; border-color:#ffffff; background-color:#DD0000; padding: 5px; font-weight: bold; color:#ffffff;} 
#description {font-size: 11px; text-align: justify;padding:5px;border: 1px solid #aaaaaa;}
#more_information {font-size: 12px; text-align: justify; }

/*table.table_links {border-color: #003399; border-collapse:collapse; padding-top:3px; padding-bottom:3px;} /*this is for the table of links - border*/
table.table_search {padding-top:3px; padding-bottom:3px;}
td.list_desc {border-color:  #FFFFFF; padding-top: 5px; padding-bottom: 5px; padding-left:10px; padding-right:10px;} /*this is for the descriptions of services*/
td.lists_table {border-color:  #FFFFFF; padding-left: 10px; padding-right: 10px;} /*this is for the lists of links*/
td.logo {padding-left:20px;}

td.stream {border-color:  #a9a9a9; padding: 4px;}
td.stream_page {border-color:  #ffffff; padding-left: 4px; padding-right: 4px;}
table.mapImage {border-color: #003399; border-collapse:collapse;}

.announce-box {border: #f00 1px solid; margin:8px; width:450; background-color: #fff}
.announce-box h2 {font-size: 12px; padding-right: 10px; padding-left: 10px; float: left; text-align: left; padding-bottom: 2px; margin: 0px; color: #ffffff; padding-top: 2px; background-color: #DD0000;}
.announce-box h3 {font-size: 11px; font-weight: bold; margin: 10px;color:#404040;;}

.search-box {border: 1px solid #aaaaaa; background-color: #fafafa;padding-bottom:3px;}
.search-box h2 {font-size: 12px; padding-right: 10px; padding-left: 10px; float: left; padding-bottom: 3px; margin: 0px; color: #ffffff; padding-top: 3px; background-color: #1560a4;}
.search-box h4 {font-size: 12px; padding-right: 10px; padding-left: 10px; float: left; padding-bottom: 7px; margin: 0px; color: #ffffff; padding-top: 6px; background-color: #1560a4;}
.search-box h5 {font-size: 12px; padding-right: 0px; padding-left: 5px; padding-top: 5px; float: left; margin: 0px; color: #ffffff;}

.download-box {border: 1px solid #aaaaaa; background-color: #fafafa; padding-bottom: 3px; width: 360; text-align: center;}
.download-box h2 {font-size: 12px; padding-right: 10px; padding-left: 10px; float: left; padding-bottom: 3px; margin: 0px; color: #ffffff; padding-top: 3px; background-color: #1560a4;}
.download-box h5 {font-size: 11px; text-align:justify; font-weight: normal; margin:6px;}
/*.instruction {font-size: 11px; margin-top: 5px; text-align: justify; float: left; margin-left: 10px; margin-right: 5px; color: #6c6c6c; font-weight: bold;}*/
.instruction {font-size: 11px; text-align: justify; padding: 10px; float: left; color:#404040; font-weight: bold;}

/*results pages stuff*/
table.results_header {width: 640px;}
tr.table_headers {background-color:#efefef;font-size:10px;}/*this is used for the HEADER ROW of a result table...which has the header info describing the data in the table */
table.table_top_head {background-color:#ffcccc;} /*this is the alternate header row colors for the table_top - when more than one header is needed */
table.table_data {background-color:#ffffff; border-collapse:collapse; border-color: black; padding-left:2px; padding-right:2px;font-size:10px;} /*this is the style for the tables of data*/
.table_data td { border-color: #909090;}
.table_data th {border-color: #909090;}
td.cell_maps {background-color:#E8FFE8;} /*this is the color for map CELLS on the pub search*/
td.cell_data {background-color:#FFE6E6;} /*this is for data CELLS on the publication search */
td.cell_blank {background-color:#E5E5E5;} /*used for the CELL that tells if no pubs are found*/
td.cell_special_info {background-color:#FFFF66;} /*this is for info to be highlighted (yellow) (CELLS) on results page */
.search_info {padding-bottom: 15px;} /*this is for the search info cell*/
#search_info {font-size: 11px; color: #9A1818; font-weight: bold} /*this is used for red text search info*/
#search_criteria {font-weight: bold; padding-left: 10px;} /*this is used for the search criteria on results screen (to be not indented) */
#currPage {color:#CC0033; font-size: small; text-decoration:underline;} /*this is the font for the current page number links */
#helpLink {text-decoration:underline;} /*this is the link that is located on the results page - to be underlined */

/*this is for the coordinate conversion thing */
table.menu {border: 1px solid #aaaaaa; background-color: #fafafa; border-collapse:collapse;}
td.menu {padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 4px;}
th.coordmenu {border-color:  #000000; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 4px;}

/*this is for the projection and datum selection box #cbe4e4*/
td.projection {font-size: 11px; background-color:#EBD6D6; padding: 2px;}  /*this is the cells for projection */
td.datum {font-size: 11px; background-color:#ccffcc; padding: 2px;} /*this is the cells for datum */

div#nifty{margin: 0 0%;background:#DFEFFF}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background:#DFEFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/*this is for the non-scrolling data tables*/
table.tdata {
	border: solid 1px black;
	background-color:#ffffff;
	font-size:10px;
} /*this is the style for the tables of data*/

tr.tdata { /*this is used for the HEADER ROW of a result table...which has the header info describing the data in the table */
	background-color:#efefef;
	font-style:normal
}

thead.tdata td, thead.tdata th {
	text-align: center;
	background-color:#efefef;
	font-weight: bold;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	border-left: solid 1px black;
	padding:2px;
}	

tbody.tdata td{
 border-right: solid 1px black;
 border-top: solid 1px black;
 padding:2px;
}
/*--------------------------------------------------*/
/*this is for the scrolling data tables*/
div.tableContainer {
	width: 100%;		/* table width will be 99% of this*/
	height: 520px; 	 /*must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
}

table.scrolling {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: solid 1px black;
	background-color:#ffffff;
	border-collapse:separate;
}

table.scrolling>tbody	{  /* child selector syntax which IE6 and older do not support and this is a good thing - it makes this more universal*/
	overflow: auto; 
	height: 400px;
	overflow-x: hidden;
}
	
thead.scrolling tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
}

thead.scrolling td, thead.scrolling th {
	text-align: center;
	background-color:#efefef;
	font-weight: bold;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
}	
	
tbody.scrolling td	{
	padding: 3px;
	text-align: left;
	border-top: solid 1px black;
	border-left: solid 1px black;
}

td.scrolling:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/