/* Reset Css (it standardizes cross-browser rendering on common elements, neutralizing browsers' built-in stylesheets.)*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {margin:0; padding:0;}
body {background:#dcdcdc url('../images/bodybg.jpg') repeat-x; margin:0; font-family:Tahoma, Arial, Verdana; font-size:12px; color:#4c4c4c; line-height:18px}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0px none;}
address, caption, cite, code, dfn, em, strong, th, var {}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:16px; font-weight:bold;font-family:"Arial Black", Gadget, sans-serif;}

q:before, q:after {}
abbr, acronym { border:0px none;}
.clear {clear:both;}
HTML, body {height:100%; overflow:inherit;}
.left {float:left;}
.right {float:right;}
a {color:#304c7c;}

#maincontainer {width:868px;margin:0px auto;}
/* Header */
.header {background:url('../images/header-bg.jpg') no-repeat;height:202px;padding-left:28px; padding-right:5px; padding-top:3px; padding-bottom:0px}
.header p {font-size:10px;color:#515151;padding-top:5px;}
.logo {background:url('../images/ndss-logo.gif') no-repeat;margin-top:5px;color:#304c7c;font-family:"Arial Black";line-height:24px; position:relative; padding-left:160px; padding-right:0px; padding-top:18px; padding-bottom:40px}
.logo A {display:block; width:150px; height:100px; position:absolute; right:300px; top:-60px; margin-top:50px;}
.header .right {color:#FFF;font-size:10px;padding-right:10px;}
.header a {color:#FFF;text-decoration:none;}


/* Headings */
h1 {font-size:20px;}
h2 {margin-bottom:15px;}
h4 {color:#304b76;margin-bottom:5px;}
h5 {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#304c7c;font-weight:bold;}
h6 { color:#808080;}

/* Navigation 
 * .navigation { padding:19px 0px 10px 10px;}
 * *html .navigation { padding:15px 0px 10px 10px;}
 * .navigation a{color: #9d9d9d;text-decoration: none;padding-left:20px;font-size:18px;font-family:"Arial Black";cursor:pointer;}
 * .navigation a span{padding-right:20px;height:24px;padding-top:4px;}
 * .navigation a, .navigation a span{display: block;float: left;}
 * .navigation a:hover{color: #fff;background: #949494 url(../images/left-tab-hover.gif) left top no-repeat;}
 * .navigation  a:hover span{color: #fff;background: url(../images/right-tab-hover.gif) right top no-repeat;}
 * .navigation .active{color: #fff;background: #949494 url(../images/left-tab-hover.gif) left top no-repeat;}
 * .navigation .active span {background: url(../images/right-tab-hover.gif) right top no-repeat;color:#FFF;}
 * .navigation ul{list-style: none;padding: 0;margin: 0;}
 * .navigation li{float: left;margin:0px 30px 0px 0px;}*/

/* Container */
.container {background:url(../images/container-bg.gif) repeat-y;margin:0px auto;}
.content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:30px;}
.container p {padding-bottom:20px;}

.caption1 {margin-left:120px;}
.caption2 {margin-top:-15px;}

/* Homepage Boxes */
.box1 {background:url(../images/box1-bg.gif) no-repeat;height:296px;width:266px;position:absolute;margin:-53px 0px 0px 28px;float:left;}
.box-title {text-align:center;padding:9px 0px 0px 0px;}
.box-arrow {margin:-6px 0px 0px -9px;position:absolute;}
.box-arrow img {vertical-align:middle;}
.box2 {background:url(../images/box2-bg.gif) no-repeat;height:296px;width:266px;position:absolute;margin:-53px 0px 0px 305px;float:left;}
.box3 {background:url(../images/box3-bg.gif) no-repeat;height:296px;width:266px;position:absolute;margin:-53px 0px 0px 580px;float:left;}
.box-content {text-align:center;margin-top:45px;}
.box-content span {color:#a20100;font-family:"Arial Black";}
.box-content ul {float:left;text-align:left;padding:20px 0px 20px 40px;}
.box-content li {list-style:disc;font-family:Arial, Helvetica, sans-serif;color:#6a6a6a;padding-bottom:5px;}

/* Homepage */
.promo-home {background:url(../images/promo-home.jpg) no-repeat;height:264px;padding:20px 0px 0px 310px;}
.home-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:265px 35px 50px 33px;}
.home-content .left {width:515px;margin-right:30px;}
.home-content .right { float:left;width:250px;}

/* About Page */
.promo-about {background:url(../images/promo-about.jpg) no-repeat;height:244px;padding:40px 0px 0px 290px;}
.about-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:30px 50px 50px 50px;}
.about-content .left {width:400px;margin-right:40px;}
.about-content .right{ float:left;width:300px;}
.about-content h4 {margin-bottom:15px;}
.about-content .left li {background:url(../images/green-tick.gif) no-repeat;padding:0px 0px 15px 30px;}

/* Adult Page */
.promo-adult {background:url(../images/promo-adult.jpg) no-repeat;height:244px;padding:40px 0px 0px 260px;}
.adult-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:30px 50px 50px 50px;}
.adult-caption1 {margin:10px 0px 0px 20px;}
.promo-adult .left {margin:20px 0px 0px 90px;}
*html .promo-adult .left {margin:20px 0px 0px 50px;}
.promo-adult .right { float:left;text-align:center;}
.adult-content .left {width:450px;margin-right:40px;}
.adult-content .right { float:left;width:250px;padding-left:20px;}
.adult-content .right ul {margin:0px 0px 35px 15px;}
.adult-content .right li{ list-style:disc;font-family:"Arial Black";font-size:18px;padding-bottom:10px;}

/* Contact Page */
.promo-contact {background:url(../images/promo-contact.jpg) no-repeat;height:204px;padding:80px 0px 0px 320px;}
.contact-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:50px 60px 60px 50px;}
.contact-content .left {width:300px;margin-right:30px;}
.contact-content .right { float:left;width:425px;}
.contact-content p {margin-bottom:-5px;}

.call {color:#555555;margin:20px 0px;}
.toll {font-size:18px;font-family:"Arial Black";color:#304c7c;margin-top:20px;}
.toll span, .ttd span, .email span {color:#535353;}
.ttd {font-size:15px;font-family:"Arial Black";color:#304c7c;}
.email {font-size:15px;font-family:"Arial Black";color:#304c7c;}
.email a {color:#535353;text-decoration:none;}
.chat {font-size:15px;font-family:"Arial Black";color:#304c7c;}
.chat span {font-size:12px;color:#4c4c4c;font-family:Tahoma;}
.chat a {color:#a21616;}
.form {background:url(../images/contact-form-bg.jpg) no-repeat;width:395px;height:215px;color:#304c7c;padding:15px 15px;}
.form td {padding:0px 0px 10px 5px;}
.form input, .form textarea {border:solid 1px #FFF;width:200px;}
.form select {background:#FFF;border:none;}

/* Parent Page */
.promo-parent {background:url(../images/promo-parents.jpg) no-repeat;height:244px;padding:40px 0px 0px 270px;}
.parent-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:30px 60px 60px 60px;}
.promo-parent .left {margin:20px 20px 0px 30px;}
*html .promo-parent .left {margin:20px 10px 0px 20px;}
.promo-parent .right {margin:20px 0px 0px 0px;float:left;}

/* Teen Page */
.promo-teen {background:url(../images/promo-teen.jpg) no-repeat;height:244px;padding:40px 0px 0px 290px;}
.teen-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:20px 60px 60px 60px;}
.teen-content .left {width:350px;margin-right:40px;}
.teen-content .right { float:left;width:350px;}
.teen-content h4, .plus-content h4 {margin-bottom:20px;}
.teen-content ul {margin:0px 0px 20px 30px;}
.teen-content li {list-style:disc;}
.promo-teen .left {margin:20px 20px 0px 10px;}
.promo-teen .right {margin:30px 0px 0px 0px;float:left;}
*html .promo-teen .left {margin:20px 10px 0px 10px;}
.teen-bottom .left {width:440px;}
.teen-bottom .right {width:261px;}
.info {background:url(../images/teen-support-bg.jpg) no-repeat;width:236px;height:183px;font-size:14px;color:#000;font-weight:bold;padding:15px 0px 0px 25px;}
.info a {color:#3062c2;}

/* 25 Plus Page */
.promo-25plus {background:url(../images/promo-25plus.jpg) no-repeat;height:254px;padding:30px 0px 0px 260px;}
.plus-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:20px 60px 60px 60px;}
.promo-25plus .left {margin:20px 20px 0px 30px;}
*html .promo-25plus .left {margin:20px 20px 0px 15px;}
.promo-25plus .right { float:left;margin-top:30px;}
.plus-content .left {width:350px;}
.plus-content .left li{ list-style:disc;}
.plus-content .right {width:350px;}
.plus-content ul {margin:-15px 0px 20px 30px;}
.plus-content .right ul {margin-left:0px;margin-top:20px;}
.plus-content .right li {background:url(../images/green-tick.gif) no-repeat;padding:0px 0px 15px 30px;list-style:none;font-family:Arial, Helvetica, sans-serif;font-size:14px;}

/* Inside Page */
.promo-inside {background:url(../images/promo-parents.jpg) no-repeat;height:244px;padding:40px 0px 0px 270px;}
.promo-inside2 {background:url(../images/dmv-bg2.jpg) no-repeat;height:154px; padding:130px 0 0 280px;}
.promo-inside2 span {display:none;}
.q-1 a{display:block; width:204px; height:133px; float:left; margin-right:35px;}
.q-2 a{display:block; width:204px; height:133px; float:left;}
.inside-content {background:url(../images/content-bottom.gif) no-repeat left bottom;padding:30px 40px 60px 40px;}
.inside-content .left {width:300px;float:left;}
.promo-inside .left {margin:20px 20px 0px 30px;}
*html .promo-inside .left {margin:20px 10px 0px 20px;}
.promo-inside .right {margin:20px 0px 0px 0px;float:left;}
.green-tick {margin-top:20px;}
.green-tick li {background:url(../images/green-tick.gif) no-repeat;padding:0px 0px 15px 30px;}
.green-tick1 {}
.green-tick1 li {background:url(../images/green-tick.gif) no-repeat;padding:0px 0px 15px 30px;}

.normal  {margin-left:15px;}
.normal li{padding:0px 0px 15px 0px;list-style:disc;}


.subhead {color:#304b76;font-size:14px;font-family:"Arial Black", Gadget, sans-serif;margin-bottom:-10px;}
.dollar {background:url(../images/dollar-img.gif) no-repeat;padding:32px 0px 40px 95px;margin-bottom:65px;}
.head {text-align:center;margin-bottom:20px;}
.separator {text-align:center;margin-bottom:20px;}
.signup {text-align:center;}
dt {font-weight:bold;}
dd {margin-bottom:10px;}

/*Footer */
.footer {text-align:center;padding:10px 0px;line-height:22px;}
.footer a {color:#304b76;}

.none {display:none;}


/* ######### Style for Drop Down Menu ######### */

.nav_wrap {padding-top:19px;}
.chromestyle ul{}
.chromestyle li{list-style:none; display:block; float:left; margin:0px; padding:0px;}
.chromestyle li a{float:left;color:#9d9d9d; text-decoration:none; font-weight:bold; padding:0px 0 0 15px; margin:0px; text-align:center; cursor:pointer;margin-right:20px;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;}
.chromestyle li a span{float:left; display:block; padding:0 15px 0 0; margin:0px;height:24px;padding-top:4px;}

.chromestyle li a:hover{color:#fff; background:url(../images/left-tab-hover.gif) #949494 no-repeat left 0px;}
.chromestyle li a:hover span{color:#fff; background:url(../images/right-tab-hover.gif) no-repeat right top;height:24px;padding-top:4px;}

.chromestyle li a.selected{color:#fff; background:url(../images/left-tab.gif) #949494 no-repeat left 0px;}
.chromestyle li a.selected span{color:#fff; background:url(../images/right-tab-hover.gif) no-repeat right 0px;height:24px;padding-top:4px;}

.dropmenudiv{position:absolute; top: 0;line-height:18px; z-index:100; background:#304c7c; width: 150px; visibility: hidden;border:solid 1px #FFF;margin-top:11px; }
.dropmenudiv a{background:#304c7c; height:22px; width: auto; display: block;padding:8px 0 6px 13px; text-decoration: none; color:#fff;border-bottom:solid 1px #FFF;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
.dropmenudiv a:hover{color:#304c7c; text-decoration:none;background:#FFF;}

.chromestyle .active{color: #fff;background: #949494 url(../images/left-tab-hover.gif) left top no-repeat;}
.chromestyle .active span {background: url(../images/right-tab-hover.gif) right top no-repeat;color:#FFF;}

/* Navigation Css Starts Here */