/* Bridge Youth Center
	Created 06/2008 */

body {
	background-color:#000000;
	padding:0px;
	margin: 0px;
	height:100%;
	}

#container {
	width:862px;
	margin: 0 auto;
	}

#header {
	background-image:url(../images/header.jpg);
	width:862px;
	height:161px;
	text-indent:-9999px;
	clear:both;
	}

#pagewidth {
	width: 862px;
	background-image:url(../images/pagewidth_bg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#ffffff;
	}

#leftcolumn {
	float:left;
	width:351px;
	padding-bottom:30px;
	}
	
#leftcolumn p {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#dc0000;
	padding:0px 35px 0px 35px;
	}

#leftcolumn a {
	color:#dc0000;
	text-decoration:underline;
	}

#leftcolumn a:hover {
	color:#ffffff;
	}
	

#leftcolumn h2 {margin:0px 0px 0px 35px; text-indent:-9999px;}
#leftcolumn h2.upcoming {background: transparent url(../images/upcoming_events.jpg) no-repeat;} 


#leftcolumn h3 {
	font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	margin:15px 35px -5px 35px;
	_margin:15px 35px -15px 35px;
	}

hr   {
    width:80%;
	text-align:center;
	background-color:#82C241;
}

input  {
    color: #555555;
    background: #DDE9C3;
    border: 1px solid #699B33;
	padding-left:5px;
}

/* Menu */

#menu {
    float:left;
        display:block;
        width:351px;
        height:171px;
    background-image:url(../images/linkbox_bg.png);
    background-repeat:no-repeat;
    margin-bottom:10px;
    }

   
ul {
    padding:0px;
    margin:20px 0px 0px 20px;
    list-style-type:none;
    }
   
#menu li {float:left; height: 27px; margin-bottom: 20px; padding: 0px 0px 0px 0px;}
#menu li.list1 {background: transparent url(../images/button_home.jpg) no-repeat; width:144px;}
#menu li.list2 {background: transparent url(../images/button_activities.jpg) no-repeat; width:144px;}
#menu li.list3 {background: transparent url(../images/button_about.jpg) no-repeat; width:144px;}
#menu li.list4 {background: transparent url(../images/button_gallery.jpg) no-repeat; width:163px;}
#menu li.list5 {background: transparent url(../images/button_facility.jpg) no-repeat; width:144px;}
#menu li.list6 {background: transparent url(../images/button_help.jpg) no-repeat; width:144px;}
#menu a {display:block; height: 27px; text-indent: -9999px; border-bottom: none;}

#menu a#item1 {background: transparent url(../images/button_home.jpg) no-repeat;}
#menu a#item2 {background: transparent url(../images/button_activities.jpg) no-repeat;}
#menu a#item3 {background: transparent url(../images/button_about.jpg) no-repeat;}
#menu a#item4 {background: transparent url(../images/button_gallery.jpg) no-repeat;}
#menu a#item5 {background: transparent url(../images/button_facility.jpg) no-repeat;}
#menu a#item6 {background: transparent url(../images/button_help.jpg) no-repeat;}

#menu a#item1:hover {background-position:0px -27px; z-index:50;}
#menu a#item2:hover {background-position:0px -27px; z-index:50;}
#menu a#item3:hover {background-position:0px -27px; z-index:50;}
#menu a#item4:hover {background-position:0px -27px; z-index:50;}
#menu a#item5:hover {background-position:0px -27px; z-index:50;}
#menu a#item6:hover {background-position:0px -27px; z-index:50;}



#righttop {
	width:511px;
	float:right;
	background-image:url(../images/rightcol_bg1.jpg);
	background-repeat:no-repeat;
	}


#picturebox {
	width: 443px;
	height: 339px;
	margin:15px 20px -15px 24px;
	}

#rightbottom {
	width:497px;
	float:left;
	height:100%;
	background-color:#dc0000;
	background-repeat:repeat;
	padding-bottom:30px;
	}

#rightbottom p {
	font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#FFFFFF;
	padding:0px 35px 0px 35px;
	}

#rightbottom a {
	color:#FFFFFF;
	text-decoration:underline;
	}

#rightbottom a:hover {
	color:#fecc33;
	}

#rightbottom h2 {margin:-8px 0px -8px 30px; text-indent:-9999px; padding-bottom:3px;}
#rightbottom h2.welcome {background: transparent url(../images/title_home.jpg) no-repeat;} 
#rightbottom h2.activities {background: transparent url(../images/title_activities.jpg) no-repeat;} 
#rightbottom h2.about {background: transparent url(../images/title_about.jpg) no-repeat;} 
#rightbottom h2.gallery {background: transparent url(../images/title_gallery.jpg) no-repeat;} 
#rightbottom h2.facility {background: transparent url(../images/title_facility.jpg) no-repeat;} 
#rightbottom h2.help {background: transparent url(../images/title_help.jpg) no-repeat;} 

#rightbottom h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	margin:25px 35px -10px 35px;
	}

#rightbottom ul {
	margin: 0px;
	padding:0px;
	}

#rightbottom li {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#FFFFFF;
	list-style-type:disc;
	list-style-position:outside;
	margin: 0px 35px 0px 70px;
	}	
/*	
#bottom {
	background-image:url(../images/bottom2.png);
	background-repeat:no-repeat;
	width:862px;
	height:11px;
	clear:left;
	}
*/

#footer {
	background-image:url(../images/bottom2.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:35px;
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:862px;
	padding-top:20px;
	text-align:center;
	clear:both;
}

#footer a{
	color:#666666;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}