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

/* -------------------------------------------------------------
CommUNITY Barnet MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body{
	background:#e2e2e2;
	margin:0;
	padding:0;
}
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;
}
.imageleft {
	float: left;
	margin: 0 10px 10px 0px;
}

.imageright {
	float: right;
	margin: 0 5px 10px 10px;
}
.hide{
	display:none;
}
.clear{
	clear:both;
}
.content li{
	list-style-image:url('../images/bullet.jpg');
}


/*HEADER----------------------------------------- */
#header{
	background:#fff;
	height:180px;
	margin:0 auto;
	padding:5px 0 0 20px;
	width:960px;
}
a#logo{
	background:url('../images/logo.jpg') no-repeat;
	display:block;
	float:left;
	height:169px;
	width:310px;
}
ul#topnav{
	float:right;
	margin:0;
	padding:10px 40px 0 0;
}
ul#topnav li{
	display:inline;
	list-style:none;
}
#tagline{
	float:right;
	padding:70px 40px 0 0;
}

/*NAV*/
#nav{
	background:url('../images/navbg.jpg') repeat-x;
	height:48px;
	margin:0 auto;
	width:980px;
}
#navigation{
	margin:0 auto;
	width:960px;
}
ul#secnav{
	margin:0;
	padding:0;
	position:relative;
}
ul#secnav li{
	list-style:none;
}
li#about a{
	color:#666;
	display:block;
	height:35px;
	left:40px;
	padding:12px 0 0 16px;
	position:absolute;
	top:0;
	width:95px;
}
li#about a:hover{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#about a.on{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Services a{
	color:#666;
	display:block;
	height:35px;
	left:170px;
	padding:12px 0 0 16px;
	position:absolute;
	top:0;
	width:95px;
}
li#Services a:hover{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Services a.on{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Library a{
	color:#666;
	display:block;
	height:35px;
	left:300px;
	padding:12px 0 0 16px;
	position:absolute;
	top:0;
	width:78px;
}
li#Library a:hover{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Library a.on{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Membership a{
	color:#666;
	display:block;
	height:35px;
	left:410px;
	padding:12px 0 0 16px;
	position:absolute;
	top:0;
	width:122px;
}
li#Membership a:hover{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Membership a.on{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Events a{
	color:#666;
	display:block;
	height:35px;
	left:570px;
	padding:12px 0 0 16px;
	position:absolute;
	top:0;
	width:76px;
}
li#Events a:hover{
	background:url('../images/hoverbg.jpg') repeat-x;
}
li#Events a.on{
	background:url('../images/hoverbg.jpg') repeat-x;
}
ul#secnav li a.on{
	background:url('../images/hoverbg.jpg') repeat-x;
	color:#666;
	padding:11px 15px 13px 15px;
}
#searchbox{
	float:right;
	padding:8px 40px 0 0;
	width:180px;
}
.searchbox{
	background:url('../images/searchbg.jpg') no-repeat;
	border:none;
	float:left;
	height:24px;
	padding:5px 10px 0 10px;
	width:115px;
	vertical-align:top;
}
.searchbutton{
	border: 0px solid;
	float:right;
	cursor:pointer;
	margin-left:5px;
}

/*CONTENT----------------------------------------- */
body#index #welcome{
	background:#fff;
	height:250px;
	margin:0 auto;
	padding:5px 0 0 20px;
	width:960px;
}
h1#welcometo{
	background:url('../images/welcometo.jpg') no-repeat;
	height:57px;
	left:10px;
	position:relative;
	top:23px;
	width:568px;
}
h2#howhelp{
	background:url('../images/howhelp.jpg') no-repeat;
	float:left;
	height:53px;
	margin:20px 0 0 10px;
	width:310px;
}
#selectbox{
	border:solid 2px #969696;
	height:30px;
	left:5px;
	padding:4px;
	position:relative;
	top:-84px;
	width:250px;
}
#mainimg{
	left:4px;
	position:relative;
	top:-50px;
}
#body{
	background:#ffffff;
	border-bottom:solid 4px #d8a7cf;
	border-top:solid 4px #d8a7cf;
	float:left;
	width:100%;
}
#body_wrapper{
	margin:0 auto;
	width:960px;
}
/*left column----------------- */
body#index #leftcol{
	background:none;
	border-left:solid 1px #ac4399;
	border-right:solid 1px #ac4399;
	float:left;
	margin:25px 0 25px 0;
	padding:0 50px 0 50px;
	width:370px;
}
h1#whatsgoingon{
	background:url('../images/whatsgoingon.png') no-repeat;
	height:93px;
	margin-top:-35px;
	width:280px;
}
h1#whatsgoingon a{
	display:block;
	height:93px;	
	width:280px;
}
body#index #leftcol img{
	float:left;
	clear:left;
	margin:0 15px 20px 0;
}

/*right column----------------- */
body#index #rightcol{
	border-right:solid 1px #ac4399;
	float:right;
	margin:20px 0 25px 20px;
	padding:0 50px 0 30px;
	width:370px;
}
h1#latestnews{
	background:url('../images/latestnews.png') no-repeat;
	height:79px;
	margin:-26px 0 20px;
	width:214px;
}
h1#latestnews a{	
	height:79px;
	display:block;
	width:214px;
}
body#index #rightcol img{
	float:left;
	clear:left;
	margin:0 15px 20px 0;
}

/*FOOTER----------------------------------------- */
#footer{
	background:url('../images/footerbg.jpg') no-repeat;
	height:107px;
	margin:0 auto;
	padding:15px 0 0 35px;
	width:925px;
}
#footertext{
	margin:0 auto;
	margin-bottom:20px;
	width:915px;
}

/*SUB PAGE----------------------------------------- */
#welcome{
	background:#fff;
	height:20px;
	margin:0 auto;
	padding:5px 0 0 20px;
	width:960px;
}
/*left column----------------- */
#leftcol{
	background:#d9d9d9;
	border-left:solid 1px #ac4399;
	border-right:solid 1px #ac4399;
	float:left;
	margin:25px 0 25px 0;
	padding:0;
	width:210px;
}
/*sub nav---------------- */
ul#subnav{
	background:url('../images/subnavbg.jpg') no-repeat top left;
	margin:0;
	padding:10px 0 10px 28px;
}
ul#subnav ul{
	margin:0;
	padding:10px 0 10px 0;
}
ul#subnav li{
	list-style:none;
	margin:0 0 0 -28px;
	padding:3px 0 3px 0;
}
ul#subnav li ul li{
	list-style:none;
	margin:0;
	padding:3px 0 3px 0;
}
ul#subnav a{
	display:block;
	padding:5px 10px 5px 25px;
}
ul#subnav a:hover{
	background:#AB4398;
	display:block;
}
ul#subnav li a.on{
	background:#AB4398;
	display:block;
	color:#fff;
	font-weight:bold;
}
ul#subnav ul li a:hover{
	background:#AB4398;
	display:block;
}
ul#subnav ul li a.on{
	background:#E7C0E0;
	color:#AB4398;
	font-weight:bold;
}
ul#subnav ul li a{
	padding:5px 10px 5px 35px;
}

/*right column----------------- */
#rightcol{
	border-right:solid 1px #ac4399;
	float:right;
	margin:20px 0 25px 0;
	padding:0 50px 0 30px;
	width:655px;
}

/*b@rnet icons----------------- */
.dsapi-category-icon_children{
	margin:10px 20px 20px 0;
	float: left;
}
.dsapi-category-icon_health{
	margin:10px 20px 20px 0;
	float: left;
}
.dsapi-category-icon_arts{
	margin:10px 20px 20px 0;
	float: left;
}
.dsapi-category-icon_multi{
	margin:10px 20px 20px 0;
	float: left;
}
.dsapi-category-icon_help{
	margin:10px 0;
	float: left;
}
#inbarnet{
	background:url('../images/inbarnetbutton.gif') no-repeat;
	display:block;
	height:0;
	left:11px;
	overflow:hidden;
	padding-top:65px;
	position:relative;
	top:-134px;
	width:564px;
}