@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
Y-GEN MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body{
	background:url('/images/bg.jpg') repeat-x #fff;
	margin:0;
	padding:0;
	word-wrap:break-word;
}
body#youthmarkstyle{
	background:url('/images/youthmarkbg.jpg') repeat-x #fff;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}	
body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0; 
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	margin:0 auto;
	width:960px;
}

/*HEADER----------------------------------------- */
#header{
	height:360px;
	overflow:hidden;
	width:960px;
}
ul#secnav{
	background:url('/images/secnavbg.png') no-repeat;
	height:30px;
	left:550px;
	margin:0;
	padding:15px 0 0 30px;
	position:relative;
	top:20px;
	width:380px;
	z-index:10;
}
ul#secnav li{
	display:inline;
	list-style:none;
}
a#logo{
	background:url('/images/logo.png') no-repeat;
	display:block;
    height:0px;
	left:0;
    padding-top:145px;
    position:relative;
    overflow:hidden;
	top:-40px;
	width:253px;
	z-index:10;
}
body#index #headerimg{
	background:url('/images/headerimg6.png') no-repeat;
	height:348px;
	left:0;
	position:relative;
	top:-180px;
	width:953px;
}
body#about #headerimg{
	background:url('/images/headerimg.png') no-repeat;
	height:348px;
	left:0;
	position:relative;
	top:-180px;
	width:953px;
}
body#resources #headerimg{
	background:url('/images/headerimg5.png') no-repeat;
	height:348px;
	left:0;
	position:relative;
	top:-180px;
	width:953px;
}
body#disabilities2 #headerimg{
	background:url('/images/headerimg4.png') no-repeat;
	height:348px;
	left:0;
	position:relative;
	top:-180px;
	width:953px;
}
body#youthmarkstyle #headerimg{
	background:url('/images/headerimg2.png') no-repeat;
	height:348px;
	left:0;
	position:relative;
	top:-180px;
	width:953px;
}
#headerimg{
	background:url('/images/headerimg2.png') no-repeat;
	height:348px;
	left:0;
	position:relative;
	top:-180px;
	width:953px;
}

/*NAV----------------------
ul#topnav{
	background:url('/images/navbg.png') no-repeat;
	height:131px;
	margin:0;
	padding:0;
	position:relative;
	top:-305px;
	width:960px;
	z-index:10;
}
ul#topnav li{
	list-style:none;
}
li#home a{
	background:url('/images/nav/home.png') no-repeat;
	display:block;
    height:0px;
	left:0;
    padding-top:62px;
    position:absolute;
    overflow:hidden;
	top:37px;
	width:145px;
}
li#home a:hover{
	background:url('/images/nav/homehover.png') no-repeat;
}
li#home a.on{
	background:url('/images/nav/homehover.png') no-repeat;
}
li#about a{
	background:url('/images/nav/about.png') no-repeat;
	display:block;
    height:0px;
	left:150px;
    padding-top:63px;
    position:absolute;
    overflow:hidden;
	top:35px;
	width:147px;
}
li#about a:hover{
	background:url('/images/nav/abouthover.png') no-repeat;
}
li#about a.on{
	background:url('/images/nav/abouthover.png') no-repeat;
}
li#resources a{
	background:url('/images/nav/resources.png') no-repeat;
	display:block;
    height:0px;
	left:297px;
    padding-top:62px;
    position:absolute;
    overflow:hidden;
	top:34px;
	width:169px;
}
li#resources a:hover{
	background:url('/images/nav/resourceshover.png') no-repeat;
}
li#resources a.on{
	background:url('/images/nav/resourceshover.png') no-repeat;
}
li#disibilities a{
	background:url('/images/nav/disibilities.png') no-repeat;
	display:block;
    height:0px;
	left:486px;
    padding-top:62px;
    position:absolute;
    overflow:hidden;
	top:32px;
	width:182px;
}
li#disibilities a:hover{
	background:url('/images/nav/disibilitieshover.png') no-repeat;
}
li#disibilities a.on{
	background:url('/images/nav/disibilitieshover.png') no-repeat;
	top:32px;
}
li#youthmark a{
	background:url('/images/nav/youthmark.png') no-repeat;
	display:block;
    height:0px;
	left:668px;
    padding-top:130px;
    position:absolute;
    overflow:hidden;
	top:0;
	width:285px;
}
li#youthmark a:hover{
	background:url('/images/nav/youthmarkhover.png') no-repeat;
}
li#youthmark a.on{
	background:url('/images/nav/youthmarkhover.png') no-repeat;
}
*/

/*NEW NAV----------------------*/
ul#topnav{
	/*background:url('../images/navbg.png') no-repeat;*/
	height:106px;
	margin:0;
	padding:0;
	position:relative;
	top:-294px;
	width:960px;
	z-index:10;
}
ul#topnav li{
	list-style:none;
}
li#home a{
	background:url('../images/nav/nav2.png') 0 -106px no-repeat;
	display:block;
    height:0px;
	left:0;
    padding-top:106px;
    position:absolute;
    overflow:hidden;
	top:0;
	width:150px;
}
li#home a:hover{
	background:url('../images/nav/nav2.png') 0 0 no-repeat;
}
li#home a.on{
	background:url('../images/nav/nav2.png') 0 0 no-repeat;
}
li#about a{
	background:url('../images/nav/nav2.png') -150px -106px no-repeat;
	display:block;
    height:0px;
	left:150px;
    padding-top:106px;
    position:absolute;
    overflow:hidden;
	top:0;
	width:147px;
}
li#about a:hover{
	background:url('../images/nav/nav2.png') -150px 0 no-repeat;
}
li#about a.on{
	background:url('../images/nav/nav2.png') -150px 0 no-repeat;
}
li#resources a{
	background:url('../images/nav/nav2.png') -297px -106px no-repeat;
	display:block;
    height:0px;
	left:297px;
    padding-top:106px;
    position:absolute;
    overflow:hidden;
	top:0;
	width:189px;
}
li#resources a:hover{
	background:url('../images/nav/nav2.png') -297px 0 no-repeat;
}
li#resources a.on{
	background:url('../images/nav/nav2.png') -297px 0 no-repeat;
}
li#disibilities a{
	background:url('../images/nav/nav2.png') -486px -106px no-repeat;
	display:block;
    height:0px;
	left:486px;
    padding-top:106px;
    position:absolute;
    overflow:hidden;
	top:0;
	width:190px;
}
li#disibilities a:hover{
	background:url('../images/nav/nav2.png') -486px 0 no-repeat;
}
li#disibilities a.on{
	background:url('../images/nav/nav2.png') -486px -5px no-repeat;
	top:5px;
}
li#opportunities a{
	background:url('../images/nav/nav2.png') -676px -106px no-repeat;
	display:block;
    height:0px;
	left:676px;
    padding-top:106px;
    position:absolute;
    overflow:hidden;
	top:0;
	width:284px;
}
li#opportunities a:hover{
	background:url('../images/nav/nav2.png') -676px 0 no-repeat;
}
li#opportunities a.on{
	background:url('../images/nav/nav2.png') -676px 0 no-repeat;
}



/*CONTENT----------------------------------------- */
#news .content{
	width:305px;
}

/*left column------------------------- */
body#index #leftcol{
	float:left;
	width:651px;
}
h3#homeheader{
	background:url('/images/homeheader.jpg') no-repeat;
	display:block;
    height:0px;
    margin-bottom:5px;
    padding-top:40px;
    overflow:hidden;
	width:651px;
}
/*latest news------------------------- */
#latestnews{
	background:url('/images/latestnewsbg.jpg') no-repeat;
	height:259px;
	margin-top:30px;
	position:relative;
	width:651px;
}
#latestnewsheader{
	background:url('/images/latestnewsheader.png') no-repeat;
	display:block;
    height:0px;
    left:0;
    padding-top:98px;
    position:relative;
    overflow:hidden;
    top:-20px;
	width:227px;
	z-index:10;
}
#latestnewsimg{
	background:url('/images/latestimage.png') no-repeat;
	display:block;
    height:0px;
    left:25px;
    position:absolute;
    padding-top:230px;
    overflow:hidden;
    top:18px;
	width:284px;
}
#latestnewsimg img{
    left:14px;
    position:relative;
    top:-215px;
}
.date{
	margin:-5px 0 -10px 0;
}
#story{
	left:330px;
	position:relative;
	top:-72px;
	width:289px;
}
#news{
	background:url('/images/newsbg.jpg') repeat-y;
	float:left;
	margin:20px 0 30px 0;
	width:651px;
}
#news h2{
	display:block;
	margin-bottom:10px;
}
#leftstory{
	float:left;
	margin-top:20px;
	width:280px;
}
#rightstory{
	float:right;
	margin:20px 15px 0 0;
	width:265px;
}

/*right column------------------------- */
body#index #rightcol{
	float:right;
	width:285px;
}
p#ypgheader{
	background:url('/images/ypgheader.png') no-repeat;
	display:block;
    height:0px;
    left:-5px;
    padding-top:94px;
    position:relative;
    overflow:hidden;
    top:-10px;
	width:256px;
	z-index:10;
}
body#index .papertop{
	background:url('/images/papertop.jpg') no-repeat;
	float:left;
	height:88px;
	margin-top:20px;
	width:294px;
}
body#index .paperbottom{
	background:url('/images/paperbottom.jpg') bottom no-repeat;
	float:left;
	margin:-5px 0 0 3px;
	padding-bottom:50px;
	width:294px;
}
#ypg{
	float:left;
	margin:0 0 0 30px;
	width:145px;
}
#leaflet{
	float:right;
	margin:-10px -5px 0 0;
}
body#index a#forum{
	background:url('/images/forumsticker.jpg') no-repeat;
	display:block;
	float:right;
    height:0px;
	margin:10px 0 -10px 0;
    padding-top:111px;
    overflow:hidden;
	width:221px;
	z-index:10;
}
p#latestpostheader{
	background:url('/images/latestpostheader.png') no-repeat;
	display:block;
    height:0px;
    left:-15px;
    padding-top:94px;
    position:relative;
    overflow:hidden;
    top:-10px;
	width:256px;
	z-index:10;
}
#latestpost{
	float:left;
	margin:-10px 0 0 30px;
	width:230px;
}

/*FOOTER----------------------------------------- */
#footer{
	background:url('/images/footerbg.jpg') no-repeat;
	clear:both;
	height:138px;
	margin:20px 0;
	padding:38px 0 0 50px;
	width:910px;
}
#matrix{
	background:url('/images/matrixlogo.jpg') no-repeat;
	display:block;
	float:right;
    height:0px;
    margin:-32px 57px 0 0;
    padding-top:69px;
    overflow:hidden;
	width:133px;
}

/*SUB PAGE----------------------------------------- */
#leftcol{
	float:left;
	margin:-10px 0 20px 0;
	width:202px;
}
#midcol{
	float:left;
	margin:20px 0 20px 30px;
	width:450px;
}
#rightcol{
	float:right;
	margin:20px 0;
	width:238px;
}
.papertop{
	background:url('/images/papertop-sub.jpg') no-repeat;
	float:left;
	height:67px;
	width:238px;
}
.paperbottom{
	background:url('/images/paperbottom-sub.jpg') bottom no-repeat;
	float:left;
	margin:-5px 0 0 2px;
	padding-bottom:50px;
	width:238px;
}
p#relativelinksheader{
	background:url('/images/relatedlinksheader.png') no-repeat;
	display:block;
    height:0px;
    left:-15px;
    padding-top:94px;
    position:relative;
    overflow:hidden;
    top:-10px;
	width:256px;
	z-index:10;
}
#relativelinks{
	float:left;
	margin:0 0 0 30px;
	width:165px;
}
a#comments{
	background:url('/images/commentssticker.jpg') no-repeat;

	display:block;
	float:left;
    height:0px;
    padding-top:70px;
    overflow:hidden;
	width:214px;
}
a#forum{
	background:url('/images/subforumsticker.png') no-repeat;
	display:block;
	float:left;
    height:0px;
    margin:-7px 0 0 55px;
    padding-top:111px;
    overflow:hidden;
	width:193px;
	z-index:10;
}

/*sub navigation------------------------- */
#subnavtop{
	background:url('/images/subnavtop.jpg') no-repeat;
	height:53px;
	width:199px;
}
ul#subnav{
	background:url('/images/subnavbottom.jpg') bottom no-repeat;
	margin:-1px 0 0 0;
	padding:0 20px 50px 30px;
}
ul#subnav li{
	padding:5px 0;
	list-style:none;
}
ul#subnav li a{
	padding-right:30px;
}
ul#subnav a:hover{
	background:url('/images/subnavhover.jpg') top right no-repeat;
}
ul#subnav a.on{
	background:url('/images/subnavhover.jpg') top right no-repeat;
		padding-right:20px;
}
ul#subnav li ul{
	margin-left:10px;
}
ul#subnav li ul li a{
	padding-right:0;
}

ul#subnav li ul li a:hover{
	background:none;
}

/*youthmark------------------------- */
body#youthmarkstyle ul#subnav a:hover{
	background:url('/images/youthmarksubnavhover.jpg') top right no-repeat;
}
body#youthmarkstyle ul#subnav a.on{
	background:url('/images/youthmarksubnavhover.jpg') top right no-repeat;
	padding-right:20px;
}

body#youthmarkstyle ul#subnav li ul li a:hover{
	background:none;
}
body#youthmarkstyle ul#subnav li ul li a.on{
	background:url('/images/youthmarksubnavhover.jpg') top right no-repeat;
}
#content dl.imgcaptionleft  {
	float: left;
	margin: 0 10px 3px 0;
}

#content dl.imgcaptionright  {
	float: right;
	margin: 0 0 10px 3px;
}

#gallerybut{background:url(/images/gallerybutton.jpg);width:233px;height:107px;float:left;}