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

/* Common to all subsites */

* { margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }

.offleft { display:block; position:absolute; text-indent:-9999px; overflow:hidden; padding-right:50px; text-align:left; }

.right { float:right; }

.left { float:left; }

/* PAGE STRUCTURE */

html { height:100%; }

body { background-position:left top; background-repeat:repeat; }

#outerBkgd { height:100%; background-color:transparent; background-position:left 149px; background-repeat:repeat-x; position:relative; z-index:auto; }

#outerWrap { width:100%; }

#innerWrap { background-color:transparent; background-position:center 64px; background-repeat:no-repeat; }

#container { width:1003px; margin:0px auto; background-color:transparent; background-position:center top; background-repeat:repeat-y; position:relative; }

#navigation { width:1003px; height:149px; position:absolute; }

#Layout { background-position:center 64px; background-repeat:no-repeat; }

#masthead, #Content { width:1003px; margin:0px auto; }
#masthead { background-color:transparent; background-position:right top; background-repeat:no-repeat; }

#Content { background:none; clear:both; }

#flashHolder { width:150px; height:280px; float:left; margin-top:35px; margin-left:125px; line-height:17px; }

#logo { width:346px; height:140px; padding-top:0px; margin-top:148px; float:left; background-color:transparent; background-position:left 42px; background-repeat:no-repeat; }

#slideshow { width:382px; height:346px; float:left; background-color:transparent; background-position:left top; background-repeat:no-repeat; }

#Footer { width:973px; margin:0px auto; padding:15px 30px 15px 0px; text-align:right; }
#Footer p { color:#ad9e8c; font-size:10px; }
#Footer a { color:#ad9e8c; font-size:10px; }

div.image.left { margin:3px 10px 0px 0px; }
div.image.right { margin:3px 0px 0px 10px; }

/* TYPOGRAPHY */

#pageText { width:560px; float:left; margin-left:28px; padding-bottom:0px; font-size:12px; position:relative; top:-39px; }
#pageText h1 { font-size:34px; line-height:30px; margin-bottom:10px; font-weight:normal; }
#pageText h2 { font-size:20px; line-height:21px; margin-bottom:5px; padding-top:4px; font-weight:normal; }
#pageText h3 { font-size:16px; line-height:21px; margin-bottom:5px; padding-top:4px; font-weight:normal; }
#pageText p { margin-bottom:10px; line-height:17px; }
#pageText ul, #pageText ol { margin-bottom:10px; padding-left:25px; }
#pageText ul.anchorLinks { padding-top:25px; padding-bottom:25px; }
#pageText ul li, #pageText ol li { margin-bottom:4px; line-height:17px; }
#pageText table { margin-bottom:10px; }
#pageText table th { text-align:left; padding-right:6px; line-height:17px; }
#pageText table td { text-align:left; line-height:17px; }
#pageText blockquote { margin:25px 0px 25px 0px; }
#pageText blockquote p { font-size:14px; margin:0px 0px 5px 0px; line-height:17px; }
#pageText blockquote p em, #pageText blockquote em p, #pageText blockquote p i, #pageText blockquote i p { font-size:14px; }

#pageText p img.left { margin-top:3px; margin-right:10px; }
#pageText p img.right { margin-top:3px; margin-left:10px; }

#pageText h1 { color:#5c3d1a; }
#pageText h2 { color:#778528; }
#pageText h3 { color:#5c3d1a; }
#pageText a { color:#5c3d1a; }
#pageText a:hover { color:#778528; }
#pageText blockquote p { color:#778528; }
#pageText blockquote p em, #pageText blockquote em p, #pageText blockquote p i, #pageText blockquote i p { color:#778528; }
#Breadcrumbs p { text-transform:lowercase; font-size:10px; }
#Breadcrumbs a { text-transform:lowercase; font-size:10px; }

/* Video FAQs */
#videofaqplayer { margin-top:12px; width:524px; background-color:#593c19; }
#videofaqplayer img.left { margin:7px 32px 7px 7px !important; }
#videofaqplayer h1 { color:#fff !important; font-size:28px; line-height:21px; padding:13px 0px 6px 0px; }
#videofaqplayer p { color:#fff; font-size:13px; line-height:18px; margin-right:25px; }
#videofaqplayer div#playerwrap { width:480px; height:300px; margin-left:23px; }
#videofaqplayer div#playerwrap object { margin:10px 0px 10px 0px; }
#videofaqlist { border:#a3b639 5px solid; width:514px; height:240px; overflow:auto; padding:5px 0px 5px 0px; background-color:#d6c39b; }
div#videofaqlist ul { margin-left:-17px; }
div#videofaqlist ul hr { width:465px; height:1px; margin-left:24px; color:#fff; background-color:#fff; border:0px; }
div#videofaqlist ul li { list-style:none;  margin:6px 0px 4px 0px; }
div#videofaqlist ul li a { color:#593c19; padding-left:24px; text-decoration:none; display:block; line-height:19px; margin-top:2px; padding-top:2px; background:transparent url(../images/faqvideoarrow.gif) top left no-repeat; }
div#videofaqlist ul li a:hover { text-decoration:underline; background:transparent url(../images/faqvideoarrowf2.gif) top left no-repeat; }

/* SIDEBAR */

#sidebar { width:274px; height:286px; float:left; margin-top:65px; }
#sidebar.phoneAlone { padding-top:80px; height:206px; padding-left:15px; width:259px; }
#sidebar ul { padding-left:24px; width:155px; }
#sidebar ul li { list-style-type:none; border-bottom:#829131 1px solid; padding:1px 0px 1px 0px; }
#sidebar ul li a, #sidebar ul li a span { text-decoration:none; color:#5c3d1a; font-size:12px; line-height:11px; }
#sidebar ul li a:hover span, #sidebar ul li.current a span { color:#000000; }

#phoneNumber { width:187px; height:51px; background-color:transparent; background-position:left top; background-repeat:no-repeat; margin-top:35px; margin-bottom:10px; }

/* NAVIGATION -- The colors are the same for all three sites. */

	/* MAIN NAV */

	#mainnav { width:697px; height:34px; padding-top:32px; margin-left:0px; position:relative; z-index:2; background-color:transparent; background-image:url(/themes/adolescents/images/interior/longtapestrip.gif); background-position:left top; background-repeat:no-repeat; position:relative; }
	
	#mainnav ul { margin-left:34px; }
	#mainnav ul li { list-style-type:none; float:left; width:auto; padding:0px 4px 0px 4px; border-right:#5e3c16 1px solid; font-size:13px; position:relative; }
	#mainnav ul li.last { border-right:none; }
	
	#mainnav ul li a, #mainnav ul li span { text-decoration:none; font-size:13px; padding-bottom:4px; }
	#mainnav ul li a span, #mainnav ul li span { font-size:13px; line-height:11px; color:#5e3c16; text-transform:lowercase; }
	#mainnav ul li a:hover span, #mainnav ul li a.section span, #mainnav ul li span:hover { color:#889833; }
	
	/* DROPDOWN */

	#mainnav ul li ul { display:none; position:absolute; top:16px; left:0px; margin:0px; padding-top:3px; width:165px; }
	#mainnav ul li ul li { border:none; width:165px; padding:0px; display:inline; }
	
	#mainnav ul li ul li a { text-decoration:none; padding:4px 6px 4px 6px; font-size:12px; color:#5e3c16; background-color:#bdd45f; width:152px; display:block; opacity:0.9; }
	#mainnav ul li ul li span { text-decoration:none; padding:4px 6px 4px 6px; font-size:12px; color:#5e3c16; background-color:#bdd45f; width:152px; display:block; opacity:0.9; text-transform:none; }
	#mainnav ul li ul li.section a, #mainnav ul li ul li.current a { color:#ffffff; background-color:#543614; opacity:1.0; }
	#mainnav ul li ul li.section span, #mainnav ul li ul li.current span { color:#ffffff; background-color:#543614; opacity:1.0; }
	#mainnav ul li ul li a:hover { color:#ffffff; background-color:#543614; opacity:1.0; }
	#mainnav ul li ul li span:hover { color:#ffffff; background-color:#543614; opacity:1.0; }
	#mainnav ul li ul li.topspacer { background-color:#bdd45f; opacity:0.9; width:165px; height:9px; line-height:1px; }

	/* FIRST FLYOUT */

	#mainnav ul li ul li ul.flyout, #mainnav ul li ul li.section ul.flyout { display:none; position:absolute; top:0px; left:163px; margin:0px; padding-top:0px; width:165px; z-index:3; }
	#mainnav ul li ul li ul.flyout li, #mainnav ul li ul li.section ul.flyout li { border:none; width:165px; padding:0px; display:inline; }
	#mainnav ul li ul li ul.flyout li a, #mainnav ul li ul li.section ul.flyout li a, #mainnav ul li ul li.section ul.flyout li.link a { text-decoration:none; padding:4px 6px 4px 6px; font-size:12px; color:#5e3c16; background-color:#bdd45f; width:152px; display:block; opacity:0.9; }
	#mainnav ul li ul li ul.flyout li a:hover, #mainnav ul li ul li.section ul.flyout li a:hover, #mainnav ul li ul li.section ul.flyout li.link a:hover, #mainnav ul li ul li.section ul li.current a { color:#ffffff; background-color:#543614; opacity:1.0; }

/* QUICKLINKS */

#quicklinks { width:442px; height:30px; padding-top:20px; clear:both; margin-left:190px; position:relative; z-index:1; }
#quicklinks ul { width:90%; margin:0px auto 0px auto; text-align:center; }
#quicklinks ul li { list-style-type:none; float:left; width:auto; padding:0px 4px 0px 4px; border-right:#5e3c16 1px solid; font-size:13px; line-height:11px; position:relative; }
#quicklinks ul li.last { border:none; }
#quicklinks ul li a { text-decoration:none; font-size:13px; line-height:11px; padding-bottom:4px; }
#quicklinks ul li a span { font-size:13px; line-height:11px; color:#5e3c16; text-transform:lowercase; }
#quicklinks ul li a:hover span, #quicklinks ul li a.current span { color:#889833; }

/* CLEAR FLOATS
This forces the div to surround elements that it contains that are floating, without having to put an element on the page that clears the float. See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */

#Footer:after,
#mainnav ul:after,
#quicklinks ul:after,
#siteLinks:after,
#innerBkgd:after,
#outerWrap:after,
#Layout:after,
#masthead:after,
#Content:after,
#videofaqplayer:after { content:".";  display:block;  height:0; clear:both; visibility:hidden; }