/*	layout.css	
______________________*/


* {  margin: 0;  padding: 0;}

html, body {
	
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #acacac;
}

h1, h2, h3 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0066cc;
}

h1 {}

h2 {}

h3 {}

p, ul, ol, li, a {
	margin: 0 0 10px 0;
	text-align: left;
	line-height: 120%

}

a:link, a:visited {color: #ccc;}

a:hover, a:active {	text-decoration: none; color: #fff;}




img {
	border: none;
}
img.left {
	float: left;
	margin-right: 15px;
}
img.right {
	float: right;
	margin-left: 15px;
}


/* Header */

#header {
	width: 950px;
	margin: 0 auto;
}

/* Menu */

#menu {
	float: left;
	width: 950px;
	height: 70px;
	background: #000;
}

#menu ul {
	margin: 25px 0 0 30px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	margin-left: 0px;
	padding: 0 15px;
	background: url(images/img03.gif) no-repeat right;
	text-decoration: none;
	font: small-caps  14px Arial, sans-serif;
	color: #ccc;
}

#menu a:hover { 
	text-decoration: none; 
	color: #fff;
}

#menu .current a {
	color: #66ccff;
}

/** LOGO */



#logo {
	float: left;
	width: 950px;
	height: 273px;
	margin-left: 5px;
	background: url(images/imgfall3.jpg) no-repeat left top;
	border: solid;
	border-width:0 0 0px 0; /*	line	*/
	border-color: #0066cc;
}



#logo h1, #logo h2 {
	margin: 0;
	text-transform: none;
	padding: 193px 0 0 100px;
	line-height: normal;
}

#logo h1 {font: small-caps 600 42px Arial, sans-serif;color: #000;}

/*	#logo h1 a {text-decoration: none; color: #ddd;}

	#logo h1 a:hover { text-decoration: none; color: #fff;}	*/

#logo h2 {
	margin: 0;
	padding: 0px 0 6px 140px;
	font: small-caps 15px Arial, sans-serif;
	color: #000;
}

/*
#logo p a {text-decoration: none;color: #f26522;}
#logo p a:hover { text-decoration: underline; }		*/


#yhead logo {background: url(images/imgyouthlogo.jpg) no-repeat left top;}


#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #000;
/*	url(images/img01.gif) repeat-y left top;	*/
}

/* Page */

#page {width: 950px; margin: 0 auto;	background: #050505;}

#page h2 {font-size: 28px; padding: 5px 0 10px 0;}

/* Content */

#content {
	float: left;
	width: 585px;
	margin: 0 0 0 0;		/*	space below line	*/
	padding: 10px 20px 0 20px;
/*	background: #191937;	*/
}


#media ul li {margin: 0; padding: 5px 0 0 0;}


#youth p {
	margin: 0;
	padding: 0px 0 5px 0;
	line-height: 120%;
}

#youth h3 {margin: 0; padding: 10px 0 5px 0; color: #f3824b;}


#content ul {list-style: none; text-decoration: none;}
#content ul a {text-decoration: none;}
#content ul a h2:hover {color: #f3824b;}


/* Sidebar */

#sidebar {
	float: right;
	width: 285px;
	margin: 0px 0 0 0;		/*	space below line	*/
	padding: 15px 15px 0 20px;
	background: /*#193337;	url(images/shead.jpg) no-repeat left bottom;*/
	
}



#sidebar ul {list-style: none;}

#sidebar li {padding-bottom: 20px;}

#sidebar li li {margin: 0px; padding: 5px 0 5px 0;}

#sidebar h2 {margin: 0px; padding: 6px 0 10px 0;}

#sidebar a {color: #acacac; text-decoration: none;}

#sidebar li ul a:hover {color: #fff;}


/* Footer */
#footer-wrap {
	width: 950px;
	height: 80px;
	margin: 0 auto;
	/*background: #999999;	*/
	background: url(images/img04.jpg) repeat-x left top;
}

#footer {
	margin: 0 auto;
	height: 80px;
	min-height: 64px;
	padding: 0;
/*	text-transform: uppercase;	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html>body #footer {
	height: auto;
}

#footer p {
}

#legal {
	clear: both;
	padding-top: 30px;
	text-align: center;
	color: #bbb;
}

#legal a {
	text-decoration: none;
	<!--color: #000000;	-->
	color: #bbb;
}

#legal a:hover { 
	color: #ddd;
}