/*-------------------------------------------------------------------------------------------------------*/ 	
/*	CSS document for Learn Without Fear
/* 	Author: 9web.co.uk - Dev version
/*	Modifications - LBB Plan USA  July 2009
/*-------------------------------------------------------------------------------------------------------*/
html {
	height:				100.2%;
}

body {
	font:				75%/1.5 Arial, Helvetica, sans-serif; 
	background:			#E7DDC1; 
	color:				#484848; 
	text-align:			center;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Miscellaneous globals
/*-------------------------------------------------------------------------------------------------------*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr {
	display:			none;
}

p {
	margin:				0px;
}

/*	Hidden elements	*/
.hdn {
	display:			none;
}

* {
	margin:				0; 
	padding:			0;
}

img {
	border:				none;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard links and text/body styles
/*  #007CC3 - Main blue color of site and used for a tags
/*  #E7DDC1 - Background and footer biscuit color
/*  #F7EFDA - Lighter biscuit color
/*  #F4911E - Orange header used in h1-h5
/*  #303030 - Very Dark Gray Used for forms titles and active navigation area in the main LWOF IH site.
/*  #D6D6D6 - Light Gray Background of forms
/*-------------------------------------------------------------------------------------------------------*/
a, a:visited {
	color:				#007CC3; 
	text-decoration:none;
}
a:hover {
	color:				#007CC3; 
	text-decoration:underline;
}
a {
	outline:			none;
}

h1, h2, h3, h4, h5 {
	color:				#F4911E;
}

h1 {
	margin:				0em;
	padding:			0em;
	line-height:		37px;
	font-family:		verdana,sans serif;
	font-weight:		bold;
	font-size:			21px;
}

h2 {
	font-size:			1.8em; 
	margin:				-4px 0 12px 0; 
	font-weight:		normal;
}

content h2 {
	font-weight:		bold; 
	line-height:		1.2;
}

h3 {
	font-size:			1.5em; 
	margin:				10px 0 0 0; 
	font-weight:		normal;
}

h4 {
	font-size:			1.3em; 
	margin:				10px 0 2px 0;
}

h5 {
	font-size:			1.2em; 
	margin:				1em 0 0 0;
}

#sub-heading {
	margin:				5px 0px 10px 20px; 
	line-height:		16px;
	font-size:			14px;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	color:				#303030;
}

/*-------------------------------------------------------------------------------------------------------*/
/* page containers 
/*-------------------------------------------------------------------------------------------------------*/
#wrapper {
	margin:				0 auto; 
	text-align:			left; 
	width:				996px; 
	background:			#FFFFFF;
}
p.skip {
	display:			none;
}

/* general layout rules */
#content {
	clear:				left;
	float:				left; 
	margin:				10px 0 20px 0;
	padding:			0 25px 0 25px; 
	width:				996px; w\idth:946px;
	min-height:			410px; 
	height:				auto !important; 
	height:				410px;
}
#content ul {
	margin-left:		50px;
}

/* header */
#header {
	min-height:			210px; 
	height:				auto !important; 
	height:				210px; 
	background-image:	url(/learnwithoutfear/images/main_bg.jpg); 
	background-repeat:	no-repeat;
}
#headerinner {
	min-height:			180px; 
	height:				auto !important; 
	height:				180px;
}
#headerinner h1 {
	float:				left; 
	margin:				48px 0 0 11px; 
	display:			inline;
}
#headerinner h1 a {
	display:			block; 
	width:				326px; 
	height:				96px; 
	background-repeat:	no-repeat;
	background-image:	url(/learnwithoutfear/images/logo-header.png); 
	text-indent:		-9999px; 
	cursor:				pointer;
}
#headerinner ul {
	float:				right; 
	margin:				4px 20px 0 0; 
	list-style-type:	none; 
	color:				#FFFFFF; 
	font-weight:		bold; 
	font-size:			.92em; 
	display:			inline;
}
#headerinner ul li {
	float:				left; 
	line-height:		2; 
	margin:				0 0 0 4px;
}
#headerinner ul li a {
	padding:			0 0 0 0; 
	color:				#FFFFFF;
}

/* strapline */
#strapline {
	float:				right; 
	margin:				52px 0 0 0; 
	display:			inline;
}
#strapline p {
	display:			block; 
	width:				321px; 
	height:				84px; 
	background-repeat:	no-repeat; 
	background-position:0 0; 
	background-image:	url(/learnwithoutfear/images/strapline.png); 
	text-indent:		-9999px; 
	margin:				0;
}

/*-------------------------------------------------------------------------------------------------------*/
/* primary navigation 
/*-------------------------------------------------------------------------------------------------------*/
#topnav {
	float:				left; 
	width:				100%;
}
#topnav ul {
	margin:				0;
	padding:			0 14px 0 20px; 
	list-style:			none;
}
#topnav li {
	float:left; 
	display:			inline; 
	background:			url(/learnwithoutfear/images/nav/right.png) no-repeat 100% 3px; 
	margin:				0 6px 0 9px; 
	padding:			0;
}
#topnav li a, #topnav li span {
	float:				left; 
	display:			block; 
	position:			relative; 
	left:				-9px; 
	margin-right:		-9px; 
	width:				.1em; 
	background:			url(/learnwithoutfear/images/nav/left.png) no-repeat 0 3px; 
	padding:			6px 12px 0 12px; 
	text-decoration:	none; 
	white-space:		nowrap; 
	font-weight:		bold; 
	color:				#FFFFFF; 
	min-height:			24px; 
	height:				auto !important; 
	height:				30px; he\ight:24px;
}
#topnav > ul a, #topnav > ul span {
	width:				auto;
}
/* hover */
#topnav a:hover {
	color:				#F4911E;
}
#topnav li:hover, #topnav ul li.sfhover {
	background-position:100% 0px;
}
#topnav li:hover a, #topnav ul li.sfhover a {
	background-position:0 0px;
}
/* active state */
#topnav li.active, #topnav li.active:hover, #topnav ul li.sfhover.active {
	background-position:100% -150px;
}
#topnav li.active a, #topnav li.active a:hover, #topnav li span {
	background-position:0 -150px; 
	color:				#303030;
}

.home #topnav li.homelink, .home #topnav li.homelink:hover, .home #topnav ul li.sfhover.homelink,
.campaign #topnav li.campaignlink, .campaign #topnav li.campaignlink:hover, .campaign #topnav ul li.sfhover.campaignlink,
.involved #topnav li.involvedlink, .involved #topnav li.involvedlink:hover, .involved #topnav ul li.sfhover.involvedlink,
.partners #topnav li.partnerslink, .partners #topnav li.partnerslink:hover, .partners #topnav ul li.sfhover.partnerslink,
.resources #topnav li.resourceslink, .resources #topnav li.resourceslink:hover, .resources #topnav ul li.sfhover.resourceslink,
.contact #topnav li.contactlink, .contact #topnav li.contactlink:hover, .contact #topnav ul li.sfhover.contactlink
{background-position:100% -150px;}
 
.home #topnav li.homelink a, .home #topnav li.homelink a:hover,
.campaign #topnav li.campaignlink a, .campaign #topnav li.campaignlink a:hover,
.involved #topnav li.involvedlink a, .involved #topnav li.involvedlink a:hover, 
.partners #topnav li.partnerslink a, .partners #topnav li.partnerslink a:hover,
.resources #topnav li.resourceslink a, .resources #topnav li.resourceslink a:hover,
.contact #topnav li.contactlink a, .contact #topnav li.contactlink a:hover
{background-position:0 -150px; color:#303030;}


/*-------------------------------------------------------------------------------------------------------*/
/*	Forms images video positioning and formats for the petition page and spread the word page
/*-------------------------------------------------------------------------------------------------------*/
#videoformimg {
	width:				900px;
	margin:				10px 20px 10px 20px;	
}
.video {
	float:				left;
	width:				450px;
}
.video-content-bottom {
	float:				left;
	margin:				0px 0px 0px 0px;
	width:				720px;
	font-family:		verdana,arial,sans serif;
	font-size:			11px; 
	display:			inline;
}
.form-petition, .form-speadtheword, .img-stw {
	padding:			4px 10px 4px 10px;
	background-color:	#D6D6D6;
	display:			inline;
}
.form-petition {
	float:				right;
	margin:				22px 0px 0px 0px;
	width:				410px; 
}
.form-speadtheword {
	float:				left;
	margin-top:			10px;
	padding-left:		20px;
	width:				550px; 
	display:			inline;
}
.formstitle {
	line-height:		16px;
	font-size:			14px;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	color:				#303030;
}
.formstext {
	line-height:		19px;
	font-size:			11px;
	font-family:		verdana,arial,sans serif;
	text-decoration:	none;
	color:				black;
}
.img-stw {
	float:				right;
	margin-left:		30px;
	width:				auto;
	background-color:	#FFFFFF;
	display:			inline;
}
.button {
	width:				150px;
	height:				25px;
    border:				1px groove #484848;
	background-color:	#007CC3;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			12px;
	color:				white;
	cursor:             pointer;
}

/*-------------------------------------------------------------------------------------------------------*/
/* footer 
/*-------------------------------------------------------------------------------------------------------*/
#footer {
	float:				left; 
	font-size:			.92em; 
	color:				#007CC3; 
	background:			#E7DDC1; 
	width:				996px;
}
#footer ul {
	float:				left; 
	list-style-type:	none; 
	white-space:		nowrap; 
	padding:			4px 0; 
	margin-left:		-2px;
}
#footer ul li {
	float:				left; 
	padding:			0 0 0 4px;
}
#footer ul li a {
}
#footer p {
	float:				right; 
	text-align:			right; 
	margin:				0; 
	padding:			4px 0;
}
#footer p a {
}
#footer-planusa {
	float:				left; 
	font-size:			.92em; 
	color:				#007CC3; 
	background:			#e7ddc1; 
	width:				996px; 
	padding:			4px 0; 
	margin-left:		-2px; 
	padding:			0 0 0 4px;	
}

/*********************************************************************************************************/
/*	Google stats box
/*********************************************************************************************************/
.google-stats-box, .google-stats-box-max, .google-stats-box-mini {
	background:			white;
	border:				1px solid red;
	z-index:			1000;
	display:			block;
	width:				auto;
	font-size:			10px;
	font-family:		verdana,arial,sans serif;
	line-height:		16px;
	height:				16px;
	font-weight:		normal;
}
.google-stats-box-max {
	position:			absolute;
	top:				15px;
	left:				755px;
	width:				220px;
}
.google-stats-box-mini {
	width:				auto;
	display:			inline;
	line-height:		16px;
	margin-left:		2px;
	margin-right:		2px;
}
.google-stats-box-table {
	display:			none;
	font-size:			10px;
	background-color:	white;
	border:				1px solid red;
	border-top:			none;
}