/* 
	Soloar Liberty
	Master Screen CSS
	Alison Endacott
	May 2009
	
	COLORS
	
	green	56b24d
	blue	007ac3
	
	
 */

/* ------------------------ 
		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, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, 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;*/
}

	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.7;
		color: #000;
		background: #ccc;
		font-size: 62.5%;
		font-family: Arial, Helvetica, sans-serif;
	}
	
		a,
		a:visited,
		a:hover,
		a:active {
			color: #56b24d;
			text-decoration: none;
		}
		
			a:hover {
				color: #007ac3;
				text-decoration: underline;
			}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }
	
		img.image-right {
			float: right;
			_display: inline;
			padding: .5em 0 .5em 15px;
		}
		
		
		img.image-left {
			float: left;
			_display: inline;
			padding: .5em 15px .5em 0;
		}
		

	#container {
		width: 916px;
		margin: 0 auto;
		position: relative;
		background: url(/content/v1/us/img/bg.gif) repeat-y;
	}

	
	
/* ------------------------ 
		head
------------------------ */
body.home #flash {
 	margin-left:2px;
	height:251px;
 }
 
 #flash {
 	margin-left:2px;
	height:200px;
	overflow:hidden;
 }
 
 
 #head { 
	padding: 0 7px;
	}
	
	h1 {
		padding: 23px 0 0 13px;
		display: block;
		float: left;
	}
	
	#head fieldset {
		padding: 30px 0 0 310px;
	}
	
		#head fieldset legend,
		#head fieldset label {
			display: none;
		}
		
			#head fieldset input {
				border: 1px solid #cacaca;
				padding: 3px 2px 2px 2px;
				font-size: 1em;
				width: 125px;
			}
				#head fieldset input:focus {			
					border-color: #999;
				}
			
			#head fieldset .button {
				width: auto;
				padding: 2px 0 2px 8px;
				background: url(/content/v1/us/img/search-arrow.gif) no-repeat 2px 6px;
				color: #7a7a7a;
				text-transform: uppercase;
				font-size: .9em;
				position: relative;
				top: -1px;
				cursor: pointer;
				*border-color: #fff;
				*padding: 4px 0 1px 4px;
				*top: 1px;
			}
	
	#topNav {
		padding: 20px 20px 0 0;
		float: right;
		font-size: 1.1em;
	}
	
		#topNav li {
			display: inline;
			padding: 1em 0;
			
		}
		
			#topNav li a {
				/*border-right: 1px solid;*/
				padding: 0 15px;
				text-decoration: none;
				color: #000; /*#7a7a7a=old gray*/
			}
			
			#topNav li.last a {
				border: 0;
			}
			
				#topNav li a:hover {
					color: #007ac3;
				}

	
	#navigation {
		clear: both; 
		padding: 20px 0 1em 0;
		*padding: 16px 0 1em 0;
		_padding: 30px 0 1em 0;
		margin-left: 12px;
	}
	
		#navigation li {
			display: inline;
			padding:0 13px;
			font-size: 1.2em;
			font-weight: bold;
		}
		
			#navigation li a {
				color: #007ac3;
			}
			
				#navigation li a:hover {
					color: #56b24d;
					text-decoration: none;
				}
				
/* single drop down styles */		
		#navigation ul { /* all lists */
			list-style: none;
			z-index: 90;
			margin: -4px 0 0 0 ;
			padding: .75em;
			font-size: .85em;
			background:#fff;
		}

	/* drop down */

	#navigation #nav-who-serve ul{
		width: 160px;
		margin-left:13px;	
		*margin-left:-97px;
		*margin-top:12px;
	}
		#navigation #nav-who-serve li 	{

		}
		
	#navigation #nav-partners ul
	{
		width: 160px;
		margin-left:130px;
		*margin-left:-90px;
		*margin-top:12px;
	}
		#navigation #nav-partners li {

		}

	#navigation ul li {
		display: block;
		margin: 1px 5px;
		text-indent: 0;
		float: left;
		padding: .25em 0;
		display: block;
		text-indent: 0;
		border-bottom: #ccc 1px dotted;
		width: 148px;
	}
		#navigation ul a {
			margin: 0;
			/*background: #034e9b;*/
			background: transparent;
			color: #034e9b;
			width: auto !important;
			height: auto;
			text-indent: 0;
		}
		
			#navigation ul a:hover {
				color: #56B24D;
				text-decoration: none;
				}
				
		#navigation li ul { /* second-level lists */
			position: absolute;
			z-index: 99999;
			left: -9999em; 
			/*using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}			
		
		/* IE 7 drop down fix, nav will stick when you change focus on the page otherwise */
			#navigation li.hover,
			#navigation li:hover,
			#navigation a:hover {
				*position: static;
			}
			
			
			
			
			
				
	p#headFlash {
		text-indent: -9999px;
		overflow: hidden;
		width: 900px;
		height: 251px;
		margin-left: 1px;
		background: url(/content/v1/us/img/home-bg.jpg) no-repeat;
	}
	
	p#headerimage {
		text-indent: -9999px;
		overflow: hidden;
		width: 900px;
		height: 251px;
		margin-left: 1px;
		background: url(/content/v1/us/img/home-bg.jpg) no-repeat;
	}	
	
	#head img {
		margin-left: 1px;
	}
	
		
/* ------------------------ 
		content
------------------------ */
 #content {
	padding: 1em 15px;
	font-size: 1.2em;
 }	
 
 	ul#pageNav {
		width: 170px;
		float: left;
		_display: inline;
		padding: 25px 5px 0 5px;
		list-style-position:outside;
	}
	
		#pageNav li {
			padding: .5em 0 .8em 30px;
			line-height: 1;
		}
		
		#pageNav p.divider {
			border-bottom:1px dotted;
			display:block;
			margin-bottom:10px;
			margin-left:29px;
			*margin-left:0px;
			padding-bottom:6px;
			width:138px;
		}
 
 	#inner-content { 
		width: 680px;
		margin-left: 15px;
		float: left;
		_display: inline;
		padding-bottom: 1em;
		min-height: 200px;
		_height: 200px;
	}
	
		#inner-content h2,
		h3#LeafTitle {
			font-size: 2.3em;
			font-weight: normal;
			padding-top: 15px;
			border-bottom: 1px dotted #8F8F8F;
			color: #56b24d;
		}
			#inner-content h2 span {
				color: #56b24d;
			}
			
		p#subhead,
		h4 {
			font-size: 1.5em;
			border-bottom: 1px dotted;
			display: inline;
			padding: 0;
			}
			
		#inner-content p {
			padding: 1em 0;
		}
	
 	
/* ------------------------ 
		home
------------------------ */


	#homeNav li {
		margin-top: 35px;
		width: 129px;
		height: 145px;
		display: block;
		float: left;
		_display: inline;
		margin-left: 7px;
		background: #ccc;
	}
	
		#homeNav li a {
			display: block;
			width: 117px;
			height: 109px;
			color: #fff;
			padding: 36px 0 0 12px;
			overflow: hidden;
			background: url(/content/v1/us/img/home-nav.jpg) no-repeat;
			text-decoration: none!important;
			line-height: 1.2;
		}
		
		#homeNav li#homeNavResidential a { 
			background-position: ;
		}
			#homeNav li#homeNavResidential a:hover {
				background-position: 0 -145px;
			}
			
		#homeNav li#homeNavBusiness a {
			background-position: -136px 0;
		}
			#homeNav li#homeNavBusiness a:hover {
				background-position: -136px -145px;
			}
			
		#homeNav li#homeNavGovernment a {
			height:  123px;
			padding-top: 22px;
			background-position: -271px 0;
		}
			#homeNav li#homeNavGovernment a:hover {
				background-position: -271px -145px;
			}
			
		#homeNav li#homeNavNonProfit a {
			background-position: -405px 0;
		}
			#homeNav li#homeNavNonProfit a:hover {
				background-position: -405px -145px;
			}
			
		#homeNav li#homeNavEducation a {
			background-position: -543px 0;
		}
			#homeNav li#homeNavEducation a:hover {
				background-position: -543px -145px;
			}
			
/* ------------------------ 
		form/contact
------------------------ */
fieldset legend {
	display: none;
}

	#contactUs {
		width: 415px;
		float: left;
		_display: inline;
		padding-top: 1em;
	}
	
		#contactUs dd {
			margin-bottom: 1em;
		}
	
			#contactUs dd input,
			#contactUs dd textarea {
				width: 200px;
				border:1px solid #CACACA;
				font-size:1em;
				padding:3px 2px 2px;
			}
			
			#contactUs dd textarea { 
				width: 350px;
			}
			
				#contactUs dd input:focus,
				#contactUs dd textarea:focus {
					border-color: #999;
			}
			
			#contactUs dd .validation-failed {
				border-color: #f00;
			}
			
			.validation-advice {
				color: #f00;
				font-size: .9em;
			}
			
			#contactUs #submit {
				background:transparent url(/content/v1/us/img/search-arrow.gif) no-repeat scroll 2px 6px;
				color:#7A7A7A;
				cursor:pointer;
				font-size:0.9em;
				padding:2px 0 2px 8px;
				position:relative;
				text-transform:uppercase;
				top:-1px;
				width:auto;
				border:1px solid #CACACA;
			}
	
	#contactInfo {
		padding-top: 1em;
		width: 220px;
		float: left;
		_display: inline;
		padding-left: 15px;
	}
	
		#contactInfo p {
			padding: 0 0 1em 0;
		}

/* ------------------------ 
		admin content
------------------------ */
	
	h3#ParagraphIntro{
		font-size:20px;
		margin-top:10px;
		margin-bottom:-4px;
		color:#000;
	}
	
	h3#SubParagraphIntro{
		font-size:15px;
		color:#787878;
	}
	
	ul#bulleted li{
		list-style-type:disc;
		margin-left:40px;
	}
	
	#president {
		background:#F2F2F2;
		padding: 2px 20px 10px 20px;
		margin-top:10px;
		border:#E6E6E6 dotted 1px;
	}
	
	#testimonialdivide {
		border-bottom:1px dotted #8F8F8F; 
		color:#ffffff;
		margin-bottom:10px;
		margin-top:10px;

		
	}
/* ------------------------ 
		footer
------------------------ */
 	#footer {
		background: #ccc url(/content/v1/us/img/bg-footer.gif) no-repeat top;
		color: #555;
		text-transform: uppercase;
		padding: 1em 7px;
		*height: 100px;
		*border-bottom: 10px solid #ccc;
	}
	
		#footer ul {
			float: left;
		}
	
			#footer li {
				display: inline;
				padding-right: 20px;
			}
		
		#footer p {
			float: right;
		}
		

			#footer a {
				color: #555;
				}
				
				#footer a:hover {
					color: #555;
				}
				
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}
.clearfix:after { 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */