/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-color: white;
	color: #e2e2e2;
	margin-left:auto;
	margin-right:auto;
}

ul, ol
{
	display: block;
	left: 1em;
	float: none;
	visibility: visible;
	text-indent: 1em;
	overflow: visible;
	font-size: 90%;
	position: relative;
}

li
{
	list-style-position: outside;
	list-style-type: disc;
	margin-right: 2em;
}

input 
{
    font-size: 80%;
}

select
{
    font-size: 80%;
}
t
{
	background-color: #666666;
	color: #ffffbb; 
}

/* Header Section - site.master */

#header 
{
	width: 800px;
	background-color:white;
	border-top: 0px;
	border-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
}
#header a:link {
	font-size: 95%;
	font-style: italic;
	font-weight: bold;
	color: #CF8802;
	text-decoration: none;
}
#header a:visited {
	font-size: 95%;
	color: #CF8802;
	/*color: #CC9874;*/
	text-decoration: underline;
}
#header a:hover {
	font-size: 95%;
	color: yellow;
	text-decoration: underline;
}
#header a:active {
	font-size: 95%;
	color: #CF8802;
	text-decoration: none;
}

/* PageHeader Section - site.master */

#pagehead {
	border-top: 0px solid #666666;
	border-bottom: 0px dotted #B51032;
	/*background-color:#666666;*/
}
#pagehead .title {
	font-size: 135%;
	font-weight:bold;
	color: #e2e2e2;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	/*margin-left: .8em;*/
	padding: 1em;
}
#pagehead .breadcrumb {
	font-size: 80%;
	color: white;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#pagehead a:link  {
	font-style: italic;
	font-weight: bold;
	color: #FD8101;
}
#pagehead a:visited  {
	color: #FD8101;
	text-decoration: none;
}
#pagehead a:hover {
	font-size: 90%;
	color: maroon;
	text-decoration: underline;
}

/* Navigation top of site.master */

#navigation {
	font-size:90%;
	float: right; 
	background-color:White;
}
#navigation a:link {
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	color: #FD8101;
	text-decoration: none;
}
#navigation a:visited {
	font-size: 90%;
	color: #FD8101;
	/*color: #CC9874;*/
	text-decoration: none;
}
#navigation a:hover {
	font-size: 90%;
	color: maroon;
	text-decoration: underline;
}
#navigation a:active {
	font-size: 90%;
	color: #CF8802;
	text-decoration: none;
}
/* Main Content */

#content 
{
	margin-top: 1px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	background-color:#666666;
	color: #e2e2e2;
}
h1 { color: #e2e2e2; 	
     font-size: 115%;
     font-weight:bolder; 
}
h2 { color: #FAC45C; 
     font-size: 100%; 
     font-weight:bolder;  
     background-color:#666666;
}
h3 { color: #FAC45C; 
     background-color:#666666;
}
h4 { font-size: 90%; 
     font-weight:bold;  
}
h5 { color: black; 	
     font-size: 90%;
     font-weight:bold;
}
#content p {
	color: #e2e2e2; 
	font-size: 90%;
	margin-right:2em;
}

#content t
{
	color: #e2e2e2; 
	font-size: 70%;
}
#content a:link {
	display:inline;
	font-style: italic;
	font-weight: bold;
	font-size: 80%;
	color: #FD8101; /* logo color */
	text-decoration: none;
}
#content a:visited {
	font-size: 80%;
	color: #FD8101;
	/*color: #CC9874;*/
	text-decoration: none;
}
#content a:hover {
	font-size: 80%;
	color: maroon;
	text-decoration: underline;
}
#content a:active {
	font-size: 80%;
	color: #CF8802;
	text-decoration: none;
}
.lbl /* used on Station */
{
	color: #e2e2e2; 
	font-size: 70%;
}
/* used on home page */
#content featuredlist { 
	float:left;
	color:black; 
	background-color:#FAC45C;
}
#featuredlist a:link {
	font-size: 80%;
	font-style: italic;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
#featuredlist a:visited {
	font-size: 80%;
	color: Black;
	/*color: #CC9874;*/
	text-decoration: none;
}
#featuredlist a:hover {
	font-size: 80%;
	color: yellow;
	text-decoration: underline;
}
#featuredlist a:active {
	font-size: 80%;
	color: #CF8802;
	text-decoration: none;
}
/* used on viewData and AboutUs*/
#content sitelist{ 
	font-size: 100%;
	float:left;
	border-color:#FD8101; 
	border-width:thick;
}
#sitelist a:link  {
	font-size: 80%;
	color: #FD8101;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
#sitelist a:visited, a:active  {
	color: #FD8101;
	font-size: 80%;
	text-decoration: none;
}
#sitelist a:hover {
	font-size: 80%;
	color: maroon;
	text-decoration: underline;
}
#content sitelist2{ 
	font-size: 100%;
	float:left;
	border-color:#FD8101; 
	border-width:thick;
}
#sitelist2 a:link  {
	font-size: 80%;
	color: #FD8101;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
#sitelist2 a:visited, a:active  {
	color: #FD8101;
	font-size: 80%;
	text-decoration: none;
}
#sitelist2 a:hover {
	font-size: 80%;
	color: maroon;
	text-decoration: underline;
}
#content sitelist3{ 
	font-size: 100%;
	float:left;
	border-color:#FD8101; 
	border-width:thick;
}
#sitelist3 a:link  {
	font-size: 80%;
	color: #FD8101;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
#sitelist3 a:visited, a:active  {
	color: #FD8101;
	font-size: 80%;
	text-decoration: none;
}
#sitelist3 a:hover {
	font-size: 80%;
	color: maroon;
	text-decoration: underline;
}

/* bottom of site.master */
#content bodyLink 
{
	float:right;
	color:black;
	display:inline;
}
#bodyLink a:link {
	display:inline;
	font-style: italic;
	font-weight: bold;
	font-size: 80%;
	color: #FD8101; /* logo color */
	text-decoration: none;
}
#bodyLink a:visited {
	font-size: 80%;
	color: #FD8101;
	/*color: #CC9874;*/
	text-decoration: none;
}
#bodyLink a:hover {
	font-size: 80%;
	color: maroon;
	text-decoration: underline;
}
#bodyLink a:active {
	font-size: 80%;
	color: #CF8802;
	text-decoration: none;
}

#bodyBottom 
{
	font-size: 80%;
	text-decoration: none;
}

#bodyBottom a:link, a:visited, a:active 
{
	color: #e2e2e2;
	font-size: 80%;
	text-decoration: underline;
}
#bodyBottom a:hover {
	font-size: 80%;
	color: maroon;
	text-decoration: underline;
}
#bodyBottom t
{
	color: #e2e2e2; 
	font-size: 70%;
}
/* from eMon */
.gridHead
{
	background-color: #8b4513;
	font-weight: bold;
	font-size: 14px;
	color: White;
	height: 18px;
}
.itemstyle
{
	background-color: #fafad2;
	font-weight: normal;
	font-size: 80%;
	color: Maroon;
}
.alternatingitemstyle
{
	background-color: #eee8aa;
	font-weight: normal;
	font-size: 80%;
	color: Maroon;
}
.calendartable
{
    font-size: 80%;
    /*
	border-right: beige 1px outset; 
	border-top: beige 1px outset; 
	border-left: beige 1px outset; 
	border-bottom: beige 1px outset; 
	text-align:center;
*/
}
.headertable
{
	width: 90%;
	border:0;
}
.tblMain
{
	border-right: 1px solid navy;
	border-top: 1px solid  navy;
	font-size: 0.8em;
	behavior: url(scrolltable.htc);
	border-left: 1px solid navy;
	border-bottom: 1px solid navy;
	background-color: #fafad2;
}
/* not used, but see reference at 
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dhtmltechcol/cols/dnwebteam/webteam11042002.asp
for scrolltable.htc, including these items
.tblHeader
{
	color: #ffffff;
}
.tblBody
{
	color: #00008b;
	background-color: #fafad2;
}
.tablehead
{
	background-color: #d2b48c;
	font-size: large;
	font-weight: bold;
	color: #330000;
}
**/

.buildLink
{
	width: 50%;
	border:0;
}
.buildLink a:link {
	display:inline;
	font-style: italic;
	font-weight: bold;
	font-size: 120%;
	color: #FD8101; /* logo color */
	text-decoration: none;
}
.buildLink a:visited {
	font-size: 120%;
	color: #FD8101;
	/*color: #CC9874;*/
	text-decoration: none;
}
.buildLink a:hover {
	font-size: 120%;
	color: maroon;
	text-decoration: underline;
}
.buildLink a:active {
	font-size: 120%;
	color: #CF8802;
	text-decoration: none;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	color: maroon;
}

.modalPopup
{
	background-color: #fafad2;
	color: maroon;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}
/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
	color: maroon;
}
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : default;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/* Ajax tab control styles 
.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
}
*/