body, h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background-color:#663300;
}

/* ----- Wrapper contains ALL the divs and content of the Body -----*/
#wrapper, #wrapperwide, #splashwrapper {
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	border-right: medium solid #FF9900;
	border-left: medium solid #FF9900;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-color: #FF9900;
	border-bottom-color: #FF9900;
	left: auto;
	right: auto;
}

#wrapper {
	background: url(/images/YouthPage/YP_ContentBG.jpg) repeat-y center;
}
#wrapperwide {
	background: url(/images/YouthPage/YP_ContentWideBG.jpg) repeat-y center;	
}

#MastHead {
	height: 144px;
	width: 770px;
	background: url(/images/YouthPage/YP_Header.jpg) no-repeat center top;
}
#MastHead H1 {
	font: normal 120% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
	padding-top: 100px;
	padding-right: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#MastHead span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: absolute;
	left: -3000px;
	z-index: 10;
}
#MastHead p {
	text-align: right;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#MastHead img {
	float: left;
}

/* ------  Navigation Bar Items  -----------*/
#Nav {
	background: url(/images/YouthPage//YP_NavBar.jpg) no-repeat center top;
	height: 64px;
	width: 770px;
	color: #CCFF00;
}

#Nav ul {
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	list-style: none;
	text-align: center;
	padding-top: 12px;
}

#Nav li {
	display: inline;
}

#Nav a {
	padding-right: 10px;
	padding-left: 10px;
	border-left: thin solid #FFFFFF;
	border-right: thin solid #FFFFFF;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#Nav a:link, #Nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#Nav li a:hover, #Nav li active, #Nav li a:focus {
	color: #FFCC33;
	background: #7C579C;
}


/* ------ Roots Items ---------------*/
#roots, #splashroots, #rootswide {
	height: auto;
	width: 770px;
	padding-top: 60px;
	z-index: 50;
	text-indent: 0px;
	line-height: 0px;
}

#roots {
	background: url(/images/YouthPage/YP_ContentTop.jpg) no-repeat center top;
}

#splashroots {
	background: url(/images/YouthPage/YP_SplashBG.jpg) no-repeat center top;
}

#rootswide{
	background: url(/images/YouthPage/YP_ContentWideTop.jpg) no-repeat center top;
}

#roots body,p,ul,li, #splashroots body,p,ul,li, #rootswide body,p,ul,li {
	text-align:left;
	margin: 10px 20px;
	background:none;
}

/* ------- Footer --------*/
#footer, #footerwide {
	height: 86px;
	width: 770px;
	font-size: 80%;
}
#footer {
	background: url(/images/YouthPage/YP_Footer.jpg) no-repeat center top;
}
#footerwide {
	background: url(/images/YouthPage/YP_FooterNoLine.jpg) no-repeat center top;
}
#footer p, #footerwide p {
	font-size: 75%;
	text-align: center;
	padding-top: 50px;
}


/* ------- Splash Page Footer --------*/
#splashfooter {
	background: url(/images/YouthPage/YP_SplashFooter.jpg) no-repeat center top;
	height: 27px;
	width: 770px;
	clear: both;
}
#splashfooter p {
	font-size: 75%;
	text-align: center;
}
/* ---- Floats and Clears ---- */
.FloatLeft {
	float: left;
	margin-left: 20px;
	line-height: 1px;  /* this is needed for IE to float properly */
	margin-right: 10px;
	margin-top: 10px;
}
.FloatRight {
	float: right;
	margin-right: 25px;
	line-height: 1px;  /* this is needed for IE to float properly */
	margin-top: 10px;
	margin-left: 20px;
}
.clearfloat {
	font-size:1px;
	line-height:0;
	clear:both;
	height: 0px;
}

/* Content and Sidebar Definitions. */
/* The 'content' is the left column of the page, and 'sidebar' is the right column */
#Sidebar {
	font: 80% Arial, Helvetica, sans-serif;
	width: 249px;
	float: right;
	text-align: left;
	line-height: normal;
	padding-right: 20px;
}
#Sidebar h1 {
	font: bold 150% "Courier New", Courier, monospace;
	margin-left: 20px;
	color: #660000;
}
#Sidebar p {
	font-size: 100%;
	line-height: 1.1;
	margin-top: 0px;
	margin-bottom: 5px;
}
#Content, #ContentWide {
	float: left;
	background: transparent;
	line-height: normal;
}

#Content {
	width: 500px;
}
#ContentWide {
	width: 770px;
}

#Content p, #ContentWide p {
	margin-top: 0px;
	margin-bottom: 10px;
}
#Content h1, #ContentWide h1 {
	font: bold 120% "Courier New", Courier, monospace;
	text-align: left;
	margin-top: 0px;
	color: #000099;
	margin-left: 20px;
}

#splashcontent {
	float: left;
	width: 770px;
	background: transparent url(/images/YouthPage/YP_SplashBG.jpg) no-repeat center top;
	line-height: normal;
	overflow: hidden;
	height: 405px;
	padding-top: 20px;
}
#splashcontent a {
}
#splashcontent a:link, #splashcontent a:visited {
	color: #FFFF00;
}
#splashcontent a:hover, #splashcontent a:active, #splashcontent a:focus {
	color: #00CC66;
}
#splashcontent p {
	margin-top: 0px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
#splashcontent h1 {
	font: bold 120% "Courier New", Courier, monospace;
	text-align: left;
	margin-top: 0px;
	color: #00CC66;
	margin-left: 20px;
}