@charset "utf-8";
/* Shell CSS */
/* ------- FONT IMPORT ------- */

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish.
 * http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     FontSite Inc.
 * @vendorurl:  http://www.fontsite.com
 * @licenseurl: http://www.fontsquirrel.com/license/CartoGothic-Std
 *
 *
*/

@font-face {
	font-family: 'CartoGothic Std Bold'; 
	src: url('../fonts/CartoGothicStd-Bold.eot');
	src: url('../fonts/CartoGothicStd-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 999 wt';
	src: url('../fonts/TitilliumText999wt.eot');
	src: url('../fonts/TitilliumText999wt.otf') format('opentype');
}



div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;clear:both;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

body { font-family:Arial, Helvetica, sans-serif;
	background: #E1E5D2;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
p {font-size:1.1em; float: left; width:100%;}
label {float:left;margin-right:5px;width:25%;}
a:link, a:active, a:visited {text-decoration: none;
	color: #2797ad;}
a:hover {text-decoration: none;
	color: #ED174C;}
h2 {color:#0089d0; font-size:2em; padding:5px 0 11px; font-family:"TitilliumText14L 999 wt",Arial,Helvetica,sans-serif;}
h3 {font-size:1.5em; margin:5px 0; color:#27978E; font-family:"TitilliumText14L 999 wt",Arial,Helvetica,sans-serif; clear: both;}
#sidebarContainer h3 {margin:0;}
#contact h3 {padding-top: 5px}
#wrapper {
	display: block;
	overflow: hidden;
	background: url(../img/bg_wrapper.png) repeat-x;
	background-color: #d9d9d9;
	/*width: 100%;*/
	height:auto;
	text-align: center;
	margin: 0;
	padding: 0;
}

#container {
	display: block;
	overflow: hidden;
	background: url(../img/bg_shell-vertical.png) repeat-y;
	width: 957px;
	height:auto;
	margin: 0 auto;
	padding:0;
}

#shell-left {
	display: block;
	overflow: hidden;
	background: url(../img/bg_shell-top-left.png) no-repeat;
	width: 957px;
	height:auto;
	margin: 0;
	padding: 0;
}

#shell-right {
	display: block;
	overflow: hidden;
	background: url(../img/bg_shell-top-right.png) 948px 0 no-repeat;
	width: 957px;
	height:auto;
	margin: 0;
	padding: 0;
}

#shell-bottom {
	display: block;
	overflow: hidden;
	background:url(../img/bg_shell-bottom.png) bottom no-repeat;
	width: 957px;
	height:auto;
	margin: 0;
	padding: 0;
}

#shell-top {
	display: block;
	overflow: hidden;
	background:url(../img/bg_shell-top.png) top no-repeat;
	width: 957px;
	height:auto;	
	margin: 0;
	padding:0;
}

#header {
	width: 957px;
	height: 87px;
}
	
#amFamLogo {
	width: 200px;
	height: 87px;
	display:block;
	float: left;
	vertical-align: bottom;
	background:url(../img/amFam_logo.png) 3px 27px no-repeat;
}

#utilitynav {
	float: right;
	height: 87px;
	display: block;
	overflow:hidden;
}
#mainContentArea {height: auto; display: block; overflow:hidden; width:100%; }
#utilitynav #shellNav {
	display: block;
	position: relative;
	height: 25px;
	float: right;
	width: auto;
	top: 62px;
	overflow:hidden;
}

#utilitynav #shellNav li {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #2797ad;
	line-height: 25px;
	padding: 0 10px;
	height: 25px;
	vertical-align: middle;
	background: url(../img/bg_separator.png) left no-repeat;
}

#utilitynav #shellNav li.first {
	background: none;	
}

#utilitynav #shellNav li a,
#utilitynav #shellNav li a:link,
#utilitynav #shellNav li a:visited {
	color: #2797ad;
	text-decoration:none;
}

#utilitynav #shellNav li a:hover,
#utilitynav #shellNav li a:focus {
	color: #ED174C;
	text-decoration:none;
}

#utilitynav #shellNav li #searchTSD {
	float: left;
}
#utilitynav #shellNav li #submitSearch {
	float: left;
	font-size: .1em;
	text-indent: -999px;
	line-height: 999px;
	width: 47px;
	height:25px;
	background:url(../img/btn_go.png) 5px 0 no-repeat;
	cursor: pointer;
	border: 0;
}

form span.field { 
	display: inline-block; 
	background: url('../img/field_rpt.gif')	repeat-x; 
	margin-right: 3px;
	float: left;
}
form .error span.field { 
	background-image: url('../img/field_rpt_error.gif'); 
	padding-right: 3px; height:28px;
	float: left;
}
form span.field_r { 
	display: inline-block; 
	background: url('../img/field_r.gif') right top no-repeat; 
	height:28px;
	float: left;
}
form .error span.field_r { 
	background-image: url('../img/field_r_error.gif'); 
	float: left;
}
form span.field_l { 
	display: inline-block; 
	background: url('../img/field_l.gif') left top no-repeat; 
	height:28px;
	float: left;
}
form .error span.field_l { 
	background-image: url('../img/field_l_error.gif'); 
	float: left;
}
form span.field_l input { 
	display: inline-block; 
	background: transparent; 
	padding: 4px; 
	font-size: 1.167em; /* 14.0px at 12px base */ 
	color: #42413D; border: none;
	float: left;
}
form span.field_l input.example { 
	font-style: normal; 
	color: #999;
	float: left;
}
form .error span.field_l input { 
	color: #CD1F00;
	float: left;
}
form span.tArea {
background:transparent url(../img/textArea.gif) repeat-x scroll 0 0;
display:block;
float:left;
height:104px;
width:320px;
}
form span.tArea_l {
background:transparent url(../img/textArea_l.gif) no-repeat scroll left center;
display:block;
height:104px;
width:320px;
}
form span.tArea_r {
background:transparent url(../img/textArea_r.gif) no-repeat scroll right center;
display:block;
height:104px;
width:320px;
}
form textarea {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#42413D;
float:none;
font-size:1em;
height:92px;
padding:4px;
width:320px;
}


/* ------------ NAV ------------ */

#nav {
	width: 801px;
	height: 54px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	list-style: none;
}

#nav li {
	float: left;	
}

#nav li a {
	height: 54px;
	font: 1.6em/1.6em Arial, Helvetica, sans-serif;
	text-indent: -2000em;
	float: left;
	display: block;
	overflow: hidden;
}

#nav #one a,
#nav #one a:link,
#nav #one a:visited{
	width: 175px;
	background:url(../img/bg_nav.png) 0 -54px no-repeat;
}

#our-system #nav #one a,
#how-it-works #nav #one a,
#why-it-works #nav #one a,
#proven-results #nav #one a,
#faqs #nav #one a,
#nav #one a:hover,
#nav #one a:focus{	
	background-position: 0 0;
}

#nav #two a,
#nav #two a:link,
#nav #two a:visited{
	width: 100px;
	background:url(../img/bg_nav.png) -175px -54px no-repeat;
}

#videos #nav #two a,
#nav #two a:hover,
#nav #two a:focus{	
	background-position: -175px 0;
}

#nav #three a,
#nav #three a:link,
#nav #three a:visited{
	width: 100px;
	background:url(../img/bg_nav.png) -275px -54px no-repeat;
}

#events #nav #three a,
#nav #three a:hover,
#nav #three a:focus{	
	background-position: -275px 0;
} 

#nav #four a,
#nav #four a:link,
#nav #four a:visited{
	width: 104px;
	background:url(../img/bg_nav.png) -375px -54px no-repeat;
}

#enroll #nav #four a,
#nav #four a:hover,
#nav #four a:focus{	
	background-position: -375px 0;
} 

#nav #five a,
#nav #five a:link,
#nav #five a:visited{
	width: 203px;
	background:url(../img/bg_nav.png) -479px -54px no-repeat;
}

#takeThePledge #nav #five a,
#confirmation #nav #five a,
#pledge #nav #five a,
#schools #nav #five a,
#prizes #nav #five a,
#rules #nav #five a,
#privacy #nav #five a,
#nav #five a:hover,
#nav #five a:focus{	
	background-position: -479px 0;
} 

#nav #six a,
#nav #six a:link,
#nav #six a:visited{
	width: 118px;
	background:url(../img/bg_nav.png) -682px -54px no-repeat;
}

#nav #six a:hover,
#nav #six a:focus{	
	background-position: -682px 0;
} 

/* ----------------  FOOOTER  ------------------- */

#footer { 
	width: 100%;
	display: block;
	margin: 40px auto 0 auto; 
	padding: 25px 0; 
	border-top: 1px solid #BCC0AC;
	font-size: 1.1em; 
	text-align: center;
	background: #E1E5D2;
	height: 150px; 
	color: #666; 
	clear: both;
	float: none;
}

#footer #actions p{
	color: #666;
	padding-top: 10px;
	text-align:center;
	float: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	line-height: 1.4em;
}

#footer #actions p.call {
	font-size: 1em;	
}

#nav_tertiary{
	margin: 20px 0;
}
#nav_tertiary li{
	display: inline;
	list-style: none;
	padding: 0 11px 0 0;
	margin: 0 10px 0 0;
	background: url(../img/nav_tertiary.gif) right center no-repeat;
}
#nav_tertiary li.last{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
#nav_tertiary li a{
	text-decoration: underline;
	color: #666;
}
#nav_tertiary li a:hover{
	text-decoration: none;
	color: #368CC2;
}
a.external {
	background:url(../img/external.gif) no-repeat center right;
	padding-right:14px;
}
div.date {width:50px; height:35px; float:left;text-align:center; font-size:2em;padding:20px 0 0 0; display:block;margin-right:10px; background: url(../img/calendar.png) top left no-repeat;}
#formColumn table th, #formColumn table td {padding:3px 0;}




/* -------- Teen Safe Driver CSS -------- */

sup {
	font-size: 6px;	
}

#container_TSD {
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	clear: both;
	margin: 0 auto;
}

#banner {
	width: 819px;
	height: 300px;
	display: block;
	margin: 0 auto;
	background:url(../img/tsd_banner.jpg) 0 1px no-repeat;
	clear: both;
}

#banner #tsd_logo {
	width: 228px;
	height: 125px;
	display: block;
	float: left;
	background:url(../img/tsd_logo.png) bottom no-repeat;
	text-indent: -2000em;
}

#content {	
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	margin: 0;
	background: url(../img/bg_content.png) repeat-y;
}

#content-bottom {
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	margin: 0;
	background: url(../img/bg_content-bottom.jpg) bottom no-repeat;
}

#content-top {
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	margin: 0;
	background: url(../img/bg_content-top.jpg) no-repeat;
}

#footer_tsd {
	width: 819px;
	display: block;
	height: 140px;
	margin: 0 auto;
}
html>body #footer_tsd {
	height: 120px;
}

#footerNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 14px;
	color: #2797ad;
	margin: 20px auto;
	width: 755px;
	display: block;
	text-align:center;
	overflow:hidden;
	float: none;
	height: 14px;
}

#footerNav li {
	list-style: none;
	padding: 0 23px;
	display: inline-block;
	width: auto;
	float: left;
	height: 14px;
	background: url(../img/bg_separator.png) left no-repeat;
}

#footerNav #first {
	background-image:none;
}

#footerNav li a,
#footerNav li a:link,
#footerNav li a:visited {
	text-decoration: none;
	color: #2797ad;
}

#footerNav li a:hover,
#footerNav li a:focus {
	text-decoration: none;
	color: #ED174C;
}

#partnerlogos {
	margin: 0 auto;
	display: block;
	overflow:hidden;
	width: 325px;
	height:58px;
}

#footer_tsd #amFam {
	width: 125px;
	height: 58px;
	display:block;
	float: left;
	background: url(../img/amFam_logo_small.png) 0 9px no-repeat;
}

#footer_tsd #odec {
	width: 57px;
	height: 58px;
	display:block;
	float: left;
	background: url(../img/odec_small.png) 10px 0 no-repeat;
}


#footer_tsd #driveCam {
	width: 142px;
	height: 58px;
	display:block;
	float: left;
	background: url(../img/DriveCam_logo.png) 20px 5px no-repeat;
}


/* -----------------  Google Search Appliance ------------- */

#googleContainer {
	width: 750px;
	margin: 0 auto;
	height:auto;
	overflow:hidden;
	text-align: left;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	padding: 10px;
}

#googleContainer p,
#googleContainer blockquote {
	margin: 15px 0 15px;	
}

#googleContainer td {
	margin: 0 0 0 5px;	
}

#googleContainer a,
#googleContainer a:link,
#googleContainer a:visited,
#googleContainer p a,
#googleContainer p a:link,
#googleContainer p a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #1381c3;
}

#googleContainer a:hover,
#googleContainer a:focus,
#googleContainer p a:hover,
#googleContainer p a:focus{
	text-decoration: underline;
	color: #006;
}


/* ----------- Columns ----------*/

#columnWrapper {
	width: 810px;
	float: right;
	height:auto;
	display:block;
	overflow: hidden;
	margin: 0 auto 25px auto;
	padding-bottom: 20px;
}

#our-system #columnWrapper {
	background:url(../img/teenKeys.jpg)	25px bottom no-repeat;
}

#how-it-works #columnWrapper {
	background:url(../img/teen-and-mom.jpg) 540px bottom no-repeat;
}

#why-it-works #columnWrapper {
	padding-bottom: 50px;
	_padding-bottom: 90px;
	background:url(../img/three-hugging-teens.jpg) 50px bottom no-repeat;
}

#proven-results #columnWrapper { 
	padding-bottom: 140px;
	_padding-bottom: 160px; 
	background:url(../img/looking-up.jpg) 150px bottom no-repeat;
}

#events #columnWrapper {
	padding-bottom: 90px;
	_padding-bottom: 120px; 
	background:url(../img/five-teens.jpg) 40px bottom no-repeat;
}

#enroll #columnWrapper {
	padding-bottom: 80px; 
	_padding-bottom: 120px;
	background:url(../img/mom-and-daughters.jpg) 65px bottom no-repeat;
}

#contact #columnWrapper {
	background: url(../img/csr-guy.jpg) bottom left no-repeat;
	padding-bottom: 30px;
	_padding-bottom: 55px;
}

#leftColumn {
	width: 205px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
	text-align: left;
	font: 1.1em/1.6em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 20px 0 20px 0;
}

#proven-results #leftColumn {
	background:url(../img/keys-hand.jpg) -50px 350px no-repeat;
	height: 800px;
}

#leftColumn #pullQuote {
	text-align: right;
	font: 1.5em/1.3em 'CartoGothic Std Bold', Arial, sans-serif;
	color: #a8c23b;
	width: 115px;
	height:auto;
	display:block;
	/*overflow:hidden;*/
	padding: 37px 0 0 0;
	margin: 0 auto;
	clear:both;
}

#how-it-works #leftColumn #pullQuote {
	background: url(../img/teen-standing.jpg) 0 100px no-repeat;
	padding-top: 470px;
}

#why-it-works #leftColumn #pullQuote {
	padding: 90px 0 0 40px;
	width: 75px
}

#proven-results #leftColumn #pullQuote {
	padding: 50px 0 0 10px;
	width: 100px;
}

#faqs #leftColumn #pullQuote {
	background: url(../img/teen-arms-crossed.jpg) 50px 20px no-repeat;
	padding: 440px 20px 40px;
	width: 135px;
}


#partners #leftColumn {
	display: none;
}

#middleColumn {
	width: 324px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
	text-align: left;
	font: 1.1em/1.9em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 20px 0 40px 0;
}

#partners #middleColumn {
	width: 504px;
	padding: 20px 0 30px 25px
}

#formColumn {
	width: 520px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
	text-align: left;
	font: 1.3em/1.6em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 20px 0 40px 10px;
}
#middleColumn p, #formColumn p {
	padding: 0 0 10px 0;
}
#events #formColumn {padding-left:60px; width:460px;}
#formColumn div.event {width:455px;height:auto; overflow:hidden; margin-bottom:10px;}
#formColumn p {
	padding: 0 0 10px 0;
	margin-left:10px; width:85%;
}
#formColumn p img {float:right; margin:5px;}
#leftColumn p {margin-left:12px; width:90%;_margin-left:8px;}
#formcolumn table textarea {border:normal;}
#rightColumn {
	width: 275px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
	padding: 10px 0 0 0;
}



/* --------- Home Page -------- */

#home #columnWrapper {
	padding: 15px 0 40px 0;
	background:url(../img/four-teens.jpg) 267px bottom no-repeat;
}

#home #leftColumn {
	width: 528px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;
	text-align: left;
	font: 1.1em/1.6em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
}

#home #middleColumn{
	display: none;
}
#home #main {
	background:url(../img/holdingKeys_homeBG.png) repeat-x;
	height:282px;
	width: 490px;
	display:block; 
	overflow: hidden;
	margin: 15px auto;
}

#home #safeDriverPledge {
	width: 476px;
	height: 370px;
	display: block;
	background:url(../img/safe-driver-pledge_bg.jpg) center no-repeat;
	padding: 0;
	margin: 0 auto;
}
#home #safeDriverPledge h2 {
	width: 320px;
	height:188px;
	display: block;
	padding:0;
	text-indent:-2000em;
	margin: 0 auto;
}
#home #safeDriverPledge p {
	width: 320px;
	height:auto;
	display: block;
	margin: 15px auto;
	padding:0;	
	text-align: center;
	float: none;
}
#home #safeDriverPledge p a,
#home #safeDriverPledge p a:link,
#home #safeDriverPledge p a:visited{
	float: none;
	width: 233px;
	height:29px;
	display: block;
	margin: 0 auto;
	background:url(../img/btn_visit_safeDriverPledge.png) no-repeat;
	text-indent:-2000em;
	text-align: center;
}
#home #safeDriverPledge p a:hover,
#home #safeDriverPledge p a:focus{
	background-position: 0 -29px;
}

/*#home #mtv {
	background:url(../img/MTV_woodie_banner.jpg) 8px 0 no-repeat;
	height:355px;
	width: 520px;
	display:block;
	overflow: hidden;
	margin: 0 auto;
}

#home #mtv #mtvContent{
	height:355px;
	width: 520px;
	display:block;
	overflow: hidden;
	margin: 0 auto;
}

#home #mtv #mtvContent p {
	height:155px;
	width: 250px;
	display:block;
	overflow: hidden;
	margin: 0 auto;
	font: 1.3em/1.2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#999;
	font-weight:normal;
	position: relative;
	top: 235px;
	left: 180px;
}

#home #mtv #mtvContent p span {
	color:#c9d6e5;
	font-weight:bold;
}
#home #mtv p a {
	color:#eed228;
	font-weight:bold;
	line-height: 2em;
	padding-left: 18px;
	background:url(../img/doubleYellowArrow.gif) 0 3px no-repeat;
}
#home #mtv p a:hover {
	color:#caedff;
	font-weight:bold;
	background-position: 0 -12px;
}*/

#home #main #mainContent {
	width: 260px;
	padding: 42px 30px 0 190px;
	margin: 0 auto;
	text-align:left;
}

html>body #home #main #mainContent {
	width: 270px;
	padding: 42px 50px 0 190px;
	margin: 0 auto;
	text-align:left;
}

#home #main #mainContent h2,
#home #secondaryContent h2{	
	color:#5793CF;
	font: 1.8em/1.1em 'CartoGothic Std Bold', Arial, sans-serif;
	font-weight: bold;
	width: auto;
	height:auto;
	padding: 0;
}

#home #main #mainContent h3,
#secondaryContent h3{	
	color:#5793CF;
	font: 1.5em/1.2em 'CartoGothic Std Bold', Arial, sans-serif;
	font-weight: bold;
	width: auto;
	height:auto;
	padding: 0 0 5px 0;
}

#secondaryContent h3 {
	padding:10px 0 5px 0;	
}
html>body #secondaryContent h3 {
	padding:20px 0 5px;	
}

#home #main #mainContent p,
#home #secondaryContent p{	
	color:#666;
	font: 1.2em/1.3em Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: auto;
	height:auto;
	padding: 0;
	margin:0;
} 

#home #secondaryContent p.narrow {
	width: 240px;	
}

#home #arrowsLarge a,
#home #arrowsLarge a:link,
#home #arrowsLarge a:visited{
	background:url(../img/arrows_large.gif) 0 7px no-repeat;
	padding: 0 0 5px 20px;
	font: 1.4em/1.3em 'CartoGothic Std Bold', Arial, sans-serif;
	color: #a8c23b;
	font-weight:bold;
	display: block;
	overflow: hidden;
	text-decoration: none;
	margin: 10px 0 18px 0;
	height: 14px;
}
html>body #home #arrowsLarge a,
html>body #home #arrowsLarge a:link,
html>body #home #arrowsLarge a:visited{
	background:url(../img/arrows_large.png) 0 8px no-repeat;
}

#home #arrowsLarge a:hover,
#home #arrowsLarge a:focus{	
	color: #0089d0;
}

#home #mainLeft {
	background:url(../img/holdingKeys_homeLeft.jpg) left no-repeat;
	height:282px;
	width: 100%;
	display:block;
	overflow: hidden;
	margin: 0;
}

#home #mainRight {
	background:url(../img/holdingKeys_homeRight.png) right no-repeat;
	height:282px;
	width: 100%;
	display:block;
	overflow: hidden;
	margin: 0;
}

#home #secondaryContent{
	width: 260px;
	height: auto;
	padding: 0 0 5px 28px;
	float: left;
}

#home #rightColumn {
	height: auto;
	width: 252px;
	float:left;
	text-align:left;
	padding-top: 14px;
}

#home #sidebarContainer {
	background:url(../img/sidebar_home_bg.png) repeat-y;
	width:252px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}

#home #sidebarContainer #top {
	background:url(../img/sidebar_home_top.png) top no-repeat;
	width:252px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#home #sidebarContainer #bottom {
	background:url(../img/sidebar_home_bottom.png) bottom no-repeat;
	width:252px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 25px 0 0 0;
}

#home #sidebarContainer #callout {
	width: 252px;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 0;
	background:url(../img/sidebar_callout_bg.png) repeat-y;
	text-align: left;
	clear:both;
}

#home #sidebarContainer #calloutTop {
	width: 252px;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background:url(../img/sidebar_callout_top.png) top no-repeat;
	clear:both;
}

#home #sidebarContainer #calloutBottom {
	width: 252px;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0;
	background:url(../img/sidebar_callout_bottom.png) bottom no-repeat;
	clear:both;
}

#home #sidebarContainer h2 {
	color:#5793CF;
	font: 1.5em/1.0em 'CartoGothic Std Bold', Arial, sans-serif;
	font-weight: bold;
	width: 195px;
	height:auto;
	padding: 15px 27px 4px 27px;
	margin: 0 auto;
}

#home #sidebarContainer #callout h2 {
	color:#5793CF;
	font: 1.5em/1.1em 'CartoGothic Std Bold', Arial, sans-serif;
	font-weight: bold;
	width: 150px;
	height:auto;
	padding: 15px 51px 4px 51px;
	margin: 0 auto;
}

#home #sidebarContainer p {
	color:#666;
	font: 1.1em/1.3em Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 195px;
	height:auto;
	padding: 4px 27px;
	margin: 0 auto;
}

#home #sidebarContainer #callout p {
	color:#666;
	font: 1.1em/1.3em Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 150px;
	height:auto;
	padding: 6px 51px;
	margin: 0 auto;
}

#home #sidebarContainer #callout #arrowsSmall{
	margin-top: 0;
	padding: 0 0 5px 50px;
}

#home #sidebarContainer #arrowsLargeBlue{
	margin-top: 0;
	padding: 0 0 20px 28px;
}

#home #arrowsLargeBlue a,
#home #arrowsLargeBlue a:link,
#home #arrowsLargeBlue a:visited{
	background:url(../img/arrows_largeBlue.gif) 0 5px no-repeat;
	padding: 0 0 5px 20px;
	font: 1.5em/1.3em 'CartoGothic Std Bold', Arial, sans-serif;
	color: #a8c23b;
	font-weight:bold;
	display: block;
	overflow: hidden;
	text-decoration: none;
	margin: 5px 0 18px 0;
	height: 14px;
}
html>body #home #arrowsLargeBlue a,
html>body #home #arrowsLargeBlue a:link,
html>body #home #arrowsLargeBlue a:visited{
	background:url(../img/arrows_largeBlue.gif) 0 6px no-repeat;
}

#home #arrowsLargeBlue a:hover,
#home #arrowsLargeBlue a:focus{	
	color: #0089d0;
}

#home #arrowsSmall a,
#home #arrowsSmall a:link,
#home #arrowsSmall a:visited {
	background: url(../img/arrow_small.gif) 0 3px no-repeat;
	padding: 0 0 15px 15px;
	font: 1.2em/1.0em 'CartoGothic Std Bold', Arial, sans-serif;
	color: #a8c23b;
	font-weight:bold;
	display: block;
	overflow: visible;
	text-decoration: none;
	margin-top: 0;
	height: 14px;
}
html>body #home #arrowsSmall a,
html>body #home #arrowsSmall a:link,
html>body #home #arrowsSmall a:visited {
	background: url(../img/arrow_small.gif) 0 4px no-repeat;
}

#home #arrowsSmall a:hover,
#home #arrowsSmall a:focus{	
	color: #0089d0;
}

#partners #middleColumn #arrowsSmall a,
#partners #middleColumn #arrowsSmall a:link,
#partners #middleColumn #arrowsSmall a:visited,
#home #rightColumn #arrowsSmall a,
#home #rightColumn #arrowsSmall a:link,
#home #rightColumn #arrowsSmall a:visited {
	background: url(../img/arrow_small.gif) 0 3px no-repeat;
	padding: 0 0 0 15px;
	font: 1.2em/1.0em 'CartoGothic Std Bold', Arial, sans-serif;
	color: #a8c23b;
	font-weight:bold;
	display: block;
	overflow: visible;
	text-decoration: none;
	margin-top: 0;
}
html>body #middleColumn #partners #arrowsSmall a,
html>body #middleColumn #partners #arrowsSmall a:link,
html>body #middleColumn #partners #arrowsSmall a:visited,
html>body #rightColumn #home #arrowsSmall a,
html>body #rightColumn #home #arrowsSmall a:link,
html>body #rightColumn #home #arrowsSmall a:visited {
	background: url(../img/arrow_small.gif) 0 4px no-repeat;
}

#partners #middleColumn #arrowsSmall a:hover,
#partners #middleColumn #arrowsSmall a:focus,
#home #rightColumn #arrowsSmall a:hover,
#home #rightColumn #arrowsSmall a:focus{	
	color: #0089d0;
}

#home #leftColumn #arrowsSmall {
	margin-top: 10px;
	height: 14px;	
}

#partners #middleColumn #arrowsSmall {	
	margin-top: 2px;
	height: 23px;
}

#partners #middleColumn #arrowsSmall a,
#partners #middleColumn #arrowsSmall a:link,
#partners #middleColumn #arrowsSmall a:visited{
	font: 1.2em/1.2em 'CartoGothic Std Bold', Arial, sans-serif;
}



/* --------- SIDEBARS ---------- */

#sidebarContainer {
	background:url(../img/bg_sidebar.png) repeat-y;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

#sidebarContainer #videoHeader {
	background:url(../img/bg_videoFootage_header.png) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #videoThumb {
	width: 168px;
	height:114px;
	display: block;
	overflow:hidden;
	margin: 0 auto;
	padding: 15px 0 8px 0;
}

#sidebarContainer #videoThumb a,
#sidebarContainer #videoThumb a img{
	border: 0;
	margin: 0;
	padding: 0;
}

#sidebarContainer #videoDescription {
	width: 168px;
	height: auto;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

#sidebarContainer #videoDescription a,
#sidebarContainer #videoDescription a:link,
#sidebarContainer #videoDescription a:visited{	
	text-decoration: none;
	color:#5793cf;
	font: 1.1em/1.2em Arial, Helvetica, sans-serif;
}

#sidebarContainer #videoDescription a:hover,
#sidebarContainer #videoDescription a:focus{
	text-decoration: none;
	color:#113E67;	
}

#sidebarContainer #testimonialHeader {
	background:url(../img/bg_testimonial_header.png) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #factHeader {
	background:url(../img/bg_fact_header.png) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #sidebarFooter {
	background:url(../img/bg_sidebarFooter.png) bottom no-repeat;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 0 27px 0;
}

#sidebarContainer #sidebarTop {
	background:url(../img/bg_sidebar-top.png) no-repeat;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#sidebarContainer #testimonialFooter {
	background:url(../img/bg_testimonialFooter.jpg) bottom no-repeat;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 13px 0 145px 0;
}

html>body #sidebarContainer #testimonialFooter {
	padding: 10px 0 145px 0;	
}

#sidebarContainer #testimonialFooter p {
	width: 168px;
	height: auto;
	display: block;
	margin: 5px auto;
	overflow: hidden;
	text-align: left;
	color:#666;
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	float: none;
}

#sidebarContainer #sidebarFooter p {
	width: 168px;
	height: auto;
	display: block;
	margin: 5px auto;
	padding: 10px 0 0 0;
	overflow: hidden;
	text-align: left;
	color:#5793CF;
	float: none;
	font: 1.6em/1.4em Arial, Helvetica, sans-serif;
	font-weight: bold;
}




/* --------- SUB NAV ----------- */

#subnav {
	width: 145px;
	display: block;
	height:auto;
	overflow: hidden;
	float: left;
	list-style: none;
	padding-left: 30px;
}

#subnav li {
	width: 145px;
	display: block;
	overflow: hidden;
	float: none;
	text-align:left;
}

#subnav #one a,
#subnav #one a:link,
#subnav #one a:visited{
	width: 145px;
	height:17px;
	display: block;
	overflow: hidden;
	padding:7px 0 5px 20px;
	font: 1.5em/1em 'CartoGothic Std Bold', Arial, sans-serif;
	background: url(../img/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#takeThePledge #subnav #one a,
#how-it-works #subnav #one a,
#subnav #one a:hover,
#subnav #one a:focus{
	color: #006;
	background:none;
	background:url(../img/subnav.png) -145px 0 no-repeat;
}

#subnav #two a,
#subnav #two a:link,
#subnav #two a:visited{
	width: 145px;
	height:17px;
	display: block;
	overflow: hidden;
	padding:7px 0 5px 20px;
	font: 1.5em/1em 'CartoGothic Std Bold', Arial, sans-serif;
	background: url(../img/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#pledge #subnav #two a,
#why-it-works #subnav #two a,
#subnav #two a:hover,
#subnav #two a:focus{
	color: #006;
	background:none;
	background:url(../img/subnav.png) -145px 0 no-repeat;
}

#subnav #three a,
#subnav #three a:link,
#subnav #three a:visited{
	width: 145px;
	height:17px;
	display: block;
	overflow: hidden;
	padding:7px 0 5px 20px;
	font: 1.5em/1em 'CartoGothic Std Bold', Arial, sans-serif;
	background: url(../img/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#schools #subnav #three a,
#proven-results #subnav #three a,
#subnav #three a:hover,
#subnav #three a:focus{
	color: #006;
	background:none;
	background:url(../img/subnav.png) -145px 0 no-repeat;
}


#subnav #four a,
#subnav #four a:link,
#subnav #four a:visited{
	width: 145px;
	height:17px;
	display: block;
	overflow: hidden;
	padding:7px 0 5px 20px;
	font: 1.5em/1em 'CartoGothic Std Bold', Arial, sans-serif;
	background: url(../img/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#prizes #subnav #four a,
#faqs #subnav #four a,
#subnav #four a:hover,
#subnav #four a:focus
{
	color: #006;
	background:none;
	background:url(../img/subnav.png) -145px 0 no-repeat;
}


#subnav #five a,
#subnav #five a:link,
#subnav #five a:visited{
	width: 145px;
	height:17px;
	display: block;
	overflow: hidden;
	padding:7px 0 5px 20px;
	font: 1.5em/1em 'CartoGothic Std Bold', Arial, sans-serif;
	background: url(../img/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}
#subnav #six a,
#subnav #six a:link,
#subnav #six a:visited{
	width: 145px;
	height:17px;
	display: block;
	overflow: hidden;
	padding:7px 0 5px 20px;
	font: 1.5em/1em 'CartoGothic Std Bold', Arial, sans-serif;
	background: url(../img/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}
#rules #subnav #five a,
#subnav #five a:hover,
#subnav #five a:focus{
	color: #006;
	background:none;
	background:url(../img/subnav.png) -145px 0 no-repeat;
}

#privacy #subnav #six a,
#subnav #six a:hover,
#subnav #six a:focus{
	color: #006;
	background:none;
	background:url(../img/subnav.png) -145px 0 no-repeat;
}

#middleColumn ul, #formColumn ul {font-size:1.1em;margin-left:12px;}
#middleColumn ul li, #formColumn ul li {display:block; margin:3px; list-style-position:inside;}
/*#middleColumn ul li span.bullet, #formColumn ul li span.bullet{margin-left: -12px; _margin-left:0px;_display:none;background: url(../css/custom-theme/img/ui-icons_056b93_256x240.png) no-repeat scroll -100px -144px; padding-left:12px;width:12px; height:12px; overflow:hidden;}
*/
.external { background:url(css/custom-theme/../img/ui-icons_056b93_256x240.png) no-repeat;background-position:25px 80px;}
span.enlargeimages {background:url(../img/icon_enlarge.png) no-repeat center left; padding-left:25px; font-weight:bold; clear:both; float:left; width:100%; height:25px; padding-top:5px;margin:5px 0 15px;}

/**************** Videos ****************
#videos {width:800px; margin: 10px auto; height:690px; display:block; overflow:hidden;} 
#vidcol1, #vidcol3 {width:100px; height:690px;float:left;}
#vidcol2 {width:600px; float:left;}
#flowPlanes {height:450px; clear:both;overflow:hidden;}
#flowPlanes div#items {margin:0 auto;}
#flowPlanes div#items div {float:left;}
ul#flowtabs  {list-style-type:none; display:block; height:20px; width:700px; text-align:center;}
ul#flowtabs li {display:inline; width:20px; height:20px;}
a.video {width:170px; height:150px; overflow:hidden; margin:10px; float:left;}
a.video span {width:100%; clear:both; margin:5px 2px; text-align:center;height:auto;}*/


/* ---------------- video page ------------------------- */

#videoIntro {
	width: 700px;
	height:auto;
	display: block;
	overflow:hidden;
	text-align:left;
	margin: 20px auto 0;
}

#videoIntro h2 {
	color:#0089d0; 
	font-size:2em; 
	margin:5px 0; 
	font-family:"TitilliumText14L 999 wt",Arial,Helvetica,sans-serif;
}

#videoIntro p {	
	text-align: left;
	font: 1.1em/1.6em Arial, Helvetica, sans-serif;
	color: #666;	
}

#videoContainer {
	width: 750px;
	height: 690px;
	overflow:hidden;
	display: block;
	margin: 0 auto 40px auto;
	background:url(../img/video_bg.jpg) repeat-x;
}

#videoLeft {
	width: 750px;
	height: 690px;
	overflow:hidden;
	display: block;
	background:url(../img/bg_video-left.jpg) left no-repeat;
}

#videoRight {
	width: 750px;
	height: 690px;
	overflow:hidden;
	display: block;
	background:url(../img/bg_video-right.jpg) right top no-repeat;
	
}

#videoContainer #selectors {
	height: 70px;
	width: 90px;
	display:block;
	overflow:hidden;
	margin: 0 auto;
	list-style:none;
	text-align:center;
}

#videoContainer #selectors .select {
	width: 30px;
	height: 70px;
	display:block;
	overflow:hidden;
	padding-top: 35px;
	float: left;
}

#videoContainer #selectors .select a{
	display: block;
	overflow: hidden;
	margin: 0 auto;
	background:url(../img/video_indicator.png) 0 0 no-repeat;
	height: 26px;
	width: 26px; text-indent:-2000px;
}

#videoContainer #selectors .select a:hover, #videoContainer #selectors .select a.active{
	display: block;
	overflow: hidden;
	margin: 0 auto;
	background:url(../img/video_indicator.png) -27px 0 no-repeat;
	height: 26px;
	width: 26px;text-indent:-2000px;
}

#videoContainer #aLeft a {
	width: 64px;
	height: 620px;
	display: block;
	overflow:hidden;
	float: left;text-indent:2000px;
	background:url(../img/video_arrows.jpg) -2px 256px no-repeat;
}

#videoContainer #aLeft a:hover {
	width: 64px;
	height: 620px;
	display: block;
	overflow:hidden;
	float: left;text-indent:2000px;
	background:url(../img/video_arrows.jpg) -129px 256px no-repeat;
}


#videoContainer #aRight a {
	width: 64px;
	height: 620px;
	display: block;
	overflow:hidden;
	float: right;text-indent:2000px;
	background:url(../img/video_arrows.jpg) -63px 256px no-repeat;
}

#videoContainer #aRight a:hover{
	width: 64px;
	height: 620px;
	display: block;
	overflow:hidden;
	float: right;text-indent:2000px;
	background:url(../img/video_arrows.jpg) -190px 256px no-repeat;
	
}

#videoViewPort {
	width: 622px;
	height: 570px;
	display: block;
	overflow:hidden;
	background:none;
	position:relative;
	_top:-630px;
}

#videoPageContainer {
	width: 1866px;
	height: 570px;
	display: block;
	position: relative;
}

#videoContainer .pages{
	width: 622px;
	height: 570px;
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 auto;
}


#videoContainer .pages li{
	width: 207px;
	height: 161px;
	padding-top: 29px;
	display: block;
	overflow: hidden;
	float: left;
	margin: 0;
}

#videoContainer .pages li a{
	width: 168px;
	height: 161px;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	
	font: 1.1em/1.3em Arial, Helvetica, sans-serif;
	color: #1381c3;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#videoContainer .pages li a:hover{
	opacity:1;
	filter:alpha(opacity=100);
	color: #84a918;
}
#videoContainer .pages li a span {position:relative;top:-30px;width:168px; margin:0; display:block; clear:both; font-weight:bold;}
/*button {padding:0; text-align:center;
font-weight:bold; 
background:url(../img/button-right.jpg) center right no-repeat; 
border:none; overflow:visible;
display:block; height:25px;
padding: 3px 15px 0 0;
_padding: 0px 15px 25px 0;
color:#fff;

cursor:pointer;}
button span {
	background:url(../img/button-left.jpg) center left no-repeat; 
	 height:25px;width:15px;
	float:left;margin:0;
position:relative; 
	top:-4px;  -webkit-top:-3px;_top:24px;
	left:-3px; _left:-15px; 
}*/


#buttonSignIn {
	width: 65px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(../img/btn_signIn.jpg) no-repeat; 
}


#buttonEnroll {
	width: 57px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(../img/btn_enroll.jpg) no-repeat; 
}

#buttonAgent {
	float: left;
	width: 108px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(../img/btn_findAnAgent.jpg) no-repeat; 
}


#buttonQuote {
	width: 99px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(../img/btn_quoteOnline.jpg) no-repeat; 
	float: left;
}

#or {
	display: block;
	float: left;
	height: 25px;
	width: 25px;
	text-align: center;
}



#calloutBottom button span {_top:20px;}
button#find-an-agent {float:left;float: left;margin-right:30px;_margin-right:10px;position:relative; _top:-25px;}
button#quote {float:right;_float:left;position:relative; _top:-45px; _left:40px;}
p.buttonPush {_margin-left:5px;}
#enroll #formColumn {width:590px;}


/* ------------- Partners Page -----------*/

#partners #partnerBox {
	width: 504px;
	height:auto;
	display: block;
	overflow:hidden;
	clear: both;
	padding: 25px 0 0 0;
	margin: 0;
}

#partners #partnerLogo {
	width: 165px;
	height:auto;
	display: block;
	overflow:hidden;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	text-align: right;
}
#partners #partnerLogo a,
#partners #partnerLogo a img{
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
}

#partners #partnerDescription {
	width: 299px;
	height:auto;
	display: block;
	overflow:hidden;
	float: left;
	margin: 0;
	padding: 0;
}
#enroll div.formBK p {float:none;}



/*  Take The Pledge Landing Page */

#pledgeForm .checkBoxContainer,
#pledgeForm label {
	width: 75px;
	height: 23px;
	display: block;
	overflow:hidden;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	size: 1.3em;
	color: #666;
	text-align:right;
	margin: 0;
	padding: 2px 7px 0 0;
}
#schools label {
	width: 100px;
	height: 23px;
	display: block;
	overflow:hidden;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #666;
	text-align:right;
	margin: 0;
	padding: 2px 7px 0 0;
}
#pledgeForm .checkBoxContainer{
	width: 97px;	
}
#schools #search {margin:0 0 20px 0;}
.row {
	width: 330px;
	height:auto;
	clear:both;
	padding: 10px 0 0;
	display:block;
	overflow: hidden;
}
#schools .row {
	width: 430px;
	height:auto;
	clear:both;
	padding: 10px 0 0;
	display:block;
	overflow: hidden;
}
#pledgeForm .txtField {
	width: 227px;
	height:25px;
	float:left;
	border: none;
	background:none;
	padding: 0 7px;
	_padding-top: 4px;
}
#schools #submit {float:left; margin:0 10px;}
#schools .txtfield {
	width: 227px;
	height:25px;
	float:left;
	border: none;
	background:none;
	padding: 0 7px;
	_padding-top: 4px;
}
#pledgeForm .txtField-part1 {
	width: 51px;
	height:25px;
	float:left;
	border: none;
	background:none;
	padding: 0 7px;
	text-align:center;
	_padding-top: 4px;
}
#pledgeForm .txtField-part2 {
	width: 52px;
	height:25px;
	float:left;
	border: none;
	background:none;
	padding: 0 7px 0 15px;
	text-align:center;
	_padding-top: 4px;
}
#pledgeForm .txtField-part3 {
	width: 83px;
	height:25px;
	float:left;
	border: none;
	background:none;
	padding-left: 10px;
	text-align:center;
	_padding-top: 4px;
}
#pledgeForm .textfieldWrapper, #schools .textfieldWrapper {
	width: 241px;
	border: none;
	background:url(../img/textfield.png) no-repeat;
	height:25px;
	float: left;
}
#pledgeForm .textfieldWrapper-3part {
	width: 241px;
	border: none;
	background:url(../img/textfield-3part.png) no-repeat;
	height:25px;
	float: left;
}

#pledgeForm .dropdown {
	width: 237px;
	height:24px;
	float:left;
	border: none;
	background:none;
	padding: 4px 0 3px 7px;
}

#pledgeForm .dropdownWrapper {
	width: 241px;
	border: none;
	background:url(../img/dropdown.png) no-repeat;
	_background:none;
	height:25px;
	float: left;
}

#pledgeForm .dropdownSchoolWrapper {
	width: 241px;
	border: none;
	background:url(../img/selectbox.png) no-repeat;
	_background:none;
	height:151px;
	float: left;
	padding-top: 4px;
}

#pledgeForm .selectbox {
	width: 234px;
	height:147px;
	float:left;
	border: none;
	background:none;
	padding: 3px 0 3px 7px;
	font-size: 1em;
}

#pledgeForm .chkbox {
/*	width: 7px;
	height:7px;
	border:1px solid #666;*/
	float: right;
}

#pledgeForm .bigLabel {
	float: left;
	display: block;
	height:auto;
	width: 200px;
}

#pledgeForm .checkboxLabel {
	width: 200px;
	height:auto;
	float: left;
	text-align: left;
	line-height:1.1em;
	_padding-top: 5px;
}

#pledgeForm .topPadding{
	padding-top: 30px;
}

#pledgeForm #btn_takeThePledge{
	padding: 20px 0 0 85px;	
}



#socialMedia {
	width: 228px;
	height: 43px;
	padding: 8px 0 8px 28px;
	margin: 0;
	display: block;
	float: left;
	overflow: hidden;
}

#socialMedia li{
	float: left;
	height:43px;
	display: block;
}

#socialMedia #facebook a,
#socialMedia #facebook a:link,
#socialMedia #facebook a:visited{
	background:url(../img/btn_facebook.jpg) 0 0 no-repeat;
	width: 103px;
	height: 43px;
	display: block;
	text-indent:-2000em;
}
#socialMedia #facebook a:hover,
#socialMedia #facebook a:focus{
	background-position: 0 -43px;
}

#socialMedia #twitter a,
#socialMedia #twitter a:link,
#socialMedia #twitter a:visited{
	background:url(../img/btn_twitter.jpg) 0 0 no-repeat;
	width: 112px;
	height: 43px;
	display: block;
	text-indent:-2000em;
}
#socialMedia #twitter a:hover,
#socialMedia #twitter a:focus{
	background-position: 0 -43px;
}

#sidebarContainer #divisionRed a{
	background:url(../img/bg_divisionRed_header.png) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #divisionWhite a{
	background:url(../img/bg_divisionWhite_header.png) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #divisionBlue a{
	background:url(../img/bg_divisionBlue_header.png) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #divisionsFooter {
	background:url(../img/bg_sidebarFooter.png) bottom no-repeat;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 0 27px 0;
}

#sidebarContainer #divisionsFooter p{
	width: 168px;
	height: auto;
	display: block;
	margin: 15px auto 5px;
	overflow: hidden;
	text-align: left;
	color:#666;
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	float: none;
}

#sidebarContainer #divisionsFooter .description{
	color:#666;
	font: .9em/1.4em Arial, Helvetica, sans-serif;
}

#sidebarContainer #divisionsFooter ol li{
	width: 168px;
	height: auto;
	margin: 2px 0 0 50px;
	text-align: left;
	color:#666;
	font: 1.1em/1.2em Arial, Helvetica, sans-serif;
	float: none;
	display: list-item;
}

#sidebarContainer #divisionsFooter ol {
	width: 168px;
	height: auto;
	margin: 0;
	text-align: left;
	float: none;
	padding:  3px 0 7px;
}

#takeThePledge #leftColumn #pullQuote {
	padding: 155px 20px 93px 0;
	background:url(../img/arrow.png) right bottom no-repeat;
	width: 105px;
}


/* Confirmation Page */
#confirmation #columnWrapper {
	padding-bottom:100px;
	background:url(../img/thumbsUp.jpg) left 558px no-repeat;
}

#confirmation #leftColumn {
	width: 193px;	
}

#confirmation #leftColumn #pullQuote {
	padding-top: 86px;
	width: 100px;
}

#confirmation #middleColumn{
	width: 358px;
}

#confirmation #rightColumn{
	width: 235px;
}

#confirmation #middleColumn h2,
#confirmation #middleColumn p {
	padding-left: 12px;
	width: 325px;
}

#confirmation #sidebarContainer{
	margin-bottom: 8px;	
}

#sidebarContainer #helpfulTools {
	background:url(../img/bg_helpfulTools_header.jpg) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #helpfulToolsFooter {
	background:url(../img/bg_helpfulTools_footer.jpg) bottom no-repeat;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 17px 0 105px 0;
	text-align:left;
}


#sidebarContainer #findAnAgent {
	background:url(../img/bg_findAnAgent_header.jpg) no-repeat;
	width:226px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

#sidebarContainer #findAnAgentFooter {
	background:url(../img/bg_findAnAgent_footer.jpg) bottom no-repeat;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 17px 0 119px 0;
	text-align:left;
}

#sidebarContainer #helpfulToolsFooter h4{
	text-align: left;
	font: 1.3em/1.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#a1cd41;
	width: 165px;
	height:auto;
	display: block;
	padding: 0 0 5px 35px;
}

#sidebarContainer #helpfulToolsFooter p,
#sidebarContainer #findAnAgentFooter p{
	text-align: left;
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	width: 165px;
	height:auto;
	display: block;
	padding: 0 0 5px 35px;
}

a.callOutLink,
a.callOutLink:link,
a.callOutLink:visited {
	text-align: left;
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#a1cd41;
	width: 165px;
	height:auto;
	display: block;
	padding: 0 0 0 13px;
	background:url(../img/doubleArrow.gif) left 5px no-repeat;
}

a.callOutLink:hover,
a.callOutLink:focus {
	color:#1381C3;
}

#widget {
	width: 358px;
	height:380px;
	display: block;
	float: left;
}

#getAQuote {
	padding: 52px 0 0 378px;
	width: 284px;
	height:auto;
	display: block;
	overflow: hidden;
	float: left;
	text-align:left;
}

#getAQuote h3{
	color:#0089D0;
	font-size: 1.6em;
}

#getAQuote p{	
	text-align: left;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	width: 100%;
	padding-bottom:15px;	
}


#getAQuote p a {
	width: 139px;
	height:25px;
	display: block;
	overflow:hidden;
	float:left;
	text-indent:-2000em;
	margin: 0;
	padding: 0;
	background:url(../img/btn_getAQuoteNow.png) bottom left no-repeat;
}

#confirmation #socialMedia {
	padding: 8px 0 8px 8px;
}



/*  pledge page  */

#pledge #middleColumn{
	display: none;
}

#pledge h2{
	width: 200px;
	padding:14px 0 11px 0;
}

#pledge #socialMedia {
	padding-top: 0;
	float: right;
	_width: 230px;	
}

#pledge #rightColumn {
	padding:20px 0;
	text-align:left;
	width:584px;
}

#pledge #rightColumn p{
	color:#666666;
	padding:0 21px 15px 0;
	text-align:left;
	width:520px;
	font:1.2em/1.9em Arial,Helvetica,sans-serif;
}

#pledge ol {
	margin: 15px auto;
	_margin: 0 auto 15px auto;
	width: 610px;
	padding: 0;
	list-style:none;
	display: block;
	overflow:hidden;
}

#pledge ol li {
	display: block;
	padding: 8px 0 0;
	height: auto;
}

#pledge ol li p {
	float: left;
	padding: 0;
	display: block;
	width: 565px;
	height:auto;
	float: left;
}

#pledge ol li div {
	background:url(../img/numbers.gif) no-repeat 0 0;
	width: 41px;
	height: 26px;
	display: block;
	overflow: hidden;
	float: left;
	margin: 0;
}

#pledge ol li #n1{
	background-position: 0 0;
}
#pledge ol li #n2{
	background-position: 0 -26px;
}
#pledge ol li #n3{
	background-position: 0 -52px;
}
#pledge ol li #n4{
	background-position: 0 -78px;
}
#pledge ol li #n5{
	background-position: 0 -104px;
}
#pledge ol li #n6{
	background-position: 0 -130px;
}
#pledge ol li #n7{
	background-position: 0 -156px;
}
#pledge ol li #n8{
	background-position: 0 -182px;
}
#pledge ol li #n9{
	background-position: 0 -208px;
}
#pledge ol li #n10{
	background-position: 0 -234px;
}

#pledge a.takeThePledge {
	padding-left: 0;	
}



/* Schools Page */

#schools #middleColumn {
	display: none;	
}

#schools #rightColumn {
	width: 584px;
	padding: 20px 0 20px;
	text-align:left;
}

#schools #rightColumn h2{
	padding: 10px 0 11px 13px;
	width: 305px;
	float: left;	
}

#schools #socialMedia {
	float: right;
	padding-top: 0;
}

#schools #rightColumn p {
	font:1.1em/1.9em Arial,Helvetica,sans-serif;
	padding: 0 0 13px 13px;
	color: #666;
	width: 555px
}

.schoolsContainer {
	background:url(../img/bg_schools.png) repeat-y;
	width:584px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

.schoolsContainer #schoolsRed {
	background:url(../img/bg_school_headers.jpg) 0 0 no-repeat;
	width:584px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}

.schoolsContainer #schoolsRed.expanded {
	background-position:0 -44px;}
	
.schoolsContainer #schoolsWhite {
	background:url(../img/bg_school_headers.jpg) -584px 0 no-repeat;
	width:584px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}
.schoolsContainer #schoolsWhite.expanded {
	background-position:-584px -44px;}
.schoolsContainer #schoolsBlue {
	background:url(../img/bg_school_headers.jpg) -1168px 0 no-repeat;
	width:584px;
	height: 44px;
	display: block;
	overflow: hidden;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-indent:-2000em;
	margin: 0;
	padding: 0;	
}
.schoolsContainer #schoolsBlue.expanded {background-position:-1168px -44px;}
.schoolsContainer .schoolsFooter {
	background:url(../img/bg_schools_footer.png) bottom no-repeat;
	width:584px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 0 27px 0;
}

.schoolsContainer .schoolsTop {
	background:url(../img/bg_sidebarSchool_top.png) no-repeat;
	width:584px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.schoolsContainer .schoolsFooter.collapsed {height:0px;}
.schoolTable {
	width: 520px;
	margin: 23px auto;
}

.head .rank,
.head .schools,
.head .pledges {
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.rank,
.schools,
.pledges {
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
	display:block;
	float: left;
	margin: 0;
	overflow:hidden;
	height:auto;
	padding:2px;
}

.rank {
	width: 38px;
	padding-right:10px;
	text-align:left;
	text-align: right !important;
}

.schools {
	width: 400px;
	text-align:left;
}

.pledges {
	width: 36px;
	text-align: right !important;
}

a.supportYourSchool {
	width: 152px;
	height:25px;
	display: block;
	overflow:hidden;
	float:left;
	text-indent:-2000em;
	margin: 0;
	padding: 15px 0 0 50px;
	background:url(../img/btn_supportYourSchool.png) top right no-repeat;
}

a.takeThePledge {
	width: 128px;
	height:25px;
	display: block;
	overflow:hidden;
	float:left;
	text-indent:-2000em;
	margin: 0;
	padding: 20px 0 0 13px;
	background:url(../img/btn_takeThePledge.png) bottom right no-repeat;
}


/* Prizes Page */

#prizes #middleColumn{
	width: 570px;
	font:1.2em/1.9em Arial,Helvetica,sans-serif;
	padding-bottom: 5px;
}

#prizes #middleColumn h2{
	width: 200px;
	padding:14px 0 11px 0;
}

#prizes #socialMedia {
	padding-top: 0;
	float: right;
	_width: 230px;	
}

#prizes #rightColumn{
 float:right;
 font:1.2em/1.9em Arial,Helvetica,sans-serif;
 height:auto;
 padding-right:76px;
 padding-top:26px;
 text-align:left;
 width:313px;
 _padding-bottom: 15px;
}


#prizes #rightColumn p{
	color:#666666;
	padding:5px 0 15px;
	text-align:left;
	width:100%;	
}

#prizes a.takeThePledge {
	padding: 10px 0;
}

.caption,
#prizes h3 {
	color:#0089D0;
	font-size:1.6em;
	font-weight:bold;
}

#money {
 background:url("../img/money.jpg") no-repeat scroll 0 0 transparent;
 display:block;
 float:left;
 height:50px;
 padding:508px 100px 0 92px;
 width:184px;
}
 
#iPad {
 background:url(../img/iPad.jpg) no-repeat scroll 73px 22px transparent;
 display:block;
 float:left;
 height:70px;
 padding:292px 119px 0 124px;
 width:115px;
}
 
#flip {
 background:url("../img/flipVideo.jpg") no-repeat scroll 14px 141px transparent;
 display:block;
 float:left;
 height:50px;
 padding:292px 30px 0 0;
 width:152px;
}
 
#iTunes {
 background:url("../img/iTunesCard.jpg") no-repeat scroll -3px 94px transparent;
 display:block;
 float:left;
 height:94px;
 padding:292px 80px 0 62px;
 width:119px;
}




/* Privacy Page  */


#privacy #middleColumn{
	display: none;
}

#privacy h2{
	width: 270px;
	padding:14px 0 11px 0;
}

#privacy #socialMedia {
	padding-top: 0;
	float: right;
	_width: 230px;	
}

#privacy #rightColumn {
	padding:20px 0;
	text-align:left;
	width:584px;
}

#privacy #rightColumn p{
	color:#666666;
	padding:0 21px 15px 0;
	text-align:left;
	width:520px;
	font:1.2em/1.9em Arial,Helvetica,sans-serif;
}


#privacy h3{
	width: 598px;
	margin: 10px 0;
	float: none;
	line-height: 1.5em;
	font-size:1.7em;
	color: #0089D0	
}

#privacy h4{	
	text-align: left;
	font: 1.2em/2.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666;
	margin: 10px 0;
	clear: both;	
}

#privacy ol {
	padding: 8px 0 8px 25px;
	_padding-left: 35px;
	width: 610px;
	margin: 0;
	list-style-type: decimal;
	overflow:hidden;
	display:block;
}

#privacy ol li {
	padding: 8px 75px 0 0;
	_padding-right: 33px;
	height: auto;
	font: 1.2em/1.8em Arial, Helvetica, sans-serif;
	color: #666;	
	width:525px;
}


#privacy ol li ul {
	margin: 10px 0 10px 20px;	
}

#privacy ol li li {	
	padding: 0 0 0 5px;
	height: auto;
	font: 1.1em/1.3em Arial, Helvetica, sans-serif;
	width: 95%;
} 

#privacy .linkURL {
	font: 1.4em/1.8em Arial, Helvetica, sans-serif;	
}

#privacy #rightColumn p.footnote {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	padding-left:5px;
	text-indent:-5px;
}


/*  Rules Page */ 

#rules #middleColumn{
	display: none;
}

#rules #rightColumn {
	padding:20px 0;
	text-align:left;
	width:584px;
}

#rules #rightColumn p{
	color:#666666;
	padding:0 21px 15px 0;
	text-align:left;
	width:520px;
	font:1.2em/1.9em Arial,Helvetica,sans-serif;
}

#rules{
	color: #666;	
}

#rules h2{
	width: 270px;
	padding:14px 0 11px 0;
}

#rules #socialMedia {
	padding-top: 0;
	float: right;
	_width: 230px;	
}


#rules h3{
	width: 598px;
	margin: 10px 0;
	float: none;
	line-height: 1.5em;
	font-size:1.7em;
	color: #0089D0;	
}

#rules h3.title{
	line-height: 1.1em;
	padding: 0;
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
}

#rules h5{
	width: 598px;
	padding: 0;
	height: auto;
	font-size: 1.05em;
	line-height: 1.5em;
	color: #666;	
}
#rules h4{	
	text-align: left;
	font: 1.2em/2.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666;
	margin: 10px 0;
	clear: both;	
}

#rules #content ol li p{
	padding: 0;
	height: auto;
	font-size: 1.05em;
	line-height: 1.5em;
	margin:5px 0;
	display:inline;
}
#rules #content p em,
#rules #content ol li p em,
#rules #content ol li ul li em{
	font-style: normal;
	text-decoration:none;
	font-weight:bold;
	color:#2797AD;
}
#rules ol li p span {
	text-decoration:none;
	color: #000;
	font-weight:bold;
}


#rules ol {
	padding: 8px 0 8px 25px;
	_padding-left: 35px;
	width: 610px;
	margin: 0;
	list-style-type: decimal;
	overflow:hidden;
	display:block;
}

#rules ol li {
	padding: 8px 75px 0 0;
	_padding-right: 33px;
	height: auto;
	font: 1.2em/2.4em Arial, Helvetica, sans-serif;
	color: #666;
	width:525px;
	clear:both;
}


#rules ol li ul {
	margin: 10px 0 10px 20px;	
}

#rules ol li li {	
	padding: 0 0 0 5px;
	height: auto;
	font: 1.1em/1.3em Arial, Helvetica, sans-serif;
	width: 95%;
} 

#rules .linkURL {
	font: 1.4em/1.8em Arial, Helvetica, sans-serif;	
}

#rules #rightColumn p.footnote {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	padding-left:5px;
	text-indent:-5px;
}
#nav_tertiary{margin: 12px 0; font-size:10px;text-align:center}
#nav_tertiary li{display: inline;list-style: none;padding: 0 11px 0 0;margin: 0 10px 0 0;background: url('../img/separators/nav_tertiary.gif') right center no-repeat}
#nav_tertiary li.last{background: none;margin-right: 0;padding-right: 0}
#nav_tertiary li a{text-decoration: underline;color: #666}
#nav_tertiary li a:hover{text-decoration: none;color: #368CC2}
a.external {background:url('../img/icons/external.gif') no-repeat center right;padding-right:14px}
tr.highlight{background:yellow;}
#schools #rightColumn #error p{font-weight:bold; color:#f00;}