/* Youth */
body {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; background: #4b4746; margin: 0px}

td {vertical-align: top;}
p  {margin: 0px 0px 20px 0px}
ol {font: 10px/16px Arial, Helvetica, sans-serif}
a {text-decoration: none; color: #bf1339;  background-color:#f3c50b; font-weight: bold}
a:hover	{text-decoration: none; color: #ff4e00; background-color:#f3c50b; font-weight: bold}
img {border:0;}

h1 {font: 24px/21px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 0px 15px 0px; font-weight: bold}
h2 {font: 49px/58px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 0px 15px 0px; font-weight: bold}
.nospace {margin: 0px}
h3 {font: 18px/24px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 0px 15px 0px; font-weight: bold}
h4 {font: 10px/16px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; font-weight: bold}


#container {width:964px; margin-left:auto; margin-right:auto; padding: 0px;}


/* begin top header */
#gradienttop {padding: 0px; margin: 0px; width: 964px; height: 29px; background:url(../images/gradient_top.jpg) repeat-x}
#gradienttop2 {padding: 0px; margin: 0px; width: 806px; height: 29px; background:url(../images/gradient_top.jpg) repeat-x}
/* begin logo */

#mainnavbox {padding: 0px; margin: 0px; width: 200px; height: 430px; background:url(../images/logo_fwdc.gif) no-repeat;}



#flashpics_y {padding: 11px; margin: 0px; background-color:#FFFFFF}

#subnav_container {width:234px; padding:0px; float:left;}


#subnav_y {width:212px; height:280px; padding:10px 0px 0px 0px; background-image:url(../imagesyouth/subnav_bg.gif); background-repeat:no-repeat; float:left; margin-right:22px;}
#subnav_y ul {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; list-style: none; margin: 0px;  padding: 0px; line-height:1.4em}
#subnav_y li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #ffffff;}
#subnav_y a {text-decoration: none; background: #bf1339; padding:0px}
#subnav_y a span {display: block; color: #f6f5ef; padding: 11px 11px 11px 43px; font-weight:bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subnav_y a span {float:none;}
/* End IE5-Mac hack */
#subnav_y a:hover span {color: #f7a400; padding: 11px 11px 11px 43px; font-weight:bold;}
#subnav_y a:hover {text-decoration: none; padding:0px}
#subnav_y #current a {background: #bf1339;}
#subnav_y #current a span {color: #f7a400; padding: 11px 11px 11px 43px; background-color: #bf1339; font-weight: bold}


/* end sub nav */

#mainnav_y {padding:0px; margin: 203px 0px 0px 0px;}
#mainnav_y ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px;list-style: none; margin: 0px; padding: 0px;}
#mainnav_y li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #dfdddd;}
#mainnav_y a {text-decoration: none; background: #ffffff; padding:0px}
#mainnav_y a span {display: block; color:#bf1339; text-transform: uppercase; padding: 9px 0 9px 15px; background-color: #ffffff}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav_y a span {float:none;}
/* End IE5-Mac hack */
#mainnav_y a:hover span {color: #ffffff; text-transform: uppercase; padding: 9px 0 9px 15px; background-color: #bf1339}
#mainnav_y a:hover {text-decoration: none; background: #bf1339; padding:0px}
#mainnav_y #current a {background: #bf1339;}
#mainnav_y #current a span {color: #ffffff; text-transform: uppercase; padding: 9px 0 9px 15px; background-color: #bf1339; font-weight: bold}



/* Main Navigation */


#nav_y, #nav_y ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width : 200px;
	margin-top:201px;
}
#nav_y li { /* all list items */
	position: relative;
	float: left;
	margin-bottom : -1px;
	width: 200px;
	display: block;
}
#nav_y li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 200px;
	margin-top: -2.35em;
}
#nav_y li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-left : 170px;
	z-index:1;
}
#nav_y li a {
	width: 185px;
	display : block;
	color : #bf1339;
	font-weight : bold;
	text-decoration : none;
	background-color : #ffffff;
	border-top : 1px solid #dfdddd;
	border-bottom : 1px solid #dfdddd;
	padding: 9px 0 9px 15px;
	font: 12px Arial;
	font-weight:bold;
}


#nav_y li ul a { /* second-level lists */
	width: 195px;
	display : block;
	color : #ffffff;
	font-weight : bold;
	text-decoration : none;
	background-color : #bf1339;
	border-top : 1px solid #bf1339;
	border-bottom : 1px solid #bf1339;
	padding: 5px 0 5px 10px;
	font: 11px Arial;
	font-weight:bold;
}
#nav_y li ul a:hover {
	color: #ffba00;
	background-color: #bf1339;
	display : block;
}
#nav_y li ul ul a { /* third-level lists */
	width: 195px;
	display : block;
	color : #ffffff;
	font-weight : bold;
	text-decoration : none;
	background-color : #e04e21;
	border-top : 1px solid #e04e21;
	border-bottom : 1px solid #e04e21;
	padding: 5px 0 5px 10px;
	font: 11px Arial;
	font-weight:bold;
}
#nav_y li ul ul a:hover {
	color : #ffba00;
	background-color : #e04e21;
	display : block;
}
#nav_y li:hover ul ul, #nav_y li:hover ul ul ul, #nav_y li.sfhover ul ul, #nav_y li.sfhover ul ul ul {
	left: -999em;
	display : block;
}
#nav_y li:hover ul, #nav_y li li:hover ul, #nav_y li li li:hover ul, #nav_y li.sfhover ul, #nav_y li li.sfhover ul, #nav_y li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav_y li a:hover, #nav_y li a.selected {
	color : #ffba00;
	background: #bf1339
}
/* End Main Navigation */


#content_y {width:944px; background-color:#ff6600; border-top:15px solid #4b4746; padding:20px 20px 20px 0; float:left;}
#content_right {width:690px; float:left; line-height:22px;}
#content_right ol {font-size:15px; line-height:22px; margin-left: 40px; padding: 0px;}


/* begin footer */
#footerbox {background: #e0ded2; height: 200px; padding: 0px; margin: 20px 0px 0px 0px}
#footer {width: 964px; margin-left:auto; margin-right:auto; padding: 15px 0px 15px 0px; font: 11px Arial; color: #4b4746; font-weight: normal}
#footer a {text-decoration: underline;padding:0px;  color: #4b4746; background-color:#e0ded2; font-weight: normal}
#footer a:hover	{text-decoration: none;padding:0px; color: #4b4746;background-color:#e0ded2; font-weight: normal}
/* end footer */

/* end footer */

.button {width:500px; height:50px; padding:30px 0px 0px 30px; background-image:url(../imagesyouth/button.gif); background-repeat:no-repeat; font-size:24px; color:#ff4e00; font-weight:bold}
.enter {font-size:30px}
#cfe {width:148px; padding:11px 0px 11px 0px;}

#camera{width:212px; height:100px; padding:40px 0px 0px 0px; background-image:url(../imagesyouth/subnav_camera.gif); background-repeat:no-repeat; float:left; margin-right:22px;}
#camera ul {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; list-style: none; margin: 0px;  padding: 0px; line-height:1.4em}
#camera li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
#camera a {text-decoration: none; background: #72328a; padding:0px}
#camera a span {display: block; color: #ffffff; padding: 11px 11px 11px 43px; font-weight:bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#camera a span {float:none;}
/* End IE5-Mac hack */
#camera a:hover span {color: #f7a400; padding: 11px 11px 11px 43px; font-weight:bold;}
#camera a:hover {text-decoration: none; padding:0px}


#youth {width:212px; height:100px; padding:40px 0px 0px 0px; background-image:url(../imagesyouth/subnav_youth.gif); background-repeat:no-repeat; float:left; margin-right:22px;}
#youth ul {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; list-style: none; margin: 0px;  padding: 0px; line-height:1.4em}
#youth li {display: block; margin: 0px; padding: 0px;  border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
#youth a {text-decoration: none; background: #bf1339; padding:0px}
#youth a span {display: block; color: #f6f5ef; padding: 11px 11px 11px 43px; font-weight:bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#youth a span {float:none;}
/* End IE5-Mac hack */
#youth a:hover span {color: #f7a400; padding: 11px 11px 11px 43px; font-weight:bold;}
#youth a:hover {text-decoration: none; padding:0px}


#foto{width:212px; height:100px; padding:40px 0px 0px 0px; background-image:url(../imagesyouth/subnav_foto.gif); background-repeat:no-repeat; float:left; margin-right:22px;}
#foto ul {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; list-style: none; margin: 0px;  padding: 0px; line-height:1.4em}
#foto li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
#foto a {text-decoration: none; background: #900020; padding:0px}
#foto a span {display: block; color: #ffffff; padding: 11px 11px 11px 43px; font-weight:bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#foto a span {float:none;}
/* End IE5-Mac hack */
#foto a:hover span {color: #f7a400; padding: 11px 11px 11px 43px; font-weight:bold;}
#foto a:hover {text-decoration: none; padding:0px}