body{background-image:url(/App_Themes/Youth_Theme/images/background_colors.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 100%;
background-color: #1e1e1e;
font-family: Verdana, Arial, Helvetica;
color: white;
font-size: 12px;
}
p {}
a{color: white;}
a:visited{color: white;}
h2{font-size: 16px;
font-weight: bold;
color: #DDBC55;}

/*#outer_container {
	margin-top: -10px;
	position:relative;
    margin-left:auto;
    margin-right: auto;
    width:950px;
	border: 0px;
	background-color: white;
	background-repeat: repeat-y;
	z-index: 0;
	
}*/
#inner_container {
	position:relative;
    margin-left:auto;
    margin-right: auto;
    width:900px;
	border: 0px;
	z-index: 10;
	height: auto;
}

#pageheader {

    background-image: url(/App_Themes/Youth_Theme/images/header.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 266px;
}

/*IMAGE ROTATOR*/
#adcontent{
	position: absolute;
	background-image: url(/App_Themes/Youth_Theme/images/rotator_bg.png);
	background-repeat: no-repeat;
	top: 37px;
	left: 0px;
	width: 545px;
	height: 227px;
	display: block;
	z-index: 200;
}
#rotator {
    width:531px;
	height: 213px;
	position: absolute;
    top: 7px;
	left: 7px;
    border:0px;
    margin:0px;
	z-index: 100;
}

/*MAIN NAVIGATION*/
#topnav {
	margin-right: -10px;
	position: absolute;
	z-index: 115;
	top: 263px;
	left: 0px;
    width:900px;
    height:38px;
	border-bottom: 2px #6F6F6F solid;
}


#outerMainContent{
	position: relative;
	background-image: url(/App_Themes/Youth_Theme/images/main_bgslice.png);
	background-repeat: repeat-x;
    width:900px;
    top:0px;
	left: 0px;
	min-height: 596px;
	z-index: 50;
	background-color: #DDDDDD;
}
#innerMainContent{
	position: relative;
	background-image: url(/App_Themes/Youth_Theme/images/smoke.png);
	background-repeat: no-repeat;
	background-position: bottom left;
    width:900px;
    min-height: 596px;
    top:0px;
	left: 0px;
	z-index: 60;

}
/*Grey Round Box for generic pages*/
#mainText{
	position: relative;
	top:50px;
	left:15px;
	padding-bottom: 85px;
	z-index: 100;


}
/*Grey Round box for Homepage (lower down)*/
#homepageText{
	position: relative;
	top:283px;
	left:17px;
	padding-bottom: 85px;
	z-index: 100;


}
#mainTextHead{
	position: relative;
	width: 510px;
	height: 16px;
	background-image: url(/App_Themes/Youth_Theme/images/text_bghead.png);
	background-repeat: no-repeat;
}
#mainTextBody{
	position: relative;
	width: 486px;
	height: auto;
	background-image: url(/App_Themes/Youth_Theme/images/text_bg.png);
	background-repeat: repeat-y;
	padding: 2px 12px 2px 12px;
	color: #DDDDDD;
	}
#mainTextFoot{
	position: relative;
	width: 510px;
	height: 16px;
	background-image: url(/App_Themes/Youth_Theme/images/text_bgfoot.png);
	background-repeat: no-repeat;
}


#pageMainContent
{
	position: relative;
	top:55px;
	left:15px;
	z-index: 100;
	width: 510px;

}


#rightNavContent {
	position: absolute;
    width:355px;
	height: 560px;
    top: 303px;
	left: 545px;
    border:0px;
    padding:0px;
    margin:0px;
	z-index: 100;
}
#menu{
    width:355px;
	height: 560px;
    background: url(/App_Themes/Youth_Theme/images/menu_bg.jpg);
    padding: 0;
    position: relative;
}
#menu li {
    margin: 0; padding: 0; list-style: none; left:0; position: absolute;}
#menu li, #menu a {
  display: block;
}

#menu_home{top: 0px; width: 355px; height: 91px;}
#menu_home a{top: 0px; width: 355px; height: 91px;}
#menu_home a:hover{background: transparent url(/App_Themes/Youth_Theme/images/home_tab_inv.jpg);) -355px 0 no-repeat;}
  
#menu_class{top: 94px; width: 355px; height: 91px;}
#menu_class a{top: 94px; width: 355px; height: 91px;}
#menu_class a:hover{background: transparent url(/App_Themes/Youth_Theme/images/youthclass_tab_inv.jpg);) -355px 0 no-repeat;}

#menu_axis{top: 187px; width: 355px; height: 91px;}
#menu_axis a{top: 187px; width: 355px; height: 91px;}
#menu_axis a:hover{background: transparent url(/App_Themes/Youth_Theme/images/axis_tab_inv.jpg);) -355px 0 no-repeat;}

#menu_calendar{top: 280px; width: 355px; height: 91px;}
#menu_calendar a{top: 280px; width: 355px; height: 91px;}
#menu_calendar a:hover{background: transparent url(/App_Themes/Youth_Theme/images/calendar_tab_inv.jpg);) -355px 0 no-repeat;}

#menu_events{top: 373px; width: 355px; height: 91px;}
#menu_events a{top: 373px; width: 355px; height: 91px;}
#menu_events a:hover{background: transparent url(/App_Themes/Youth_Theme/images/events_tab_inv.jpg);) -355px 0 no-repeat;}

#menu_idea{top: 466px; width: 355px; height: 92px;}
#menu_idea a{top: 466px; width: 355px; height: 92px;}
#menu_idea a:hover{background: transparent url(/App_Themes/Youth_Theme/images/resources_tab_inv.jpg);) -355px 0 no-repeat;}

#footerbg{
	position: relative;
    clear: both;
	height: 75px;
	background-color: #1e1e1e;
	margin-bottom: 10px;
	width:900px;
	font-family: sans-serif;
	font-size: 11px;
	color: white;
	text-align: center;
	vertical-align: top;
	z-index: 50;
	text-transform: uppercase;
}
#footerbg a{
color: white;
text-decoration: none;
font-weight: normal;}
#footerbg a:hover{
color: white;
text-decoration: underline;
font-weight: normal;}


/*Blog Content (for "Youth Events")*/

.post{
padding: 10px 0 10px 0;
}
.postTitle{padding: 0 0 8px 0;}
.postTitle a{
font-size: 16px;
font-weight: bold;
color: #DDBC55;}
.postTitle a:visited{
font-size: 16px;
font-weight: bold;
color: #DDBC55;}
.postDate{
display: none;}
.postContent{
padding: 8px 0 8px 0;
}
.postContent img{
border: 2px solid #1e1e1e;
}
.postFoot{display: none;}/*Comments/Permalink*/

