/*
Advanced Screen Styles for Shelter2Home
Authored and maintained by Greg Beatty
gbeatty@clutch-inc.com
*/



body {
	background-color: #333;
	color: #fff;
	font-family: 'Lucida Grande', Verdana, arial, helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.header {
	color: #fff;
	height: 90px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	.header .logo {
		margin-top: 1.25em;
		}

.footer {
	clear: both;
	color: #666;
	font-size: .9em;
	margin: 3em 0;
	padding: 0 0 0 0;
	text-align: left;
	}
	
.lightcolor {
	background-color: #390;
	color: #c2e1b3;
	}
	
.darkcolor {
	background-color: #298500;
	color: #d6ebcc;
	}
	
.world {
	background-image: url(../images/world.png);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	}

.container {
	margin: 0 auto;
	padding: 1em 0;
	text-align: left;
	width: 960px;
	}

.left {
	float: left;
	padding: 10px 0;
	margin: -1em 0;
	text-align: left;
	width: 460px;
	}
	
.right {
	float: right;
	padding: 10px 0;
	margin: -1em 0;
	text-align: left;
	width: 460px;
	}
	
.clear {
	clear: both;
	height: 0px;
	width: 0px;
	}
		


	
/* Headers */
h1 {
	color: #390;
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.6em;
	margin: 0;
	padding-top: 1em;
	}
	
	h1 strong {
	color: #fff;
	font-weight: normal;
	}
	
	.lightcolor h1 {
	color: #fff;
	font-weight: normal;
	}

h2 {
	color: #333;
	font-family: 'Lucida Grande', Verdana, arial, helvetica, sans-serif;
	font-size: .9em;
	margin: .5em 0 0 0;
	padding: 0;
	text-transform: uppercase;
	}
	
	.darkcolor h2 {
	margin-left: 20px;
	margin-right: 20px;
	}

h3 {
	color: #fff;
	font-size: 1.35em;
	font-weight: normal;
	line-height: 1.35em;
	margin: 1em 1em .5em  0;
	padding: 0;
	}


	
/* Horizontal Rules */
hr {
	clear: both;
	border-top: 3px dotted #298500;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin: 2.5em 0 .5em 0;
	height: 1px;
	}



/* Paragraph Styles */
p {
	font-family: 'Lucida Grande', Verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	}
	
	p.highlight {
		border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
		background-color: #298500;
		
		line-height: 1.5em;
		margin: 0 0 2em 0;
		padding: 1em;
		text-align: center;
		}
		
		p.highlight a {
		
		}
		
		p.download {
		border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
		background-color: #298500;
		color: #333;
		float: right;
		line-height: 1.5em;
		margin: 1em 0 2.5em 1.5em;
		padding: 1.5em;
		text-align: center;
		width: 280px;
		}
		p.download img {
		padding-right: .25em; 
		vertical-align: top
		}
	
	p.quote {
		float: right;
		width: 460px;
		margin: 0 0 3em 3em;
		font-family: Cambria, 	Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
		font-weight: normal;
		font-style: italic;
		line-height: 1.3em;
		color: #fff;
	}
	.author {
			font-size: .8em;
			font-style: normal;
			float: right;
			width: auto;
	}
	
	.darkcolor p {
		margin: 10px 20px;
		padding: 0;
		}
	
.center {
	text-align: center;
	}


/* Ordered and Unordered Lists */
ul {
	margin: 1em 0;
	}
li {
	font-family: 'Lucida Grande', Verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	margin-bottom: 5px;
	padding-right: 1.5em;
	}
	
ul.newslinks {
	margin: 0;
	padding: 0;
	}
		
	.widget_wpcmsplus_page_list ul {
		list-style-type: none;
		margin: 0 auto;
		padding: .5em 0;
		width: 960px;
		text-align: left;
		}
	.widget_wpcmsplus_page_list ul li {
		border-top-width: 0;
		display: inline;
		margin: 0 2em 0 0;
		padding: 0;
		}

	ul.endorsement li strong {color: #fff;}
	ul.endorsement {list-style-type: none; padding-left: 0}
	ul.endorsement li {border-bottom: 1px solid #298500; margin-bottom: 1.5em; margin-top: 1em}
	ul.endorsement li a {line-height: 3em; padding: 1em}
	
	

/* Misc Tags */
acronym {
	border-bottom: 1px dotted #666;
	cursor: help
	}
	
	

		


		
/* Links */
a:link {
	color: #fff;
	text-decoration: none;
	}
	
a:visited {
	color: #fff;
	text-decoration: none;
	}
	
a:hover {
	color: #fff;
	text-decoration: underline;
	}
	

	
.button {
	position: relative;
	top: 2em;
}

.button a {
	background-image:url(../images/button.png);
	display: block;
	height: 61px;
	margin: 0 auto;
	width: 430px;
	text-decoration: none;	
	}
	
.button a span {
	font-size: .85em;		
	position: relative;
	top: .75em;
	}
.button a span img {
	margin: 0 .5em 0 0;
	position: relative;
	top: .75em;
	}
	
	

/* Main Nav */
#mainnav {
	list-style-type: none;
	margin: 2em 0 0 0;
	padding: 0;
	text-align: right;
	width:710px;
	}

#mainnav li {
	font-size: 1.1em;
	display: inline;
	margin: 0 2em 0 0;
	padding: 0;
	}
		
	#mainnav li.selected a  {
	color: #390;
	font-weight: bold;
	}
	
	li.current_page_item a  {
	color: #000;
	font-weight: bold;
	}

	
/* Data Tables */
	
table {
	border-collapse: collapse;
	margin: 2em 0;
	padding: 0;
	width: 100%;
	}
	
	
		
	.fullcontent table {
		width: 960px;
		}
		
		.left table, .right table {
		width: 460px;
		}
	
td {
	border-bottom: 1px dotted #298500;
	padding: .7em 1em .7em .5em;
	}
	
 th {
	font-weight: bold;
	padding: .7em .5em .7em .5em;
	text-align: left;
	vertical-align: bottom;
	}
	
	th[scope="col"]  {border-bottom: 2px groove} 
	th[scope="row"]  {vertical-align: top; border-bottom: 1px dotted #298500;}
	th[scope="col"]  {border-bottom: 2px groove} 
	th[scope="row"]  {vertical-align: top; border-bottom: 1px dotted #298500;}
	

input[type="text"], textarea {padding: .75em; width: 450px; margin-right: 1em; margin-top: .5em; }

.wpcf7-validation-errors, .wpcf7-not-valid-tip-no-ajax{ background-color: #FF9; padding: .5em; color: red}
		
/* Image Handling */
img {
	border-style: none;
	margin: 0;
	padding: 0;
	}
	
img.photo {
	padding: .5em;
	background-color: #fff;
	margin: 1em 0;
}

img.border{
	border:5px solid #fff;
	margin:2px; padding:0;}
	
.gallery {
		padding: 10px 0;
}
	
.gallery a {
		float: left;
		padding: 5px;
		background-color: #fff;
		margin-right: 1.5em;
		margin-bottom: 1.5em;
}







/* jQuery Styles */

.panel-slide {
	visibility: hidden;
}


/*jquery cycle */	
#nav {position: relative; top: 125px; text-align:right; margin-right: 1em}
.bannerlink {margin: 0 .75em; padding: 0; display: inline;}
.bannerlink img {display: none;}
.bannerlink a:link, .bannerlink a:visited, .bannerlink a:active {color: #fff; text-align: center; margin: 0; padding: 0; text-decoration: none;}
.bannerlink a.activeSlide {color: #000; font-weight: bold}
.bannerlink a:focus {outline: none}







/* 24-row GRID system by LCesar:
(do not nest grid within floated elements.)
//////////////////////////////////////*/
/* percentGRID24-row ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.percentGRID24-row{
	display:block;
	clear:both;
	width:100%;
	overflow:visible;}
.percentGRID24-row:after{
	/*IE-6 and IE-7 does NOT support ":after", so need to triger has-layout for those 2 browsers*/
    content:".";
    display:block;
    height:0;
    clear:both; position:relative;
    visibility:hidden;}
.percentGRID24-row{
	display:inline-block;}
/* Hide from IE Mac \*/
.percentGRID24-row{display:block;}
/* End hide from IE Mac */
.percentGRID24-row .GRID-col{
	display:block;
	float:left;
	zoom:1;	
	height:100%;
	vertical-align:top;
	/* 12 col GRID:
	margin-right:3%;*/
	margin-right:2.5%;
	*margin-right:2%;/*ie-7, IE6 Fix*/
	overflow:visible;
	word-wrap: break-word;/*IE-only*/}
/* 24 col GRID:*/
.percentGRID24-row .span-1{	width:1.75%;}
.percentGRID24-row .span-2{	width:6%;}
.percentGRID24-row .span-3{	width:10.25%;}
.percentGRID24-row .span-4 {	width:14.5%;}
.percentGRID24-row .span-5 {	width:18.75%;}
.percentGRID24-row .span-6 {	width:23%;}
.percentGRID24-row .span-7 {	width:27.25%;}
.percentGRID24-row .span-8 {	width:31.5%;}
.percentGRID24-row .span-9 {	width:35.75%;}
.percentGRID24-row .span-10{	width:40%;}
.percentGRID24-row .span-11{	width:44.25%;}
.percentGRID24-row .span-12{	width:48.5%;}
.percentGRID24-row .span-13{	width:52.75%;}
.percentGRID24-row .span-14{	width:57%;}
.percentGRID24-row .span-15{	width:61.75%;}
.percentGRID24-row .span-16{	width:66%;}
.percentGRID24-row .span-17 {width:70.25%;}
.percentGRID24-row .span-18 {width:74.5%;}
.percentGRID24-row .span-19 {width:78.75%;}
.percentGRID24-row .span-20 {width:83%;}
.percentGRID24-row .span-21 {width:87.25%;}
.percentGRID24-row .span-22{	width:91.5%;}
.percentGRID24-row .span-23{	width:95.75%;}
.percentGRID24-row .span-24{	width:100%;}
.percentGRID24-row .last{
	margin-right:0;}
.percentGRID24-row .last:after{
	content: '';
	clear:both;}
/* // END 24-row GRID system.
//////////////////////////////////////*/