@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 Book';
	src: url('fonts/CartoGothicStd-Book.eot');
	src: local('CartoGothic Std Book'), local('CartoGothicStd-Book'), url('fonts/CartoGothicStd-Book.otf') format('opentype');
}

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

@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: 'CartoGothic Std Bold Italic';
	src: url('fonts/CartoGothicStd-BoldItalic.eot');
	src: local('CartoGothic Std Bold Italic'), local('CartoGothicStd-BoldItalic'), url('fonts/CartoGothicStd-BoldItalic.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L Regular';
	src: url('fonts/TitilliumText1.eot');
	src: local('TitilliumText14L Regular'), local('TitilliumText14L-Regular'), url('fonts/TitilliumText1.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 250 wt';
	src: url('fonts/TitilliumText250wt.eot');
	src: local('TitilliumText14L 250 wt'), local('TitilliumText14L-250wt'), url('fonts/TitilliumText250wt.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 400 wt';
	src: url('fonts/TitilliumText400wt.eot');
	src: local('TitilliumText14L 400 wt'), local('TitilliumText14L-400wt'), url('fonts/TitilliumText400wt.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 600 wt';
	src: url('fonts/TitilliumText600wt.eot');
	src: local('TitilliumText14L 600 wt'), local('TitilliumText14L-600wt'), url('fonts/TitilliumText600wt.otf') format('opentype');
}

@font-face {
	font-family: 'TitilliumText14L 800 wt';
	src: url('fonts/TitilliumText800wt.eot');
	src: local('TitilliumText14L 800 wt'), local('TitilliumText14L-800wt'), url('fonts/TitilliumText800wt.otf') format('opentype');
}
@font-face {
	font-family: 'TitilliumTitle01 Thin';
	src: url('fonts/Titillium_title03.eot');
	src: local('TitilliumTitle01 Thin'), local('TitilliumTitle01-Thin'), url('fonts/Titillium_title03.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; margin: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;}
#contact h3 {padding-top: 5px}
#wrapper {
	display: block;
	overflow: hidden;
	background: url(images/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(images/bg_shell-vertical.png) repeat-y;
	width: 957px;
	height:auto;
	margin: 0 auto;
	padding:0;
}

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

#shell-right {
	display: block;
	overflow: hidden;
	background: url(images/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(images/bg_shell-bottom.png) bottom no-repeat;
	width: 957px;
	height:auto;
	margin: 0;
	padding: 0;
}

#shell-top {
	display: block;
	overflow: hidden;
	background:url(images/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(images/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(images/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(images/btn_go.png) 5px 0 no-repeat;
	cursor: pointer;
	border: 0;
}

form span.field { 
	display: inline-block; 
	background: url('images/field_rpt.gif')	repeat-x; 
	margin-right: 3px;
	float: left;
}
form .error span.field { 
	background-image: url('images/field_rpt_error.gif'); 
	padding-right: 3px; height:28px;
	float: left;
}
form span.field_r { 
	display: inline-block; 
	background: url('images/field_r.gif') right top no-repeat; 
	height:28px;
	float: left;
}
form .error span.field_r { 
	background-image: url('images/field_r_error.gif'); 
	float: left;
}
form span.field_l { 
	display: inline-block; 
	background: url('images/field_l.gif') left top no-repeat; 
	height:28px;
	float: left;
}
form .error span.field_l { 
	background-image: url('images/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(images/textArea.gif) repeat-x scroll 0 0;
display:block;
float:left;
height:104px;
width:320px;
}
form span.tArea_l {
background:transparent url(images/textArea_l.gif) no-repeat scroll left center;
display:block;
height:104px;
width:320px;
}
form span.tArea_r {
background:transparent url(images/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: 250px;
	background:url(images/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: 191px;
	background:url(images/bg_nav.png) -250px -54px no-repeat;
}

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

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

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

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

#enroll #nav #four a,
#nav #four a:hover,
#nav #four a:focus{	
	background-position: -616px 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(images/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(images/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(images/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(images/tsd_banner.jpg) 0 1px no-repeat;
	clear: both;
}

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

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

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

#content-top {
	width: 819px;
	height: auto;
	display: block;
	overflow:hidden;
	margin: 0;
	background: url(images/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: 534px;
	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(images/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(images/amFam_logo_small.png) 0 9px no-repeat;
}

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


#footer_tsd #driveCam {
	width: 142px;
	height: 58px;
	display:block;
	float: left;
	background: url(images/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(images/teenKeys.jpg)	25px bottom no-repeat;
}

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

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

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

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

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

#contact #columnWrapper {
	background: url(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/arrows_large.png) 0 8px no-repeat;
}

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

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

#home #mainRight {
	background:url(images/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(images/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(images/sidebar_home_top.png) top no-repeat;
	width:252px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#home #sidebarContainer #bottom {
	background:url(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/bg_sidebar.png) repeat-y;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

#sidebarContainer #videoHeader {
	background:url(images/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(images/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(images/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(images/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(images/bg_sidebar-top.png) no-repeat;
	width:226px;
	height:auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#sidebarContainer #testimonialFooter {
	background:url(images/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(images/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#how-it-works #subnav #one a,
#subnav #one a:hover,
#subnav #one a:focus{
	color: #006;
	background:none;
	background:url(images/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(images/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#why-it-works #subnav #two a,
#subnav #two a:hover,
#subnav #two a:focus{
	color: #006;
	background:none;
	background:url(images/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(images/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#proven-results #subnav #three a,
#subnav #three a:hover,
#subnav #three a:focus{
	color: #006;
	background:none;
	background:url(images/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(images/subnav.png) 0 0 no-repeat;
	color: #1381c3;
	text-decoration: none;
}

#faqs #subnav #four a,
#subnav #four a:hover,
#subnav #four a:focus{
	color: #006;
	background:none;
	background:url(images/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/images/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/images/ui-icons_056b93_256x240.png) no-repeat;background-position:25px 80px;}
span.enlargeImg {background:url(images/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(images/video_bg.jpg) repeat-x;
}

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

#videoRight {
	width: 750px;
	height: 690px;
	overflow:hidden;
	display: block;
	background:url(images/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(images/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(images/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(images/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(images/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(images/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(images/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(http://wwwa.amfam.com/microsites/teen-safe-driver/images/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(http://wwwa.amfam.com/microsites/teen-safe-driver/images/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(images/btn_signIn.jpg) no-repeat; 
}


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

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


#buttonQuote {
	width: 99px;
	height: 25px;
	display: block;
	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background: url(images/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;}