﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	color: #000;
	background: #d7d8d9 url(img/body.gif) repeat-x 0 0;
	text-align: left;
}
body.inner-page
{
	background: #d7d8d9 url(img/body-inner.gif) repeat-x;
}
* {
	margin: 0;
	padding: 0;	
}
p {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
img {border:0px none}
h1, h2, h3, h4 {
	font-family: Helvetica, sans-serif;
	letter-spacing: 0px;
}
h1 {font-size: 28px}
h2 {font-size: 24px}
h3 {font-size: 20px}
h4 {font-size: 16px; text-transform: uppercase}
ul, ol {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-position: outside;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: disc;
}
ol li {
	list-style-type: none;
}

object, embed {
	margin: 0;
	padding: 0;
}

div#wrapper 
{
	margin: 0 auto;
	width: 960px;
	position: relative;
}

/* ----------------------TOP------------------ */ 

a:hover h1.logo {cursor: pointer}

h1.logo
{
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
	width: 360px;
	height: 85px;
	min-height: 85px;
	text-indent: -2000px;
}
div.header
{
	background: url(img/top-nav.jpg) no-repeat 50% -1px;
	height: 98px;
	min-height: 98px;
}

.global {
	width: 400px;
	float: right;
	display: inline;
	color: #00CCFF;
	text-decoration: none;
	font-size: 10px;
	text-align: right;
	z-index: 1000;
	padding-top: 10px;
}
	.global a:link, .global a:visited, .global a:active  {
		color: #00CCFF;
		text-decoration: underline;
		font-size: 11px;
		text-align: right;
		padding-right: 20px;
	}
	.global a:hover {
		color: #FFFFFF;
	}
	
#topAd {
	float: right;
	display: inline;
	width: 468px;
	margin-top: 20px;
}	
	
div#Menu {
	float:right;
    color:#FFFFFF;
    font-size:1.5em;
	width: 508px;
	display: inline;
	clear: right;
	padding: 30px 0 0 0;
}

/* ----------------------HEADINGS------------------ */ 

.mainTitle {
	height: 300px;
	min-height: 300px;
}

.page-title 
{
	float: left;
	display: inline;
	padding:0px 14px 0px 16px;
	width: 930px;
	clear: both;
}
	.inner-page .page-title 
	{
		padding: 0 10px;
		background: transparent url(img/title-inner.jpg) no-repeat 0 0;
		height: 100px;
	}
	.page-title h2 
	{
		margin: 0;
		padding: 25px 0;
		color: #FFFFFF;
		font-size: 34px;
		font-weight: normal;
	}
	.page-title ul {
		padding: 5px 10px 12px 0px;
		margin: 0 20px 0 0;
		color: #FFFFFF;
		list-style: square;
	}
	.page-title li {
		padding: 0px 0px 0px 10px;
		margin: 10px;
	}
	.page-title p
	{
		padding: 0;
		color: #ffffff;
		line-height: 1.8;
	}
	
/* ----------------------SIDEBAR------------------ */ 

div.sidebar {
	margin: 0 0 0 20px;
	padding: 0;
	width: 308px;
	float: left;
}
.inner-page .sidebar
{
	width: 217px;
	display: inline;
} 
.sidebar h3 
{
	font-size: 18px;
}
.inner-page .sidebar h3 
{
	padding: 20px 15px 10px 21px;
	color: #fff;
	background: #235A70 url(img/h3-sidebar.gif) no-repeat 100% 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #6db9d1;
}
.sidebar h4
{
	margin: 0 0 5px;
	font-weight: normal;
	color: #194059;
}
/* ----------------------CONTENT------------------ */ 
p.notop {
	font-size: 10px;
	text-transform: uppercase;
	margin-top: -2px;
}
div.contentWrapper 
{
	margin: 0px 0 0 0;
	padding: 20px 0 10px 0;
	width: 960px;
	float: left;
	display: inline;
	/* background: #ebebeb url(img/contentBack.gif) repeat-x; */
	background: #FFFFFF;
	clear: both;
}
div.content {
	margin: 0 0 0 20px;
	padding: 0px 14px 0;
	width: 564px;
	float: left;
	/* background: transparent url(img/content.gif) repeat-x 0 0; */
	display: inline;
}
div.contentTwo {
	margin: 0 0 0 20px;
	padding: 0px 14px 0 0;
}
.inner-page .content 
{
	margin: 0 20px 0 0;
	float: right;
	width: 656px;
}
/*.content h1
{
	margin: 0 0 10px;
	color: #ff4d07;
	font-size: 24px;
	font-weight: normal;
}
*/
.content h1, .content h1 a
{
	font-size: 22px;
	margin: 0 0 4px;
	color: #ff4d07;
	font-weight: normal;
}
.content h2, .content h2 a
{
	font-size: 22px;
	margin: 0 0 4px;
	color: #ff4d07;
	font-weight: normal;
}
.content ol li {
	list-style-type: decimal;
}
#Main .sf_newsList h2.sf_newsTitle
{
	margin: 0 0 4px;
	color: #006699;
	font-weight: normal;
}
.content h3
{
	margin: 0 0 10px;
	color: #464646;
}
.content h4
{
	margin: 0 0 10px;
	color: #006699;
}
.inner-notes 
{
	margin: -10px -14px 20px 10px;
	padding: 14px;
	width: 189px;
	float: right;
	display: inline;
	background-color: #efefef;
}
.content .inner-notes h4 
{
	font-size: 12px;
	font-weight: bold;
}
.content .inner-notes h3 
{
	font-size: 17px;
	font-weight: normal;
	color: #000;
}
#sideAd a
{
	margin: -10px -14px 20px 10px;
	padding: 15px;
	width: 135px;
	float: right;
	clear:right;
}
			ul.sideWidget {
				padding: 40px 0 0 0;
				margin: 0;
				list-style: none;
				width: 217px;
				clear: both;
				color: #2B6980;
				font-size: 86%;
				font-weight: normal;
			}
			ul.sideWidget.Two {
				padding: 0;
				margin: 0;
				list-style: none;
				width: 217px;
				clear: both;
				color: #2B6980;
				font-size: 86%;
				font-weight: normal;
			}
			ul.sideWidget li {
				display: block;
				width: 200px;
				padding: 9px 8px 8px 9px;
				margin: 4px 0px 0px 0px;
				background: #E5E5E5;
			}
			ul.sideWidget li:hover {
				background: #2B6980;
			}	
			ul.sideWidget h2 {
				font-size: 17px;
				padding: 0px 0px 4px 0px;
				margin: 0;
				font-weight: normal;				
			}	
			ul.sideWidget a {
				text-decoration: none;
				color: #2B6980;
				font-weight: bold;
			}
			ul.sideWidget a:hover, ul.sideWidget a li:hover {
				color: #FFFFFF;
				
			}			



.content p 
{
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px;
}
.content p.more
{
	text-align: right;
	font-size: 11px;
}
.date, .content p.date
{
	color: #ff4d07;
	font-size: 10px;
	margin-bottom: 0;
}

/* ----------------------FOOTER------------------ */ 

div.footer {
	padding: 20px 0px;
	clear: both;
	width: 960px;
	float: left;
	color: #FFFFFF;
	/*background:#112334 url(img/top-nav.png) no-repeat 50% 0; */
	background:#112334;
	line-height: 24px;
}
	.footer h3 
	{
		font-size: 18px;
		font-weight: normal;
		color: #ff4d07;
	}
	.footer .contact h3 
	{
		font-size: 14px;
		display: inline;
	}
	
div.copyright {
	clear: both;
	padding: 10px 20px;
	font-size: 10px;
	font-weight: normal;
	color:#ff4d07;
	background:#000000;
	text-transform: uppercase;
	text-align: center;
}
div.copyright a,
div.copyright a:link,
div.copyright a:visited,
div.copyright a:hover,
div.copyright a:active 
{
    color:#ff4d07;
}
div.contact
{
	margin: 20px 0 0;
	padding: 17px 14px;
	background-color: #cbd9e0;
}

.footer .contact {padding: 15px 34px}






div.wrap {
	padding: 17px 14px;
	background: #efefef;
}
.inner-page div.wrap 
{
	padding: 0;
	background-color: transparent;
}
div.mainbar div.wrap {
	 /* background: transparent url(Images/div_latest_news.gif) no-repeat 50% 100%; */
}




/* Paragraphs */



/* Lists */

.content ul 
{
	margin-left: 0;
}
.content ul li
{
	margin-left: 30px;
	margin-bottom:5px;
	/*list-style-type: none;
	background: transparent url(img/bullet.gif) no-repeat 9px 5px;
	color: #CC3300;*/
}
.content ol 
{
	margin-left: 30px;
}
.content ul.key-items 
{
	color: #CC3300;
	font-weight: bold;
}
.content ul.key-items li
{
	background-image: url(img/bullet-yellow.gif);
	background-position: 5px 2px;
}
.wrap .news-list 
{
	margin: 0;
}
.wrap .news-list li
{
	padding: 4px 0;
	list-style-type: none;
	background: transparent url(img/sidebar_news_li.gif) repeat-x 0 100%;
}
/* Semantic */
strong {
	font-weight: bold;
	font-style: normal;
}
em {
	font-weight: normal;
	font-style: italic;
}
address 
{
	padding-top: 5px;
	font-style: normal;
	line-height: 1.5;
}
.footer .contact address 
{
	display: inline;
}
/* Links */

a:link, a:visited, a:hover, a:active {
	color: #194059;
	text-decoration: none;
}
.sectionTitle a:link,
.sectionTitle a:visited, 
.sectionTitle a:hover, 
.sectionTitle a:active 
{
    color:#EEEEEE;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 120%;
}
a:hover {
	text-decoration: underline;
}
.page-title a:link, .page-title a:visited, .page-title a:hover, .page-title a:active {
	color: #FFFF00;
	font-size: 12px;
	padding: 0 20px 0 0;
}
.sidebar h4 a:link, .sidebar h4 a:visited, .sidebar h4 a:hover, .sidebar h4 a:active 
{
	color: #194059;
}
#ctl00_PageTitle_tm_Breadcrumb1_SkipLink {}

/* EVENTS LIST */
.newsItems dt {
	font-size: 110%;
	padding: 4px 0 0 0;
	font-weight: bold;
}
.newsItems dd {
	font-size: 80%;
	padding: 4px 0 6px;
	color: #FF3300;
}
/* CODA SLIDER */

a:focus { outline:none }


.content a
{
    text-decoration:underline;
}
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 930px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 930px; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 930px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;

		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 930px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 930px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("/js/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("/js/images/arrow-right.gif") no-repeat center;
		}
		
		.RadScheduler .rsHeader li 
		{
			background-image:none;
		}
		
		.rsDayView table
		{
		
			margin:0;
			padding:0;
					}
					
	  .RadScheduler .rsHeader 
	  {
	      z-index:95 !important;
	  }

ul.headerControlPanel
{
	padding: 0;
	margin: 0;
}
ul.headerControlPanel a
{
    color:White;
}
ul.headerControlPanel li
{
    float:right;
	display: inline;
    list-style:none;
}

ul.serviceSelections
{
	list-style:none !important;
}
ul.serviceSelections li
{
	list-style:none !important;
	float:left;
	display:inline;
	margin:0 !important;
	padding: 9px;
	background: #E5E5E5;
	height: 50px;
}
ul.serviceSelections .SearchButton
{    
	clear:both;
	margin: 0 !important;
	padding:0px !important;
	float:left;
}
div.contractorControlPanel
{
    background:#E5E5E5;
}
div.contractorControlPanel .resultCount
{
    padding:0 0 10px 20px;
    display:block;
}
ContractorName
{
	font-size:16px;
	font-weight:bold;
}
ContractorContact
{
	font-size:14px;
	font-weight:bold;
}

/*** Homepage Rotator **********/
.slideshow  
{

    width: 900px; 
    margin: 0;
    padding: 0;
}
.slideshow div.slide { 
	padding:10px 0 0 0; 
	margin:0;
	height:286px; 
	width:900px; 
	color:white;
	background: transparent url(/App_Themes/Emerald-Blue/img/title-main.jpg) no-repeat 50% 0;
	}
.slideshow div dl
{ margin:0;
	padding:10px 0 0 0;
	}
.slideshow div dt {
	padding: 0; 
	display: inline;
	width: 422px;
	height: 268px;
	float: left;
	margin: 0;
	}
.slideshow div dd {
	display: inline-block;
	float: right;
	padding: 0 0 0 30px;
	margin: 0;
	width: 422px;
	}
.slideshow div.ssContent
{
	height: 220px;
	margin: 0;
}
.slideshow div.ssContent h2
{
    font-size: 24px;
    font-weight: bold;
}
.slideshow div.ssContent p
{
    font-size: 16px;
}
.slideshow div.ssContent a.join
{
	background: #FF3300;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding: 8px;
	display: inline-block;
	height: 14px;
	min-height: 14px;
	width: 12px;
	margin-right: 10px;	
	font-size: 130%;
}
.slideshowContainer
{
	height: 286px; width: 900px; margin: 0; padding: 0;
}
.slideshowContainer #nav
{
	float:right;
	display: inline;
	top: -60px;
	position:relative;
	z-index: 90;
}
.slideshowContainer #nav a
{
	background: #FF3300;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 8px;
	display: inline-block;
	height: 14px;
	min-height: 14px;
	width: 12px;
	margin-right: 10px;	
	font-size: 130%;
}
.slideshowContainer #nav a.activeSlide
{
	background: #FFFFFF;
	color: #093248;
	text-decoration: none;
	font-weight: bold;
	padding: 8px;
}
.set LI 
{
    margin-bottom:0;
    clear:both;
    list-style-type:none !important;
}
.exField
{
 padding:0 !important;
 margin:0px;   
}
.exField dt
{
    width:125px;
    text-align:right;
    margin:5px 5px 0px 0px;
    float:left;
}
.readOnly
{
    border:#999 1px dashed;
    padding:1px 4px 1px 4px;
    width:355px;
    float:left;
    font-size:18px;   
}
p.example
{   
    color:red;
    padding:20px;
    width:600px;
}
dd.example
{
    margin:2px 0px 15px 135px;
    width:355px;
    color:#666;
    padding:0;
}
.mainForm label
{
    text-align:right;
    margin:5px 5px auto auto;
    width:130px;
    float:left;
}
.mainForm input
{
    padding:2px;
    width:355px;
    margin:1px;
}
.mainForm .check table
{
    margin-bottom:20px;
}


.check table tbody tr td input
{
    width:20px;
    margin:6px 0 0 0;
}
.check table tbody tr td label
{
    width:300px;
    text-align:left;
    margin:0px;
    width:auto;
    float:none;
}