/*
	WHAT IS A WEBUCATOR
	DEC 1ST, 2008
*/

/*_COLORSCHEME
gray bg:  #e2e1e1;
dark blue:  #1d2e3e;
lt blue:  #4d6f92;
lime green: #637E13;
orange: #FF7103;
*/
 
html,body{color:#1d2e3e;background:#FFF}p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}a:focus,a:hover{color:#000}a{color:#009;text-decoration:underline}blockquote{margin:1.5em;color:#666;font-style:italic}strong{font-weight:bold}dfn{font-style:italic;font-weight:bold}sup,sub{line-height:0}abbr,acronym{border-bottom:1px dotted #666}address{margin:0 0 1.5em;font-style:italic}del{color:#666}pre,code{margin:1.5em 0;white-space:pre}table{margin-bottom:1.4em;width:100%}th{font-weight:bold;background:#C3D9FF}th,td{padding:4px 10px 4px 5px}tr.even td{background:#E5ECF9}tfoot{font-style:italic}caption{background:#eee}label{font-weight:bold}fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}legend{font-weight:bold;font-size:1.2em}input.text,input.title,textarea,select{margin:0.5em 0;border:1px solid #bbb; }
/* 
input.text:focus,input.title:focus,textarea:focus,select:focus{border:1px solid #73a6ff;}
*/
input.text,input.title{width:300px;padding:5px}input.title{font-size:1.5em}textarea{width:390px;height:250px;padding:5px}div.pad{padding:0px;}

#doc3{background:#FFF; margin:0; padding:0;}
.wrapper{width:760px; margin-right:auto; margin-left:auto;}

/*_META*/
#meta {
   text-align: right;
   background:#1d2e3e url(/assets/gr/meta/bg.gif) left -3px repeat-x;
   
}
#meta span{   
	background:#101922;
   	border-right:1px solid #4d6f92;
   	border-left:1px solid #4d6f92;
   	border-bottom:1px solid #4d6f92;
	display:inline;
	padding-left:7px;
	padding-bottom:3px;
	margin-right:0px;
}

*:first-child+html #meta span{position:absolute; top:0;right:5px;} * html #meta span{position:absolute; top:0;right:5px;}

#meta a{
	color:#d4e5f6;
	margin-right:7px;
	text-decoration:none;
}
#meta a:hover{text-decoration:underline;}


/*_HEADER*/
#hd {
	height:180px;
	background:#1d2e3e url(/assets/gr/header/bg.gif) left bottom repeat-x;
	border-bottom:10px solid #1d2e3e;
	margin-bottom:0;
}
#logo{
	padding-top:40px;
	color:#FFF;
	position:relative;
}
#logo p{
	margin:0;
	font-weight:bold;
}
#logo p em{position:absolute; left:-9999px;}
#help{
	/*display:none;
	background:url(/assets/gr/header/help-trans.png) left center no-repeat;*/
	background:url(/assets/gr/logo/logo3-trans.png) left center no-repeat;
	width:350px;
	height:180px;
	position:absolute;
	right:0px;
	top:13px;
	z-index:600;
}
#help p.tweet {
	width: 200px;
	border: 1px #101922 solid;
	padding: 5px;
	background: #4d6f92;
	color: #101922;
	float: right;
	font-weight: normal;
}
#help p.tweet span.twitter-message {
	font-weight: bold;
}
*:first-child+html #help{top:10px;} * html #help{top:10px;}

#banner{
	background:#637E13 url(/assets/gr/banner/bg4.gif);
	border-bottom:1px solid #101922;
	z-index:500;
	position:relative;
}
#banner dl{
	font-family: Cambia, Georgia, "Times New Roman", Times, serif;
	margin:0; 
	padding:15px 0;	
	font-size:200%; 
	color:#FFF;
	font-weight:bold;
	text-align:justify;
}
#banner dt{
	position:absolute; left:-9999px;
}
#banner dd{
	margin:0; padding:0px 0;
	line-height:35px;
}
#steps{
/*	background:#FFF url(/assets/gr/content/bg.gif) top left repeat-x; */
	background: #1d2e3e;
	z-index:600;
	margin: 0;
	border-bottom:1px solid #101922;
}
#steps ol{
	margin:0; padding:0;}
#steps ol li{
	float:left;
	text-transform:capitalize;
	font-size:160%; 
	color: #C7DCf0;
	padding-top:10px;
	padding-bottom:10px;
/*	
	border:1px dashed #9bb352; 
	color:#82983e;
*/
	margin: 0 10px;
	text-align: left;
	list-style-position: inside;
	font-weight:bold;
}
#steps ol li.last{
} 
#steps ol li a {
	color: #FFF;
	font-weight:normal;
	font-size:80%;
	text-decoration: none;
}
#steps ol li a:hover {
	text-decoration: underline;
}
#primary{
	min-height:300px;
	padding-bottom:30px;
}
* html #primary{height:300px;}
#primary h3, #primary h1{font-size:180%;text-transform: capitalize}
#primary h4{font-size:120%; text-transform: capitalize}
#primary h4.blog-title {margin-bottom: 20px;}
#primary dt{font-weight:bold;}
#primary dd{margin-bottom:10px;}

#secondary{
	/*background:url(/assets/gr/nav/pipe.gif) top left repeat-y;*/
}
#secondary h3{position:absolute; left:-9999px;}

#primary .brushes {
	padding: 0 138px 150px;
	margin: 0 -138px 80px;
	background: url(/assets/gr/content/bg-h2.png) center bottom no-repeat;		
}
#primary p, #primary dd {
	font-size: 100%;
	line-height:30px;
}
#primary .section-content {
	background: #fff;
	padding: 0 20px 5px;
	font-size: 1.2em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;		
}
#primary .definitions {
    min-height: 282px;
    margin-left: -250px;
    padding-left: 250px;
	background: url(/assets/gr/content/dictionary.png) left top no-repeat;	
}
#primary .the-problem {
    min-height: 282px;
    margin-right: -250px;
    padding-right: 250px;    
	background: url(/assets/gr/content/toilet-paper.png) right 60px no-repeat;	
}
#primary .get-involved {
    min-height: 282px;
    margin-left: -400px;
    padding-left: 400px;    
	background: url(/assets/gr/content/life-saver.png) left top no-repeat;	
}
#primary .telephone {
    min-height: 282px;
    margin-right: -250px;
    padding-right: 250px;    
	background: url(/assets/gr/content/telephone.png) right 200px no-repeat;	
}
#primary h3.intro-quote, 
#primary h3.intro-quote-top {
	clear: both;
	color:#FF7103; 
	font-size:220%;
    margin-top: 20px;
	padding-left:40px;
	font-weight:normal;
}
blockquote {margin-left:0; padding-left: 40px; margin-bottom: 20px;}
#primary h3.intro-quote,
blockquote {
	background: url(/assets/gr/content/ldquo.png) left top no-repeat;
}
#primary h3.intro-quote-top {
    padding-top: 0;
		background: url(/assets/gr/content/ldquo.png) left 0 no-repeat;
}
#primary h3.intro-quote span, 
#primary h3.intro-quote-top span{
	padding-right:40px;
	background: url(/assets/gr/content/rdquo.png) right top no-repeat;
}
blockquote p {background-position: right bottom; }
#primary .book-button {
	background: #00cc00 url(/assets/gr/content/bg-book.png) repeat-x left bottom;
    min-height: 100px;
    margin-top: 50px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;    
}
#primary .book-button h4 {
	padding-top: 10px;
	color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 138%;
    padding-left: 140px;
    padding-bottom: 5px;
}
#primary .book-button img {
	float: left;
    clear: none;
    margin-top: -80px;
}
#primary .book-button a.download {
	width: 120px;
    display:block;
    float: left;
    clear: none;
    color: #1d2e3e;
	line-height: 1.2em;
    margin-left: 10px;
}
#primary .book-button a.buy {
    display:block;
    float: left;
    clear: none;
    background: #FF7103 url(/assets/gr/content/bg-mini-button.png) repeat-x left top;
    color: #fff;
	line-height: 1.2em;
    padding: 12px 20px;
    margin-left: 50px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;     
}
#primary .book-button a.buy:hover {
	border: 1px #FF7103 solid;
    background: #FF7103 url(/assets/gr/content/bg-mini-button.png) repeat-x left bottom;    
}
#primary ol#todo {
    font-size: 130%;
    margin-left: 30px;
}
#primary a {
	color: #FF7103;
}
#primary h4.blog-title a:link,
#primary h4.blog-title a:visited {color: #1d2e3e;}
#primary h4.blog-title a:hover {color: #4d6f92;}
/*_NAV*/
#nav{
	text-align:left;
}
#nav ul{
	/* background: url(/assets/gr/secondary/title-trans.png) top center no-repeat;
	*/
	padding-top:20px;
	margin:0px 10px 0 0;
	/*position:fixed;*/
	z-index:200;
}
* html #nav ul{width:180px;}/* SPEAKING TO IE6*/
#nav li {
	display: block;
	padding:5px 0;
}
#nav li a{
	font-family:Helvetica, sans-serif;
	font-size:160%;
	color:#1d2e3e;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
	padding-left:30px;
	/*background:url(/assets/gr/nav/hole-trans.png) 3px center no-repeat;*/
}

#nav li a:hover{color:#4d6f92; /*background:url(/assets/gr/nav/bandage-trans.png) -1px center no-repeat;*/}
#nav li a.up{font-size:90%; color:#4d6f92; font-weight:normal; padding-left:45px; background:none;}
#nav li a.up:hover{text-decoration:underline; background:url(/assets/gr/nav/return-trans.png) 15px center no-repeat;}

/*_BODY*/
#bd{
	background:#FFF url(/assets/gr/content/bg.gif) top left repeat-x;
	border-bottom:10px solid #4d6f92;
}

#bd h2,#bd h3 a,#top, #bd .speak-up-form label{position:absolute; left:-9999px;}
/*forms*/

#bd fieldset{
	border:none;
}
#bd input.text,#bd textarea.text{display:block;}
#bd #blog-comment-form {margin-left: -20px;}
#digg{
	float: right;
	clear: none;
}
#bd .blog-author {
	margin-top: 30px;
	background: url(/assets/gr/content/ldquo.png) left bottom no-repeat;
	padding-bottom: 40px;
}

#bd .blog-comment {
	margin-top: -40px;
	background: url(/assets/gr/content/rdquo.png) right bottom no-repeat;
	padding: 0 50px;
}
#bd .speak-up-form input.text {
	width: 15em; 
    display: inline; 
/*    border-bottom: 4px #678117 solid; */
    border: 1px #7a9136 solid;    
    background: #edf6d1;
}

#bd .speak-up-form input.name,
#bd .speak-up-form input.more,
#bd .speak-up-form input.reason {
	/*width: 15em; */
	color: #444;
    display: inline; 
    border: none;
    border-bottom: 1px #FF7103 dashed;
    font-size: 120%;
}
#bd .speak-up-form input.more {
	 width: 100%;
	 margin: 5px 0;
}
.current-focus {
	border: 1px #fff solid;
    border-bottom: 1px #FF7103 solid;	 
    color: #222;
}
.uncollapsed {
	display: block;	 
}
#bd .speak-up-form input.reason {
	width: 100%;	 
	display: block;
	margin-top: 10px;
}
#bd .speak-up-form input#captcha {
	color: #7a9136;
	background: #fff;
}
#bd .speak-up-form span.webucator-message {font-size: 1.2em;}
#bd .speak-up-form span.captcha-image img {position: relative; top: 10px;}
#bd .speak-up-form textarea {
		height: 6em; width: 98%;
    border-bottom: 4px #678117 solid;
    border-top: 1px #7a9136 solid;    
    background: #edf6d1;
    color: #666;
}
#bd .speak-up-form input.submit {display: block;margin-top: 10px;}
#bd .speak-up-form .more-comment-info {
    border: 2px #7a9136 solid;    
    padding: 5px 10px;
    margin: 20px 0 10px;
    font-size: 90%;
    background: #edf6d1;    
}
#bd .speak-up-form .more-comment-info p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	color: #7a9136;
}
#footnotes{}
#footnotes p{}

/*_FOOTER*/
#ft {
	background:#101a22 url(/assets/gr/footer/bg.gif) center center repeat-y;
	color:#EAEAEA;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	border-top:1px solid #101922;
	_margin-top:-3px;
}
#ft ul{margin:0; padding:0;}

#ft ul li{
	float:left;
	width:370px;
	list-style:none;
}
#ft ul ul{

}
#ft ul ul li{
	display:block;
	float:none;
	text-align:center;
	width:368px;
	padding-top:3px;
	padding-bottom:3px;
}
#ft ul ul li.even{
	background:#101a22;
}
#ft li li a, #ft a{
	color:#4d6f92;
	font-size:110%;
	text-decoration:none;
	width:100px;
}
#ft a:hover{
	color:#EAEAEA;
}

#ft p{clear:both;padding-top:20px; font-size:80%;}




/*_CUSTOM*/
.clear{clear:both;}
.error, .notice, .success, .highlight{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.small {font-size:85%;margin-bottom:1.875em}
.large {font-size:116%;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0; border:0;}
img.product-thumbnail {float: left; margin: 0 10px 10px 0; padding: 2px; border: 1px #4d6f92 solid;}
.product {float: left; clear: both;}
.product h4 {margin-bottom: 10px}