@charset "utf-8";
/* CSS Document */

body { margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/background-teen.jpg) repeat-x top center; }
body#bg-none { background:none; }
#container { width:740px; margin:15px auto 0px auto; }
img { vertical-align:bottom; }
.float { float:left; }
.clear { width:1px; height:1px; clear:both; }

/* ---------- HEADER SECTION ------- */

/* SOCIAL ICONS */
#header-right { width:530px; float:left; text-align:right; }
#social { list-style:none; padding:0px; margin:0px; }
#social li { color:#CCC; font-weight:bold; display:inline-block; line-height:23px; }
.first { padding-right:10px; }

/* LANGUAGE SELECTION */
#language { list-style:none; padding:0px; margin:0px; margin-top:5px;}
#language li { color:#005daa; display:inline-block; line-height:23px; }
#language select { background-color:#f0f0f0; border-top:#999 1px inset; border-left:#999 1px inset; vertical-align:top; margin-top:3px; }

/* NAVIGATION */
#nav { list-style:none; padding:0px; margin:0px; float:left; width:840px; margin-top:8px; }
#nav li { font-weight:bold; display:inline-block; height:35px; font-size:10px; }
#nav li a { text-decoration:none; color:#005daa; line-height:19px; display:block; padding:8px 7px; font-weight:normal; }
#nav li a.selected { background-color:#00aeef; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color:#FFFFFF; }
#nav li a:hover { background-color:#00aeef; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color:#FFFFFF; }

/* SUB NAVIGATION */
#subNav { width:1000px; list-style:none; margin:0px; clear:both; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#subNav li { display:inline-block; padding:0px 5px; line-height:32px; }
#subNav li a { color:#a5def4; text-decoration:none; font-size:13px; }
#subNav li a.selected { color:#FFF;}
#subNav li a:hover { color:#FFF;}

/* ---------- MAIN CONTENT SECTIONS ---------- */

#content-left { width:495px; float:left; margin-right:30px; }
#content-right { width:215px; float:left; }
#content-left h1 { background:url(../images/bg-title-teen.jpg) no-repeat top left; color:#FFFFFF; width:465px; padding:0px 15px; line-height:49px; font-size:22px; margin-bottom:20px; }
#content-left p { padding:0px 15px; font-size:12px; color:#333333; line-height:20px; margin-bottom:15px; text-align:justify; }   /* NEW */
#content-left p.sub-title { color:#ff7a00; margin-bottom:0px; font-weight:bold; clear:both; margin-bottom:10px; }
#content-left p a { color:#f79024; text-decoration:underline; font-weight:bold; }

/* ----------- TEEN ----------- */
#list-teen { list-style:url(../images/list-image.gif); padding-left:15px; margin-left:15px; font-size:12px; color:#333333; line-height:20px; margin-bottom:20px; }

/* ---------- PODS RIGHT ----------- */
.pod-small { background:url(../images/bg-pod-small-teen.gif); width:185px; height:112px; margin-top:-20px; padding:15px; margin-bottom:10px; }
.pod-small h3 { color:#FFFFFF; font-size:13px; line-height:14px; font-weight:bold; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; }
.pod-small input { width:100px; padding:0px 8px; margin-right:10px; font-size:11px; color:#005daa; line-height:20px; height:20px; border:1px solid #DDDDDD; }
.pod-small select { color:#005daa; line-height:20px; height:21px; border:1px solid #DDDDDD; }
.pod-small img { margin-top:10px; }
.pod-right { width:208px; padding:0px 3px 0px 4px; background:url(../images/bg-pod-right.gif) no-repeat bottom center; margin-bottom:10px; }
.pod-right h3 { width:188px; background:url(../images/bg-pod-right-title-teen.gif) no-repeat top left; line-height:34px; color:#FFFFFF; padding:0px 10px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.pod-right-content { background:#f1f2f2 url(../images/bg-pod-right.gif) no-repeat bottom left; width:188px; padding:10px; }
.pod-right p { font-size:12px; line-height:18px; margin-bottom:10px; }

/* ---------- FOOTER SECTION ---------- */

/* FOOTER */
#footer { width:100%; height:271px; background:#005daa url(../images/bg-footer.gif) repeat-x top left; margin-top:30px; padding-top:70px; float:left;}
#footer-content { width:740px; margin:0px auto; }
#footer-links { list-style:none; padding:0px; width:740px;}
#footer-links li { font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:inline-block; height:170px; line-height:24px; font-size:11px; color:#FFFFFF; vertical-align:top; }
.links-footer { width:134px; border-left:1px solid #337dbb; padding-left:10px; }
.links-footer a { text-decoration:none; color:#80aed5; }
.links-footer a:hover { color:#FFFFFF; }
.title { font-weight:bold; color:#80aed5; }
.white { color:#FFFFFF; line-height:18px; margin-bottom:5px; }
#bottom-links { font-family:Arial, Helvetica, sans-serif; color:#80aed5; font-size:11px; line-height:16px; margin:30px; width:740px; text-align:center; }
#bottom-links a {  color:#80aed5; text-decoration:underline; }
#bottom-links a:hover { color:#FFFFFF; }

/* ---------- DCH ACCORDION ----------- */     /* NEW */
#hideable div{ border-bottom: 1px solid #cccccc; width: 480px; padding-top: 15px; clear: both; }
#hideable h3{ width: 330px; float: left; padding: 16px 0; line-height: 24px; border-bottom: 1px solid #cccccc; position:relative; padding-left:40px; }
#hideable h3.twoline, #hideable h3.threeline{ line-height: 24px; }
#hideable h3 a{ display: block; font-weight: normal; font-size:14px; color:#005daa; text-decoration:none; }
#hideable h3 a img{ margin-right: 16px; display: none; float: left; position:absolute; top:16; left:0; }
#hideable h3.twoline a img { top:28px; }
#hideable h3.threeline a img { top:40px; }
#hideable label{ color: #999999; width: 113px; text-align: right; padding-right: 8px; padding-bottom: 16px; display: block; float: left; font-size: 1.3em; line-height: 24px; 	margin-top:-21px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; display: none; border-bottom: 1px solid #cccccc; }
#hideable label.oneline{ padding-top: 37px; }
#hideable label.twoline{ padding-top: 61px; }
#hideable label.threeline{ padding-top: 85px; }
#hideable p{ clear: both; margin-bottom:30px; }

/* ---------- LANGUAGE SWITCH ---------- */
.langSwitch { display:block; padding-top:5px; margin-bottom:-6px; }
.langSwitch a { color:#005daa; text-decoration:none;  }