/* CSS Document for Nationwide Insurance Teen Driver site
---------------------------------------------------------

Colors
======
nav green: #86b922;
nav blue: #4ca9ca;
nav orange: #f28020;
nav2 article title: #49a5c4;
body text: #a0a0a0;
body text alt: #666;
content links: #106eb7;

----------------------------------------------------------*/

/* =global/all
----------------*/
body, div, p, form, table, td, th, li, form, input {font:11px Arial, Helvetica, sans-serif;}
body {margin:0; padding:0; text-align:center; background-color:#fff;}

.nav {margin:0; padding:0; list-style-type:none; clear:both; overflow:hidden;}
.nav li {margin:0; padding:0; float:left;}

/* =container 
---------------*/
#container {width:90%; margin:0 auto; text-align:left; background-color:#fff; overflow:hidden;}

/* =header 
============*/
#header {height:250px; background:none;}
#header form, .footernav {background-color:#fff; font-size:11px;}
#header form {padding:7px 0; overflow:hidden; color:#333;}
#header a, #footer a {text-decoration:none;}
#header a:hover, #footer a:hover {text-decoration:underline;}
* html #container {margin-top:15px;}
* html #header {height:230px;}
* html #header form {height:0; margin:0; padding:0;}
*+html #container {margin-top:15px;}
*+html #header {height:230px;}
*+html #header form {height:0; margin:0; padding:0;}

/* =searchnav
+++++++++++++++*/
#searchBar {display:none;}
.searchnav .holder {height:15px;}

/* =mainnav
+++++++++++++*/
.mainnav {margin-bottom:25px; padding-left:15px;}
.mainnav li {display:none;}
.mainnav li.logo {display:block; float:none; text-align:right;}
.mainnav li.logo a {margin-top:0; padding-right:5px;}

/* =logo
++++++++++*/
.logo_sr {position:relative; display:block; margin:-2px 0 0 25px;}
* html .logo_sr {margin:-15px 0 0 25px;}

/* =content
=============*/

#content {position:relative; min-height:200px; margin:-100px 0 0 0; padding-bottom:15px; overflow:hidden;}
#content a {color:#106eb7;}
#content a.diff {text-decoration:none; font-weight:bold;}
* html #content {height:1%;}
#content .assessment li { list-style-type:none; }

/* =side_nav
++++++++++++++*/
.side_nav {display:none;}

/* =main_content
++++++++++++++++++*/
.main_content {width:100%; margin:0 40px 0 25px; color:#666; font-size:11px; line-height:14px;}
h2.article_title {margin:50px 0 20px 0; font-size:18px;}
    .p-think h2.article_title, .t-smart h2.article_title {color:#86b922;}
    .p-talk h2.article_title, .t-parents h2.article_title {color:#49a5c4;}
    .p-smart h2.article_title, .t-quiz h2.article_title {color:#f28020;}
    .p-carlicense h2.article_title, .p-nationwide h2.article_title, .t-carlicense h2.article_title {color:#848484;}
.copy_actions {display:none;}
.main_content h3 {font-size:14px; font-weight:normal;}

/* =learn_more
________________*/
.learn_more {font-size:10px; color:#106eb7;}
.learn_more li {font-size:10px;}
.learn_more a {font-size:10px; text-decoration:none;}

/* =side_feature
++++++++++++++++++*/
.side_feature {display:none;}

/* =footer
------------*/


/* =inviteFooter
===============*/
.inviteFooter {display:none;}

/* =invitenav
===============*/
.invitenav {display:none;}

/* =footernav
===============*/
.footernav {padding: 10px 10px 15px 0; color:#333; clear:both;}
.footernav li {padding:0 2px; /*line-height:10px; border-right:1px solid #fff;*/ font-size:10px;}
.footernav li.first {padding-left:0;}
.footernav li.last {border-width:0;}
.footernav a {font-size:10px;}
.footernav .reg {font-size:8px;}
.footernav .tollfree {position:relative; margin-top:-3px;}
* html .footernav .tollfree {margin-top:0;}
*+html .footernav .tollfree {margin-top:0;}


/* =Clear fix
-----------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

.jqmWindow{display:none;}