/* Youth One :: CSS definitions by Yellow Pencil :: August 2007 */

	/* Base HTML Definitions */
table {font-size:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace; font-size:100%;}
body * {line-height:1.22em;}

	/* HTML Reset Definitions */
body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,tr,td,ul,li {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,a img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}

	/* Base Typography Definitions */
body {position:relative; margin:0 auto; background:#636979 url(/images/bg_repeat.gif); font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; font-size:77%;}
h1 {font-size:1.4em; color:#5B4836; margin:1em 0 1em 0;}
h2 {font-size:1.2em; color:#5B4836; margin:1em 0 .5em 0;}
h3 {font-size:1.1em; color:#fff; margin:1em 0 1em 10px;}
h4 {font-size:1em; font-family:Georgia, "Times New Roman", Times, serif;}
ul, ol, li, table {font-size:1em; color:#000; margin-bottom:1em;}
p {margin:1em 0 1em 0;}
table {margin:0; padding:0; border:0;}
th {font-weight:bold; padding:2px 5px 2px 5px; border:1px solid #ccc;}
td, tr {padding:2px 5px 2px 5px; border:1px solid #ccc;}
a {color:#000; text-decoration:underline;}
a:hover {color:#FF4013; text-decoration:none;}
a.selected {color:#FF4013; text-decoration:none;}
img {border:0; margin:0; padding:0;}
a img {border:0;}

	/* Primary Container Definitions */
#page {position:relative; color:#000; text-align:left; margin:0 auto; padding:0 6px; width:749px; background:#fff;}
#pageWrapper {background-image:url(/images/bg_pageDropshadow.png); background-repeat:repeat-x; margin:0 auto; border-top:7px solid #474E61;}

	/* Header Definitions */
#header {float:left; width:749px; text-align:center; height:117px; padding:0; background:#fff url(/images/bg_header.jpg) no-repeat; border-bottom:12px solid #183650;}
#headerLinks {float:right; width:260px; text-align:center; padding:0; list-style:none; font-size:.75em; text-transform:uppercase;}
#headerLinks li {display:inline; float:right; color:#fff; margin-right:5px; padding:5px 10px; background-color:#414D60; width:60px;}
#headerLinks li a {color:#fff; text-decoration:none;}
#headerLinks li a:hover {color:#62C5DC;}

	/* Feature Area Definitions */
#featureArea {padding:0; float:left; width:749px; height:261px; background:#fff url(/images/bg_feature.jpg) no-repeat; border-bottom:10px solid #183650; border-top:1px solid #fff;}
#featureArea .quote {margin:50px 50px 0 410px; color:#fff; font-size:15px;}

	/* leftNav Definitions */
#leftNav {float:left; margin:12px 0 0 0; padding:19px 0 0 0; width:180px; background-color:#82929F; color:#fff; border-bottom:6px solid #fff;}
#leftNav ul {margin:0; list-style:none; color:#000; padding:0;}
#leftNav li {margin:0 8px 10px 10px; padding-bottom:5px; color:#000; border-bottom:1px solid #93A1AC; font-weight:normal;}
#leftNav li a {color:#000; text-decoration:none;}
#leftNav li a:hover {color:#eee;}
#leftNav ul ul li {margin:0 0 1px 0; background-color:#9BA8B3; text-decoration:none; color:#000; padding:5px; font-size:.9em; border:none;}
#leftNav li.isParentActive {font-weight:bold;}
#leftNav li.isParentCurrent {font-weight:bold;}
#leftNav li.isCurrent {font-weight:bold;}
#leftNav li.selected {font-weight:bold;}
#leftNav img {margin:0px; padding:0px;}
#leftNav img.poll {margin-left:20px; padding-bottom:10px;}
#leftNav p {margin:0 10px 1em 10px;}
#leftNav input {margin-left:2px;}
#leftNav .right {float:right; margin:0 20px 20px 0;}
#leftNav h3 a {text-decoration:none; color:#fff;}
#leftNav h3 a:hover {color:#62C5DC;}

	/* Content Box Definitions */
#content {float:left; width:550px; margin:0 5px 0 10px;}
#content li {margin:0 25px 0 25px;}
#content.forum td {padding:0;margin:0;}

#content .resource {clear:both;margin:5px 0;border:1px solid #ccc;padding:5px;min-height:100px;}
#content .resource img {float:right;padding:0 0 5px 7px;}
#content h3 {margin:5px 0;padding:0;}
#content .resource h3, #content .resource h3 a {color:#000;margin:5px 0 10px 0;}
#content .resource h3 a:hover {text-decoration:none;}
#content .topic {margin:10px 0;border:1px solid #ccc;width:200px;padding:5px;}
#content .date {margin:-3px 0 0 5px;padding:0;font-size:.9em;}

	/* Two Column Definitions */
.leftColumn {clear:both; float:left; margin-left:10px; padding-bottom:6px; width:255px;}
.rightColumn {float:left; margin-left:10px; padding-bottom:6px; width:255px;}
.leftColumn img, .rightColumn img {float:right; padding:5px 5px 0 10px;}
.blue {color:#5DB9DC;}
.grey {color:#626775;}
.greyLight {color:#E3FF5D; background-color:#82929F; display:block; padding:5px; margin:0 40px 0 -5px;}

	/* Footer Definitions */
#footer {position:relative; margin:0 auto; clear:both; height:79px; width:100%; padding:0; background-color:#151619; border-top:4px solid #1F1F1F;}
#footer img {float:left; padding-right:10px; display:inline;}
#footer h4.copyright {margin:0 auto; width:764px; padding:25px 0 0 110px; color:#fff; font-weight:normal;}

	/* Identify Floated Elements that require Clearing */
#page:after, #content .resource:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}