/*
Theme Name: CPF - Learn
Version:
Theme URI: 
Author: Online Matters
Author URI: 
Description: 

License Information:

All files in this theme is released for free under Creative Commons License.
You can redistribute it and/or modify it under the terms of the Attribution-NonCommercial-ShareAlike as published by the Creative Commons License, version 2.5 of the License.
This theme is distributed in the hope that it will be useful, but comes as is, without any warranty and/or without any implied warranty.

See the Creative Commons License (Attribution-NonCommercial-ShareAlike 2.0)
for more details at http://creativecommons.org/licenses/by-nc-sa/2.5/.
*/


/* presentation */

body {
	font: 62.5% "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	/* font: 62.5% "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif; */
	color: #666;
	background: #dddddd url(images/bkgnd-gradient-bluegray.jpg) repeat-x; /*former: #5aa000, #668800*/
	/* background: #e3f3fa; */
	margin: 0;
	padding: 0;
}

html, body{
	height: 100%;
}

a { color: #0093d0; text-decoration: none; }
/* a:visited { color: #336699; } */
a:hover{ color: #69c; text-decoration: underline; }
a:active { color: #4a9cba; }


.thecontent a, .thecontent p a {  
	/* removed by adam since it applies to images
	background: url(images/dot.gif) repeat-x bottom left;  */
	/* text-decoration: underline; */
}

.underlined a, .underlined p a {  
	text-decoration: underline;
}

#footer a {  
	background: url(images/dot.gif) repeat-x bottom left;
}

/* icon after external links */
#blogs a[rel=external], #no-sidebar a[rel=external]{
	background: url(images/icon_external.gif) no-repeat center right;
	padding-right: 13px;
}

#blogs a:hover[rel=external], #no-sidebar a:hover[rel=external]{
	background: url(images/icon_external-h.gif) no-repeat center right;
	padding-right: 13px;
}


/* HTML =TAGS
------------------------------------*/

abbr, acronym { cursor: help; }

code, pre, kbd, samp{
	font-family: "Courier New", Courier, Monospace;
	font-size: 1.0em; /* changed by adam from 1.1em */
	color: #666666;
	padding-left: 3px;
	display: block;
	background: #eee; /* added by adam */
	border: solid 1px #aaa;  /* added by adam */
	padding: 10px;  /* added by adam */
	overflow: auto; /* added by adam to insert textarea */
	width: 90%; /* added by adam to insert textarea (IE) */
	height: 70px; /* added by adam to insert textarea (IE) */
}

/* commented out by adam
pre {
font-size: 1.1em;
display: block;
padding: 5px 0;
margin: 0;
}
*/

address{
	margin-left: 30px;
}

blockquote{
	color: #666;
	border-left: 7px solid #ccc;
	padding-left: 6px;
	margin-left: 10px;
}

hr.clear{
	visibility: hidden;
	margin: 0;
	padding: 0;
}

div hr { display: none; }

div.hr{
	background: url(images/hr.gif) no-repeat center center;
	height: 20px;
	margin: 5px 0 15px 0;
}

/*---- forms ------*/

label, select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
} 

input, textarea, select{
	font-size: 1.0em;
	background: #D9E8F8;
	border: 1px solid #999;
	padding: 2px;
}

textarea { font-size: 1.4em; }

input:focus, textarea:focus{
	background: #fff;
}

input:hover { background: #ffcc00; color: #333; }

fieldset{
	border: 1px solid #ccc;
	margin: 0;
	padding: 5px;
}

#search fieldset label { display: none; }

input#searchsubmit{
	width: 60px;
	margin: 4px;
	padding: 2px;
}


/* LAYOUT
--------------------------*/

#container{
	padding: 0;
	margin: 0 0 0;
	width: auto;
	min-height: 100%;
	height: 100%;
	background: url(images/bkgnd-shadow.png) repeat-y center;
	background: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;

}


html>body #container {
	height: auto;
}


#wrapper{
	font-size: 110%;
	width: 830px; /* changed from 730 by adam */
	margin: 0 auto;
	/* background: #fff url(images/bkgnd-content-shadow.jpg) repeat-y 0 center;
	border-top: 5px solid #eeeeee;
	border-bottom: 5px solid #eeeeee; */
	background: #fff;
	border: 2px solid #eeeeee;
	padding-top: 0;
	overflow:hidden;
}

#blogheader{
	position: relative;
	background: url(images/cpf-logo-banner.gif) no-repeat center 0;
	width: auto;
	height: 125px;
}

#titlebar{
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	width: 830px;
}

/* content - contains blogs and sidebar */
#content{}

/* currently needs no styling - free to use as custom hook */
#contentwrapper{}

#blogs{
	float: left;
	width: 560px; /* changed from 520 by adam; should be 620 to accommodate sidebar */
	padding: 0 0 20px 0;
	/* background: url(images/bg_side-bottom.gif) no-repeat left bottom; */
}

#no-sidebar{ /* added by adam */
	 float: left;
	 width: 100%;
	 padding: 0 0 70px 0;
	 /* background: url(images/bg_side-bottom.gif) no-repeat left bottom; */
}

#sidebar{
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	float: right; /* changed by adam, was left */
	width: 234px; /* changed by laura, was 200 */
	margin-right: 20px;
	overflow: hidden;
}


/* HEADINGS
-----------------------------------*/

#titlebar a{
	color: #cc9900;
}

#titlebar .skiplink { padding-right: 12px; }

h1#blogtitle {
	margin: 0;
	padding: 0;
}

/* this is for the logo image in place of text */
#blogtitle { position: absolute; top: 34px; left: 55px; font-size: 2.5em; } 
/* for text: #blogtitle { position: absolute; top: 70px; left: 65px; font-size: 2.5em; } */
/* orig: #blogtitle { position: absolute; top: 70px; left: 65px; font-size: 2.3em; } */
/* #blogdescription { position: absolute; top: 100px; left: 65px; font-size: 1.2em; */
#blogdescription { position: absolute; top: 110px; left: 67px; font-size: 1.2em; }

h1#blogtitle a{ color: #3F6F00; } /* added by adam */ 

h2#blogdescription{ color: #333333; }

h2#blogdescription {
	margin: 0;
	padding: 0;
}

#sidebar h2, #sidebar h3{
	margin: 0;
	padding: 6px 0 2px 0;
}

h2.tag, h2.tagline{
	text-align: center;
	color: #036;
	margin-left: 65px;
}

h2.tag     { font-size: 3.0em; }
h2.tagline { font-size: 2.2em; }

h2, h3, h4, h5, h6, #search fieldset legend, #boxed fieldset legend{
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	color: #0093d0;
	margin: 0;
	padding: 6px 0 3px 0px;
}

#sidebar h3, #search fieldset legend, #boxed fieldset legend{
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 6px 0;
	/* padding: 3px 0; */
	/* color: #336699; */
	color: #595959;
}

.storycontent h4{
	font-size: 1.4em;
}

#blogs p, #no-sidebar p{
	padding: 5px 0 5px 0;
	margin: 0;
}

#blogs .fullcontent, #no-sidebar .fullcontent{
	padding: 0 20px 0 20px;
	background: #fff;
}

.hidden{
	display: none;
}

.clear{
	clear: both;
}


/* POST =STORY
---------------------------------------------------*/

div.postnavigation{
	margin: 0;
	padding: 15px 30px 15px 70px;
	background: url(images/bg_blu.gif) repeat-y left;
}

div.postnavigation span.previous,
div.postnavigation span.next { display: none; }

.storytitle, .storytitle a:visited, .storytitle a, .pagetitle, .pagetitle a:visited, .pagetitle a, h3, .storycontent h4{
	font-size: 1.1em;
	color: #595959;
}

h1.storytitle {
	font-size: 2.2em;
}

h2.storytitle {
	font-size: 14px;
}

.storytitle {
	/* background: url(images/icon_post.gif) no-repeat 0 2px; */
	margin: 7px 0 0 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 2px;
	/* color: #0093d0;
	font: normal normal 2.6em Georgia, "Times New Roman", Times, serif; */
	font-size: 2.6em;
	line-height: 1.2em;
	color: #595959;
}

.pagetitle {
	/* background: url(images/icon_post.gif) no-repeat 0 2px; */
	margin: 7px 10px 0 50px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 2px;
	/* color: #0093d0;
	font: normal normal 2.6em Georgia, "Times New Roman", Times, serif; */
	font-size: 2.6em;
	color: #595959;
}

#blogs div.storycontent div.thecontent h2 {
	font-size: 14px;
	color: #666;
}

.storytitle a:hover, .pagetitle a:hover {
	text-decoration: none;
}

.storycontent{
	position: relative;
	margin: 0;
	padding: 5px 0 5px 0;
	background: none repeat-y left;
}

.date, .meta{
	font-size: 1.0em;
}


.thecontent h1{
	font-size: 17px;
}

.thecontent h3{
	font-size: 14px;
}

.thecontent{
	font: 14px "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height:18px;
	padding: 0 10px 0 30px;
}

.widecontent{
	font: 1.2em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif;
	/* font: 1.0em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif; */
	margin: 0 5px 0 5px;
	/* background: #fff added by adam so it works without wrappers */
}

body#page #blogs p, body#page #no-sidebar p{ margin-left: 0; padding: 5px 0 5px 0;}

body#page .storytitle, .pagetitle {
	margin: 7px 0 0 0;
}

.storycontent ul, .storycontent ol{
	margin-left: 15px;
	padding: 0;
	list-style: square outside;
}

.postmeta{
	background: #eff5fb url(images/fade_blue.gif) repeat-y top right;
}

.filedunder{
	float: left;
	text-indent: 12px;
}

.date{
	float: left;
	margin-left: 8px;
	color: #336699;
}

.filedunder a{ font-weight: bold; }
.filedunder a:visited, .filedunder a, .filedunder{ color: #336699;}
.filedunder a:hover{ color: #000; }
.filedunder, .date, #sidebar h3{ line-height: 20px; }

.meta li.permalink{
	background: url(images/icon_permalink.gif) no-repeat 0 2px;
	padding-left: 11px;
	margin: 4px 0 0 0;
}

.meta li.comments{
	background: url(images/icon_comment.gif) no-repeat 0 2px;
	padding-left: 11px;
	margin: 4px 0 0 0;
}

.meta{  
	margin: 0 0 0 50px;
}

.meta ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.meta ul li {
	list-style: none;
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
}


/* COMMENTS =feedback
----------------------------------------*/

.feedback{
	width: 80%;
	clear: both;
	margin: 10px 10px 10px 30px;
}

h3.comments{
	margin: 0;
	padding: 5px 0;
}

ol.commentlist{
	list-style: none;
	margin: 0;
	padding: 0;
}

#blogs ol.commentlist li{
	margin: 0;
}

.commentlist .gravatar{
	border: 1px solid #ccc;
	width: 40px;
	margin: 5px;
}

.comment-head{
	background: url(images/comment_head.gif) no-repeat left center;
	height: 15px;
}

.fullcomment{
	width: 330px;
	background: url(images/comment_foot.gif) no-repeat bottom left;
	padding-bottom: 40px;
	margin: 15px 0 0 15px;
}

.comment-wrapper{
	width: 320px;
	background: #EEF3F9;
}

.comment-content{
	clear: both;
	width: 300px;
	padding: 0 15px;
}


/* Home Styles */

#home-buttons {
	width: 508px;
	height: 450px;
	margin-top:10px;
}

#home-buttons a, #home-buttons a:hover{
	position:relative;
	display:block;
	float:left;
	margin-bottom:13px;
	text-decoration: none;
}

#home-buttons a span{
	position:absolute;
	top:185px;
	left:20px;
	line-height:16px;
	cursor:hand;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}

.home-buttons-odd{
	margin-right:18px;
}

.home-buttons-even{
	margin-right:0;
}

#home-buttons img {
	border: none;
}


/* =ul , =ol , =li
--------------------------------------*/

#sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#blogs ul, #no-sidebar ul{
	margin: 0 0 10px 10px;
	padding: 5px 0 5px 10px;
}

#blogs dl, #no-sidebar dl { padding-left: 10px; }
#blogs dt, #no-sidebar dt { font-weight: bold; }

#blogs dl dd, #no-sidebar dl dd{
	margin: 0;
	padding: 2px 2px 4px 12px;
}

/* for post links */

.sidebar-container {
	padding-bottom: 6px;
	background: #f0f3f4 url(images/img_blockbottom.gif) center bottom no-repeat;}

.postlist li {
	background: url(images/img_bulletraquo.gif) 6px 12px no-repeat;
	list-style: none;
	line-height: 17px;
	padding: 6px 10px 6px 18px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
}

#sidebar h3 {
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 3px;
	height: 23px;
	background: url(images/img_blocktop.gif) no-repeat 0 0;}

/* for page links (added by adam) */
.pages li {
	list-style: none;
	line-height: 20px;
	background: url(images/icon_post.gif) no-repeat 0 0;
	padding: 0 0 0 30px;
}


/* for external links */
#blogs .linklist li, 
#no-sidebar .linklist li, 
#sidebar .linklist li, 
#sidebar .linklist dt{
	list-style: none;
	background: url(images/icon_paper-arrow-out.gif) no-repeat 0 0;
	padding: 3px 0 1px 20px;
}

/* for archived links */
#sidebar ul.archivelist li{
	background: url(images/icon_paper-archive.gif) no-repeat 0 0;
	padding-left: 20px;
	line-height: 20px;
}

#sidebar ul.linklist li{
	margin: 0 0 5px 0;
}

#sidebar ul.linklist br{
	line-height: 10px;
}

#sidebar dl.linklist dd{
	color: #666;
	padding: 0;
	margin: 3px 0 5px 17px;
}


/* =sidebar
--------------------------------------*/

#sidebar ul.sideblocks>li ul.children{
	margin: 0;
	padding: 0 0 0 5px;
}

#sidebar ul.sideblocks { margin: 10px; }
#sidebar ul.sideblocks>li { margin: 10px 0; font: 1.0em/1.4em Tahoma, Arial, Helvetica, sans-serif; }

#sidebar h3 a { color: #6FA7DF; }
#sidebar h3 a:hover { color: #369; }

#sidebar li a { color: #595959; }
#sidebar li a:hover { color: #000; text-decoration: underline; }
#sidebar li { color: #666; }

#sidebar h4{ color: #666; margin: 2px 0 0 0px; padding:0; text-align: left;}

#sidebar p{
	text-align: justify;
	line-height: 1.3em;
	margin: 0;
	padding: 3px 2px;
}

#sidebar #calendar{ padding: 10px 0 0 0; }


/* FOOTER
--------------------------------------------*/

#footer {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #ffffff;
	clear: both;
	height: 60px; /* change to 110 to fit phone number */
	width: 680px;
	margin: 0 auto;
	padding: 0;
}

#footer ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer .footerinner-a,
#footer .skiplinks{
	float: left;
	padding: 0;
}

#footer .footerinner-a{
	margin: 10px 0 0 20px;
}

#footer .skiplinks{
	padding: 9px 35px;
}

#footer .skiplinks li { display: inline; }

.footerinner-a a { font-weight: bold; }

#footer .footerinner-a ul{  }
#footer .footerinner-a li{ display: inline; margin-right: 5px; }


/* ALIGN
-------------------------------------*/

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

div.float{
	float: left;
	width: 48%;
	margin: 0;
	padding: 0.5%;
}

div.aligncenter{
	margin: 0 auto;
	text-align: center;
}

div.alignleft li{
	padding: 0 0 0 8px;
}


/* IMAGES =IMG
-----------------------------------*/

img.alignleft{
	margin: 0 10px 5px 0;
}

div.alignleft img{
	padding: 8px 18px;
}

img.alignright{
	margin: 0 0 5px 10px;
}

img.bordered{
	border: 2px solid #ccc;
	padding: 1px;
}

img.rssbutton{
	border: none;
	margin: 0;
	padding: 4px 2px 0 2px;
	background: none;
}

#blogs .thumbnails, #no-sidebar .thumbnails{
	width: 400px;
	margin: 0 0 5px 12px;
}

img.thumbnail{
	border: 1px solid #69c;
	margin: 0 3px 3px 0;
}

a:hover img.thumbnail { border: 1px solid #dd6900; }

/* img.a */ 

/* CALENDAR
-----------------------------------------*/

#wp-calendar {
	font-family: Arial, Helvetica, sans-serif ;
	empty-cells: show;
	font-size: 0.95em;
	margin: 8px auto;
	width: 90%;
}

#wp-calendar td a { font-weight: bold; background: #D9E8F8; padding: 2px 4px; }

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	background: 0 none;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	background: 0 none;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}


#wp-calendar caption {
	color: #dd6900;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

#wp-calendar td {
	letter-spacing: normal;
	padding: 0 0;
	text-align: center;
}

#wp-calendar #today {
	color: red;
	font-weight: bold;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}


/* NAVI =PAGENAV
-------------------------------------*/

.page-navi{
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
	color: #999999;
	margin: 12px 10px;
}

.page-navi a{
	padding: 0 4px;
	color: #ccc;
	border: 1px solid #ccc;
}

.page-navi a:hover{
	border-color: #999;
	background-color: #999;
	color: #fff;
	text-decoration: none;
}

.page-navi .pageoff{
	padding: 0 4px;
	border: 1px solid #666;
	background-color: #666;
	color: #fff;
}


/* NAVI =MAINNAV
--------------------------------------------------*/

#mainNav {
	font: normal bold 1em Verdana, Arial, Helvetica, sans-serif;
	/* font: normal bold 1em "Lucida Grande", Arial, Helvetica, sans-serif; */
	text-align: left;
	background: url(images/nav-tab-bkgnd.gif) repeat-x;
	margin-right: auto;
	margin: 0;
	padding: 0;
	width: 830px;
}

#mainNav li {
	padding: 5px 0 0;
	margin: 0 0 0 4px;
	border-right: 2px solid #fff;
	float: left;
	list-style-type: none;
	display: block;
	border-top: 1px none #000;
	height: 33px;
}

#mainNav ul {
	margin: 0;
	padding-left: 45px;
	padding-bottom: 0;
	display: block;
	float: left;
	padding-top: 0;
}

#mainNav li.page_item a {
	color: #ffffff;
	border-right-style: none;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 10px 0;
}

#mainNav .page_item a:visited:hover,
#mainNav .page_item a:hover,
#mainNav li.page_item.current_page_item a, /* added by adam to fix IE */
#mainNav .page_item.current_page_item a {
	text-decoration : none;
	color: #333;
	border-right-color: #fff;
}


/* footer-nav (copied and modified from mainNav)
--------------------------------------------------*/

#footer-nav {
	font: 0.95em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top:15px;
}

#footer-nav li {
	display: inline;
	margin-right: 0;
}

#footer-nav ul {
	margin: 0;
	padding: 6px 0;
}

#footer-nav li.page_item a {
	padding: 5px 6px;
	/*  color: #ffffff;
	background: #6699cc; */
}

#footer-nav .page_item a:visited:hover,
#footer-nav .page_item a:hover,
#footer-nav .page_item.current_page_item a {
	padding : 5px 6px;
	text-decoration : none;
	/* background : #ffcc00;
	color: #333; */
}


/*---- simple clearing ----*/

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

/* faq settings */

.faq_cat {
	margin-top: 30px;
	border: 1px solid white;
}
.faq_cat_label {
	padding-right: 10px;
	font-weight: bold;
	font-size: 1.2em;
	background: #f5f6f7;
}
.faq_label {
	padding-right: 10px;
	font-weight: bold;
	font-size: 1em;
}
.faq_q {
	margin-top: 10px;
}
.faq_q .faq_q_content {
	margin-left: 10px;
}
.faq_a {
	padding-top: 5px;
	margin-left: 20px;
	padding-left: 5px;
	border-left: 1px solid gray;
}
.faq_ask {
	border-top: 1px solid gray;
	margin-top: 20px;
	padding-top: 20px;
}
.faq_ask textarea {
	width: 95%;
}

/* EoF */

/* Home page 2 col layout styles */

.homeCol1 {
	border: 1px solid #CCC;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 244px;
}
#blogs .homeColWrapper p, #blogs .homeColWrapper ul li {
	font-size: 12px;
	line-height: normal;
}
#blogs .homeColWrapper li {

	list-style-type: disc;

	margin-bottom: 8px;
}

#blogs .homeColWrapper ul {
	margin-left: 10px;
	list-style-position: outside;
	margin-right: 10px;
}


#blogs .homeColWrapper img.homeColimage {
	margin: 0px;
	padding: 0px;
}
.homeCol2 {
	border: 1px solid #CCC;
	width: 244px;
	float: right;
	margin-right: 15px;
}
.homeCol1 h1, .homeCol2 h1 {

	margin: 0px;
	padding: 10px 5px 10px 10px;
	font-size: 19px;
}
.homeCol1 h1 {
	background-color: #ffffff; /* #E3F3FA; #def1f9; */
	color: #7ab700; /* #595959; #0093d0; */
}
.homeCol2 h1 {
	background-color: #ffffff; /* #f2f9df; */
	color: #7ab700; /* #7ab700; */
}
#blogs div.homeColWrapper p {
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;

}
#blogs div.homeColWrapper h2 {
	padding-left: 10px;
	line-height: normal;
	font-size: 12px;
}
#blogs div.homeColWrapper p a img {
	margin-left: 5px;
}
div.homeColWrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	/* border-top: 1px solid #ccc; */
	padding-top: 20px;
	padding-left: 5px;
	/* border-bottom: 1px solid #ccc; */
}
#blogs div.storycontent div.thecontent div.homeColWrapper h2 {
	color: #383838;
}
.homeCol1, .homeCol2 {
	height: 350px;
}

/* Imported SPT styles */

.small { font-size : 8pt; }

table.white { background-color: #FFF; color: #333; }
tr.white { background-color: #FFF; color: #333; }
th.white { background-color: #FFF; color: #333; }
td.white { line-height: normal; background-color: #FFF; color: #333; }

table.pink { background-color: #FFC0CB; color: #333; }
tr.pink { background-color: #FFC0CB; color: #333; }
th.pink { background-color: #FFC0CB; color: #333; }
td.pink { background-color: #FFC0CB; color: #333; }

table.orange { background-color: #FF9600; color: #FFFFFF; }
tr.orange { background-color: #FF9600; color: #FFFFFF; }
th.orange { background-color: #FF9600; color: #FFFFFF; }
td.orange { background-color: #FF9600; color: #FFFFFF; }

table.lightorange { background-color: #FFE79C; color: #000; }
tr.lightorange { background-color: #FFE79C; color: #000; }
th.lightorange { background-color: #FFE79C; color: #000; }
td.lightorange { background-color: #FFE79C; color: #000; }

table.blue { background-color: #ccc; color: #FFFFFF; }
tr.blue { background-color: #0093d0; color: #FFFFFF; }
th.blue { background-color: #6699CC; color: #FFFFFF; }
td.blue { background-color: #6699CC; color: #FFFFFF; }

table.lightblue { background-color: #99CCFF; color: #333; }
tr.lightblue { background-color: #99CCFF; color: #333; }
th.lightblue { background-color: #99CCFF; color: #333; }
td.lightblue { background-color: #99CCFF; color: #333; }

table.paleblue { background-color: #D6E7F7; color: #333; }
tr.paleblue { background-color: #D6E7F7; color: #333; }
th.paleblue { background-color: #D6E7F7; color: #333; }
td.paleblue { background-color: #D6E7F7; color: #333; }

table.bluebox { 
	background-color: #D6E7F7;
	border: 1px solid #6699CC;
	color: #333;
}

table.whitebox { 
	background-color: #FFFFFF;
	border: 1px solid #6699CC;
	color: #333;
}

table.goldenrod { background-color: #DAA520; color: #333; }
tr.goldenrod { background-color: #DAA520; color: #333; }
th.goldenrod { background-color: #DAA520; color: #333; }
td.goldenrod { background-color: #DAA520; color: #333; }

table.yellow { background-color: #FFE79C; color: #333; }
tr.yellow { background-color: #FFE79C; color: #333; }
th.yellow { background-color: #FFE79C; color: #333; }
td.yellow { background-color: #FFE79C; color: #333; }

table.darkyellow { background-color: #FFCC00; color: #333; }
tr.darkyellow { background-color: #FFCC00; color: #333; }
th.darkyellow { background-color: #FFCC00; color: #333; }
td.darkyellow { background-color: #FFCC00; color: #333; }

table.yellowbox { 
	background-color: #FFE79C;
	border: 1px solid #FFCC00;
	color: #333;
}
tr.yellowbox { 
	background-color: #FFE79C;
	border: 1px solid #FFCC00;
	color: #333;
}
th.yellowbox { 
	background-color: #FFE79C;
	border: 1px solid #FFCC00;
	color: #333;
}
td.yellowbox { 
	background-color: #FFE79C;
	border: 1px solid #FFCC00;
	color: #333;
}
table.lightyellow { background-color: #FFEFBF; color: #333; }
tr.lightyellow { background-color: #FFEFBF; color: #333; }
th.lightyellow { background-color: #FFEFBF; color: #333; }
td.lightyellow { background-color: #FFEFBF; color: #333; }

table.teal { background-color: teal; color: #333; }
tr.teal { background-color: teal; color: #333; }
th.teal { background-color: teal; color: #333; }
td.teal { background-color: teal; color: #333; }

table.navy { background-color: navy; color: #FFFFFF; }
tr.navy { background-color: navy; color: #FFFFFF; }
th.navy { background-color: navy; color: #FFFFFF; }
td.navy { background-color: navy; color: #FFFFFF; }

table.palegreen { background-color: #DEE7DE; color: #333; }
tr.palegreen { background-color: #DEE7DE; color: #333; }
th.palegreen { background-color: #DEE7DE; color: #333; }
td.palegreen { background-color: #DEE7DE; color: #333; }

table.lightgreen { background-color: #C6D7CE; color: #333; }
tr.lightgreen { background-color: #C6D7CE; color: #333; }
th.lightgreen { background-color: #C6D7CE; color: #333; }
td.lightgreen { background-color: #C6D7CE; color: #333; }

table.darkgreen { background-color: #668604; color: #FFFFFF; }
tr.darkgreen { background-color: #668604; color: #FFFFFF; }
th.darkgreen { background-color: #668604; color: #FFFFFF; }
td.darkgreen { background-color: #668604; color: #FFFFFF; }

table.green { background-color: #7AB700; color: #333; }
tr.green { background-color: #7AB700; color: #333; }
th.green { background-color: #7AB700; color: #333; }
td.green { background-color: #7AB700; color: #333; }

table.greenbox {
	color: #000;
	background-color: #ddeea8;
	padding: 10px;
	border: 1px solid #ccc;
} 
td.greenbox { 
	background-color: #D6EA99;
	border: 1px solid #FFFFFF;
	color: #333;
}

th.greenbox { 
	background-color: #D6EA99;
	border: 1px solid #FFFFFF;
	color: #333;
}

table.maroon { background-color: #940000; color: #FFFFFF; }
tr.maroon { background-color: #940000; color: #FFFFFF; }
th.maroon { background-color: #940000; color: #FFFFFF; }
td.maroon { background-color: #940000; color: #FFFFFF; }

table.gray { background-color: #EEEEEE; color: #333; }
tr.gray { background-color: #EEEEEE; color: #333; }
th.gray { background-color: #EEEEEE; color: #333; }
td.gray { background-color: #EEEEEE; color: #333; }

table.darkgray { background-color: #BBB; color: #000; }
tr.darkgray { background-color: #BBB; color: #000; }
th.darkgray { background-color: #BBB; color: #000; }
td.darkgray { background-color: #BBB; color: #000; }

table.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}
tr.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}
th.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}
td.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}

table.darkgraybox { 
	background-color: #D9D9D9;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #EEEEEE;
	color: #333;
}

table.grid { 
	background-color: #FFF;
	border: outset 1pt #ddd;
	border-collapse: collapse;
	empty-cells: show;
	color: #000;
}

tr.grid { border: inset 1pt #ddd; }

td.grid { border: inset 1pt #ddd; }

.addtoany_share_save_container{
	margin:5px 0;
}

.local-list h3{
	padding:0;
	margin:0;
}

.local-list{
	display:inline-block;
	width:90%;
	background:#eee;
	border:1px solid #cdcdcd;
	margin: 15px 30px 0px 30px;
	padding: 13px;
}

.local-list td{
	width: 14%;
	vertical-align: top;
	text-align:left;
}

a.request-quote-link{
	display:block;
	text-align: center;
}

a.request-quote-link img, img.request-quote{
	width:175px;
	height:45px;
}

/* Lead Form ************************/

#sidebar #lead-form-1 h2, #content #lead-form-1 h2 {
	color:#fff;
	margin:15px 0 10px 15px;
	padding:0;
	height:35px;
	font-size:17px;
	line-height:18px;
}

.form-block{
	display:block;
	float:left;
	overflow:visible;
	width:46%;
}

#lead-form-1{
	height:261px;
	/*height: 280px;*/
	width:232px;
	background:url(images/leafy-blue.png) top left no-repeat;
	overflow: hidden;
}

#lead-form-top{
	height:61px;
	width:214px;
	display: none;
}

#lead-form-1 form{
	display:block;
	font-size: 11px;
	padding:5px 0px 0 15px;
	line-height: 20px;
	margin:0;
}

#lead-form-1 .instructions{
	color:#fff;
	font-style: normal;
}

#lead-form-1 input{
	font-size: 10px;
}

form{
	margin:0;
	padding:0;
	display:block;
	font-size:10px;
}

form label{
	display:block;
	font-weight:bold;
	color:#222;
}

form input.text, form textarea{
	border:1px solid #cdcdcd;
	background:#fff;
	font-size: 10px;
	width:85%;
	padding:2px;
	margin:1px;
}

#lead-form-2 input.text{
	width:168px;
}

form select{
	border:1px solid #cdcdcd;
	background:#fff;
	font-size: 10px;
	padding:1px;
	margin:1px;
}

#lead-form-2{
	width:490px;
	float:left;
	margin-left:20px;
}

.lead-form-2{
	margin-bottom: 20px;
	background:#389BC4;
	margin-left:20px;
}

.lead-form-2-top{
	font-weight:bold;
	font-size:18px;
	color:#fff;
	padding:15px 0 10px 15px;
	background:#095777;
}

.lead-form-2 .input-area-1{
	padding:5px 0 15px 15px;
	float: left;
	width: 42%;
}

.lead-form-2 .input-area-2{
	padding:5px 0 15px 15px;
	float: left;
	width: 42%;
}

.lead-form-2 a{
	float:right;
	margin-right:60px;
}

.input-area-1 label, .input-area-2 label {
	padding-top: 10px;
}

.lead-form-2 #full {
	padding:0 0 5px 15px;
	width: 100%;
}

div.leadBanner {
	background: url(images/lead-banner.png) no-repeat;
	height: 270px;
	width: 800px;
	margin-left: -25px;
	padding-bottom: 20px;
	margin-top: 10px;
}

.leadText {
	padding: 20px 0 0 150px;
}

.leadBanner h1 {
	font-size: 36px;
	color: #ffffff;
	line-height: 38px;
}

div.storycontent div.thecontent h2#leadBanner {
	font-size: 20px;
	color: #ffffff;
}

.leadBanner ul {
	list-style: none outside;
	padding: 5px 0px 0px 2px;
	margin: 0px;
	font-size: 14px;
	color: #ffffff;
	line-height: 22px;
}

.leadBanner li {
	background-image: url(images/bullet-arrow.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin: 5px 0;
	list-style: none outside;
}

img.request-quote {
	margin-left: -3px;
	padding-top: 5px;
}


/* End Lead Form ************************/

h2 {
	font-size:16px;
}