/* layout.css CSS Document */ 
/* sept9/08 - sam - for streetcar */
a.skip {position: absolute; left: -1000em; width: 20em;color: #FFF}
#top {	left: 0px;top: 0px; height:1%; display:none;}
body {
	font-family: Verdana, Arial, "Trebuchet MS", san-serif;
	font-size: 81%;
	color: #333;
	margin:0;
	padding:0;
	width: 100%;
	background-color: #999; 
}
p, td {	font-size: 1em;}

/* =header 
-----------------------------*/
.header { height:71px; background-color: #0076C2; overflow: hidden; }
.header .logo { text-align: center; margin-top: 0.5em; }
.header h1 { font-family: "Trebuchet MS"; font-weight: normal; color: #FFFFFF; margin-left: 0px; margin-top: 1.15em; font-size: 2em; padding-bottom: 0.5em; padding-left: 0px;  }
.header ul#siteTools { text-align:right; padding:0px; margin: 0; list-style-type: none; margin-top: 4px; }
.header ul#siteTools li { background-image: url(../images/whitebullet.gif); background-repeat: no-repeat; background-position: 100% .7em; list-style-type: none; font-size: 0.85em; font-family: "Trebuchet MS"; padding-right: 1em; }
.header ul#siteTools a { color:#fff; font-weight:bold; text-decoration:none;}

/* =content
---------------------------------------*/
div.content { margin: 3px 0 0 0; padding: 12px 0; }
.box {
	padding: 0 25px 0 0;
	margin-top: 0px;
	margin: 0;
	font-size: 1em;
}
.content p.toTop { font-size: .85em; clear: both; }

/* =headings
----------------------------------------------*/
.content h1 { font-size: 1.5em; font-weight: normal; color: #0076C2; margin-bottom: 0.75em; line-height: 1.5; margin-top: 0px; padding-top: 0px; }
.content h2 { font-size: 1.3em; color: #689438; margin: 1.25em 0 .75em 0; } 
.content h3 { font-size: 1.1em; color: #0076C2; margin: 1.25em 0 .75em 0; font-weight: bold; }
.content h4 {font-size: 1.08em; margin: 1.25em 0 .5em 0;color: #005995;}
.content h5 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}
.content h6 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}	
.content p {margin-bottom: 1em; padding-right: 0;margin-top: 0px;font-size: 1em;}

.content h1 + p { margin-top: 1.5em;  }
.content h1 + h2 { margin-top: .5em; }
.content h2 + h3 { margin-top:.75em; }

/* =styles
----------------------------------------------*/
a:link { color: #005995; text-decoration: underline; }
a:visited { text-decoration: underline; color: #005995; }
a:hover {text-decoration: none;	color: #007D00;}
a:active {text-decoration: none;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.note {	color: #CC0000;	font-weight: bold;}
.hidden { display: none; }

/*=lists
----------------------------------------------*/
.content ol {  margin: 1em 0 1em 1em; }
.content ol li { margin-left: 1em; margin-bottom: 1em; }
.content ul.insideList, .content ul {
	list-style-type: disc;
	margin-left: 25px;
	margin: 1em 0 1em 1.5em;
}
.content .insideList li, .content ul li{ list-style-type: square; 
}
ul#videos { float: left; width: 90%; list-style-type: none; margin: 1.5em 0; }
ul#videos li img {float: left;	margin-right: 1em;}
ul#videos li img.reg {float: none;	margin-right: 0;}
ul#videos li {
	list-style-type: none;
	vertical-align: top;
	line-height: 1.5em;
	clear: both;
	margin-bottom: 1em;
	height: 125px;
}
ul#videos li p {
	margin: 0px;
	padding: 0px;
	/*margin-top: 0px;*/
}
ul#videos li a img {
	margin: 0 2em .5em 0;
	height: 110px;
	border: 1px solid #2E7997;
}

#videos li h2 {	font-size: 1em;	margin:0;padding:0 .25em .5em 0;}
.content ul.reg { list-style-type: none; margin-left: 0px; padding-left: 0px; }
.content ul.reg li { list-style-type: none; }
ul#links { margin-left: 0px; }
#links li { background-image: url(../images/arrowgreen2sm.gif); background-repeat: no-repeat; padding-left: 2em; padding-top: 0em; list-style-type: none; background-position: left .6em; margin-bottom: 0.5em; 
}



/* =elements
----------------------------------------------*/
blockquote { margin: .5em 1.5em;}

/* =footer
----------------------------------------------*/
.footer {background-color: #fff;font-size: 0.85em;color: #999999;}
.footer .box {margin-bottom: 0px;padding: .25em 0 1.5em 0;}
.footer p {	font-size: 0.85em;line-height: 1.8em;}
.footer hr.line {height: 0.1em;	margin: 0;width: 100%;}


/* =IMG styles 
----------------------------------------------*/
img { margin:0; padding:0; border: none; }
img.inlineImg {
	padding: 0 .25em 0;
	padding-left: 0;
	vertical-align: top;
}
.content img.inlinePDF {padding: 0 .25em 0 0;vertical-align: text-top;}
.content img.inlineImg {
	padding: 0 .25em 0 .25em;
	vertical-align: text-top;
}
.imgRight { float: right; margin: .5em 1em 1.5em 1.5em; }
.imgLeft {	float: left;margin: .5em .5em .5em 0; }
.iconRight {margin-right: 0px;}
.mainImg { float: none; margin-bottom: 1em; padding-right: 0.25em; }
.thumb2, .thumb3 { border: 1px solid #4A84C6; margin-right: 1.5em; float: left; margin-bottom: 1em; }
.bord { border: 1px solid #4A84C6; }
.nobord { border: none; }
.lead_image { height: 248px; margin: 0 0px 20px 0px; background-image: url(../images/mainstation6col-2.jpg); background-position: left top; background-repeat: no-repeat; border: 1px solid #ccc; border-color: #ccc; padding: 0; 
}	

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.content ol { }
.content ol li p { margin-top: 0px; margin-bottom: 0px; }
.content .contact { margin-top: 0.5em; margin-left: 1.5em; margin-bottom: .5em; padding-bottom: 0.5em; }
.content .contact p { margin:0; padding:0; }
.email a { text-decoration: none; }
.contactName { font-weight: bold; }