/* 
	JW Danforth
	Master Screen CSS
	April 2010
		
 */

/* ------------------------ 
		reset
------------------------ */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

	img {
		border: 0;
		outline: 0;
	}

	ol, ul { 
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}

		
	body {
		line-height: 1.5;
		color: #000;
		background: url(/content/v1/us/img/bg.gif);
		font-size: 62.5%;
		font-family: Tahoma, Geneva, sans-serif;
	}
	
	
		a,
		a:link
		a:visited
		a:hover
		a:active {
			color: #177134;
			text-decoration: none;
		}
	
			a:hover {
				text-decoration: underline;
			}
			
		img.left {
			float: left;
			padding: 0 10px 10px 0;
		}
		
		img.right {
			float: right;
			padding: 0 0 10px 10px;
		}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }
	
	#container {
		width: 764px;
		margin: 0 auto;
		position: relative;
	}
	
/* ------------------------ 
		head
------------------------ */
 #head {
 	background: url(/content/v1/us/img/bg-header.jpg) no-repeat bottom;
	height: 135px;
	overflow: hidden;
 }
 
 	h1 {
		position: absolute;
		top: 0;
		right: 31px;
	}
	
		h1 a {
			display: block;
			width: 240px;
			height: 59px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/content/v1/us/img/danforth.png) no-repeat;
			_background: url(/content/v1/us/img/danforth.gif) no-repeat;
		}
	
	#smallNav {
		padding-top: 23px;
		padding-left: 5px;
	}
		#smallNav li {
			display: inline;
			padding-right: 20px;
			text-transform: uppercase;
			font-size: 11px;
		}
			#smallNav li a {
				color: #000;
			}
			
		#addthis {
			position: absolute;
			top: auto;
			margin-top: 40px;
		}
	
	#topNav {
		font-size: 14px;
		padding: 20px;
		float: left;
	}
		#topNav li {
			display: block;
			float: left;
			_display: inline;
			text-transform: uppercase;
			font-weight: bold;
			margin-right: 20px;
		}
			#topNav li a {
				color: #000;	
							padding-left: 20px;

				background: url(/content/v1/us/img/arrow.gif) no-repeat 0 2px;
			}
				#topNav li a:hover {
					text-decoration: none;
					background-position: 0 -18px;
				}
	
	#nav {
		clear: both;	
		position: absolute;
		top: 97px;
		left: 5px;
		font-size: 12px;
		
		
	}
		#nav li {
			display: block;
			float: left;
			text-transform: uppercase;				
			background: url(/content/v1/us/img/navdivider.gif) no-repeat right;
		}
		
		#nav li.last {
				background: transparent;	
				padding-right: 0;
			}
			
			#nav li a {
				color: #fff;	
				padding: 8px 10px;
				display: block;
				height: 18px;
				margin-top: 2px;
				margin-right: 3px;
			}
			
			#nav li.last a {
				margin-right: 0;
			}
			
				#nav li a:hover {
					background: #FFCA16;
					text-decoration: none;
									color: #000;

	}
	
	
/* ------------------------ 
		content
------------------------ */
#content {
	background: url(/content/v1/us/img/contentbg.png) repeat-y;
	padding: 15px 15px 1px 15px;
	font-size: 12px;
	min-height: 203px;
	_height: 203px;
}

	.dynamiccontent h2 {
		font-weight: bold;
		background: url(/content/v1/us/img/titlebg.gif) no-repeat;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		height: 32px;
		padding: 6px 10px 0 10px;
		margin-bottom: 25px;
	}
	
	.dynamiccontent h3 {
		font-weight: bold;
		
		font-size: 13px;
	}
	
	#content p,
	#content .dynamiccontent ul {
		padding: .5em 0;
	}
	
	#content .dynamiccontent li {
		margin-left: 15px;
		list-style: disc inside;
	}
	
	#content .dynamiccontent ol li {
		list-style: decimal;	
	}
	
	/* services nav */
	#servicesNav {
		width: 175px;
		float: left;
		border: 1px solid #000;
		margin-right: 10px;
	}
		#servicesNav h3 {
			font-size: 12px;
			color: #fff;
			background: #9ea49e;
			padding: 5px;
			font-weight: bold;
		}
		
		#servicesNav ul {
			padding: 0!important;
		}
		
			#content #servicesNav li {
				border-top: 1px solid #000;
				list-style: none!important;
				margin: 0;
			}
				#servicesNav li a {
					display: block;
					font-weight: bold;
					font-size: 11px;
					padding: 3px 3px 3px 20px;
					background: #d1d1d1 url(/content/v1/us/img/arrowsm.gif) no-repeat 4px 6px;
				}
					#servicesNav li a:hover {
						text-decoration: none;
						background-color: #fff;
					}
					
	#servicesContent {
		width: 545px;
		float: left;
	}
	
	/* forms */
		/* contact */
		#contactFormCell {
			width: 65%;
			padding-right: 20px;
		}
		
		#submit {
			clear: both;	
			display: block;
			background: url("/content/v1/us/img/arrow.gif") no-repeat scroll 0 2px transparent;
			border: 0;
			padding-left: 15px;
			text-transform: uppercase;
			font-weight: bold;
			position: relative;
			top: 10px;
			cursor: pointer;
		}
		
			#submit:hover {
				background-position: 0 -18px;
			}
		
	/* all */
	
	fieldset {
		padding: 5px 0;
	}
	
	#content fieldset dl {
		padding: 3px 0;	
		clear: both;
	}
	
		#content fieldset dt {
			display: block;	
			float: left;
			_display: inline;
			width: 175px;
		}
		
		#content fieldset .required dt {
			font-weight: bold;	
		}
		
			#content fieldset dt label,
			#content fieldset dt {
				color: #000;
			}
			
		#content fieldset dd {
			width: 220px;
			float: left;
		}
			
			#content dd input,
			#content dd select,
			#content dd textarea {
				background: #fff;
				border:1px solid #ccc;
				padding: 3px;
				font-size: .9em;
				width: 200px;
			}
			
			#content dd select {
				padding: 0;
				width: 210px;
			}
	
	#content dd select {
		padding: 0;
		height: 21px;
	}
	
	/* pagination */
	
	.pagination li {
		display: block;
		float: left;
		_display: inline;
		font-size: .9em;
		margin-right: 1px;
	}
	
		.pagination span#prevpage,
		.pagination span#nextpage{
			display: none;
				}
	
		.pagination a#prevpage,
		.pagination a#nextpage{
			display: block;
			width: 5px;
			height: 6px;
			text-indent: -9999px;
			overflow: hidden;
			margin-top: 5px;
		}
		
		.pagination a#prevpage {
			background: url(/content/v1/us/img/previous.gif) no-repeat;	
		}
		
		.pagination a#nextpage{
			margin-left: 5px;
			background: url(/content/v1/us/img/next.gif) no-repeat;	
		}
		
		.pagination li a,
		.pagination li span{
			display: block;
			padding: 1px 4px;
			text-decoration: none;
		}
		
		.pagination li span{
			color: #fff;
			background: #177134;
		}

		
	/* errors */
		#ctl00_PageContent_Errors1 span,
		.validation-advice,
		.errorlist,
		#ctl00_PageContent_Errors1 {
			color: #f00;
			font-size: 10px;
			font-weight: bold;
			position: relative;
		}

		#ctl00_PageContent_Errors1 span {
			border: 1px solid #f00;
			background: #ffe0e0 url(/content/v1/img/error.gif) no-repeat right 2px ;
			padding: 5px;
			display: block;
			margin: 0 0 5px 0;	
		}

		#ctl00_PageContent_Errors1 li {
				padding: 0!important;
		}

		.validation-failed {
			border-color: #f00 !important;
		}

		.errorlist {
			padding: .2em 1em;
			font-size: 1.1em;
			display: block;
		}
/* ------------------------ 
		google search
------------------------ */	

	#search {
		position: absolute;
		top: 68px;
		left:486px;
		z-index: 99999;
	}
	
		
	
#search fieldset {
	padding: 0;	
}

.gsc-branding,
.gsc-tabsArea{
	displaY: none;	
}

	#search .gsc-input input {
		width: 180px!important;
		padding: 3px;
		font-size: 11px;
		border: 1px solid #b4b7b4;
		float: left;
	}
	
		#search input.gsc-search-button  {
			background:url(/content/v1/us/img/search.gif) no-repeat ;
			border:0 none;
			cursor:pointer;
			display:block;
			height:15px;
			width:56px;
			float: left;
			margin-left: 3px;
			padding-top: 15px;
			overflow: hidden;
			height: 0;
			*height: 15px;
			*margin-left: 0;
			*position: relative;
			*left: -10px;
		}
		
		#search div.gsc-clear-button  {
			background-image:url("http://www.google.com/uds/css/clear.gif");
			background-position:center center;
			background-repeat:no-repeat;
			cursor:pointer;
			display:inline;
			margin-left:4px;
			margin-right:4px;
			padding-left:10px;
			text-align:right;
			float: left;
			*position: relative;
			*left: -10px;
	}
	
.gsc-wrapper {
	font-size: 11px;
}

	.gsc-resultsbox-visible {
		background: #fff;	
		padding: 10px;
		line-height: 1;
	}
	
		.gsc-resultsbox-visible a {
		}
	
	.gsc-adBlock{
		background: #fff;	
		font-size: 10px!important;
		margin: -6px 0 0 0 !important;
	}
	
	.gsc-result .gs-title {
		height: auto!important;	
	}

/* ------------------------ 
		meta
------------------------ */
	div.metaEdit {
		position: absolute;
		top: 135px;
		right: 15px;
		font-size: 11px;
		line-height: 1.5;
		z-index: 999999;
		*width: 340px;
	}
	
		p.metaToggler {
			display: inline;
			color: #5288C9;
			float: right;
			padding-left: 20px;
			cursor: pointer;
		}
			p.metaToggler {
				background: transparent url(/Pages/v1/default/Admin/Core/MochaUi/Themes/Catalyst/Images/icons/editIcon.gif) no-repeat 2px -1px;
			}
			
	div.metaElement {
		clear: both;
		
	}
			
		div.metaElement fieldset {
			clear: both;
			background: #fff;
			border: 1px solid #DFDFDF;
			padding: 5px;
			
		}
		
			div.metaElement fieldset dl{
				background: #eee;
				padding: 6px 10px;
				clear: both;
			}
			
				div.metaElement fieldset dt {
					color: #555555;
					}
					
					div.metaElement fieldset dd{
						
					}
					
					div.metaElement fieldset dd input {
						background:#EFF4FA none repeat scroll 0 0;
						border:1px inset #CCCCCC;
						font-size:11px;
						padding:3px;
						width: 300px;
					}
					
					div.metaElement fieldset dd input:focus {
						background: #E7EEF7;
					}
			
			input.invisible {
				display: none;
			}
		
		
	#meta-save-results {
		position: absolute;
		top: 0;
		left: 5px;
	}
		#meta-save-results .message {
			padding-left: 14px;
			font-weight: bold;
			color: #5288C9;
			text-transform: uppercase;
			background: url(/content/v1/us/img/admin/btn_save.gif) no-repeat;
		}

/* ------------------------ 
		modal
------------------------ */
#sbox-content #container,
#sbox-content #content,
#sbox-content #innerContent {
	width: auto;	
	background: #fff;
	margin: 0;
	padding: 0;
	float: none;
}

	#sbox-content #innerContent h3 {
		margin-top: 0;
	}



#sbox-content #head,
#sbox-content #footer {
	display: none;	
}

/* ------------------------ 
		footer
------------------------ */
 #footer {
	 font-size: 11px;
	 text-transform: uppercase;
	 position: relative;
	 padding: 0 20px;
	 background: url(/content/v1/us/img/homefooterbg.png) no-repeat top;
	padding-top: 32px;
 }	
 
 	#footer dl {
		clear: both;	
		*zoom: 1;
	}
	
		#footer dt {
			font-weight: bold;	
		}
	
		#footer dt,
		#footer dd {
			float: left;	
			padding-right: 5px;
		}
		
		#footer dd:before {
			content:" // ";
		}
 
 	#footer ul {
		clear: both;
		padding: 0 0 25px 0;
	}
	
	#footer #footHeadingNav {
		font-weight: bold;
		padding-bottom: 0;
	}

		#footer li {
			float: left;
			padding-right: 5px;
		}
		
		#footer .nav li:after {
				content:" | ";
			}
			
			#footer .nav li.last:after{
				content:"";
			}
		
		
		li#mailing,
		li#webmail,
		li#login,
		li#blog,
		li#facebook,
		li#twitter,
		li#linkedin {
			margin-top: 10px;
		}
		
		li#webmail,
		li#login {
			padding: 0px 15px 10px 20px;	
		}
		
			li#facebook a ,
			li#twitter a,
			li#linkedin a,
			li#mailing a,
			li#blog a {
				display: block;
				text-indent: -9999px;
				overflow: hidden;
				height: 23px;
				width: 22px;
				margin-right: 10px;
			}
		
			li#facebook a {
				margin: 0;
				background: url(/content/v1/us/img/facebook.gif) no-repeat 0 0;
			}
			
			li#twitter a {
				margin: 0;
				background: url(/content/v1/us/img/twitter.gif) no-repeat 0 0;
			}
			
			li#linkedin a {
				width: 93px;
				background: url(/content/v1/us/img/linkedin.gif) no-repeat 0 0;
			}
			
			li#mailing a {
				width: 164px;
				background: url(/content/v1/us/img/mail.gif) no-repeat 0 0;
			}
			
			li#blog a {
				width: 120px;
				background: url(/content/v1/us/img/blog.gif) no-repeat 0 0;
			}
		
		li#webmail {
			background: url(/content/v1/us/img/webmail.gif) no-repeat 0 1px;
		}
		li#login {
			background: url(/content/v1/us/img/login.gif) no-repeat 0 1px;
		}
		
		
			
	#footer p {
		position: absolute;
		bottom: 10px;
		right: 20px;
		font-size: 10px;
	}
	 
		#footer a {
			color: #000;
		}
		
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

