/* CSS Document */
body { margin:0px; padding:0px; background:url(../images/bg_root.jpg); background-repeat:repeat-x; background-color:#f2f2f2; text-align:center;}


* {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#c6c6c6;
}

p { margin-top:6px;	margin-bottom:8px;padding:0px; text-align:justify; line-height:14px; }

#strong { font-weight:bold; }

img {margin:0px; padding:0px; border:none; display:block; }

.left { float:left; }
.right { float:right}

form, input, textarea, select {margin:0px; padding:0px;}

h1 {margin:0px; padding:0px; font-weight:bold; font-size:13px;}

h2, h3{margin:0px; padding:0px; font-weight:bold; }

#display_in{ display:inline; float:left;}



#venuelist { padding-left:15px; color:#f90909;}
	
	a#venuelist {color:#f90909;font-weight:bold;text-decoration:underline;}
	a#venuelist:hover {color:#f90909;font-weight:bold;text-decoration:underline;}

ul.ul_main { padding:0px; margin:0px; list-style:none; margin-bottom:16px; }
	ul.ul_main li { padding-left:14px; margin-left:4px; background:url(ul_dot.gif) no-repeat 0 3pt; line-height:14px; margin-bottom:6px; }

.star_font { color:#8a8a8a; font-size:10px; line-height:13px; }

#wrap_bg { background:url(../images/bg_wrap.jpg) repeat-y center top; width:100%; border:#FF0000 1px solid; }

#wrap { width:780px; margin:0px auto 0px auto; text-align:center; padding:0;  }


#top { width:780px; margin:0px auto 0px auto; height:50px; text-align:left; position:relative; top:0px; left:0px; }
	#logo { background:url(../images/logo.gif) no-repeat 30px 6px; width:250px; height:50px; float:left; cursor:hand; }
	
	#main_menu_box { width:498px; height:28px; margin:0px; padding:0px; float:right; margin-top:11px;}
		#ul_m_menu {margin:0px; padding:0px; width:498px; height:28px; }
		#ul_m_menu {list-style:none;float:left;}
			#ul_m_menu li {display:inline; float:left; height:28px;}
			#ul_m_menu li a{float:left;height:28px;text-indent:-9999px;overflow:hidden;}
				a#home{width:59px;background:url('../images/menu/home.gif') no-repeat; background-position:0 0px; outline:none;}
				a#about{width:78px;background:url('../images/menu/about.gif') no-repeat; background-position:0 0px; outline:none;}
				a#join{width:74px;background:url('../images/menu/join.gif') no-repeat; background-position:0 0px; outline:none;}
				a#news{width:62px;background:url('../images/menu/news.gif') no-repeat; background-position:0 0px; outline:none;}
				a#features{width:77px;background:url('../images/menu/features.gif') no-repeat; background-position:0 0px; outline:none;}
				a#links{width:61px;background:url('../images/menu/links.gif') no-repeat; background-position:0 0px; outline:none;}
				a#contact{width:87px;background:url('../images/menu/contact.gif') no-repeat; background-position:0 0px;}
				#ul_m_menu li a:hover { background-position:0 -28px;}
				
			

h2.top_sentense { background:url(../images/top_sentense.png) no-repeat 50% 12px; width:780px; height:50px; }

#content { width:780px; display:block; }
#left_column { width:495px; float:left; margin:0px; padding:0px; text-align:left; }
#right_column { width:276px; float:right; margin:0px; padding:0px; text-align:right; }
	
	/* ¬ ---------------------- ¬ */
	/* left column  */
	/* ¬ ---------------------- ¬ */
	h2.search_result { background:url(../images/titles/search_result.gif) no-repeat; width:495px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	h2.featured_band {background:url(../images/titles/featured_band.gif) no-repeat; width:495px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	h2.become_space2play{background:url(../images/titles/become_space2play.gif) no-repeat; width:780px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	#band_images { padding:7px; margin:0px; background-color:#3d3c3c;}
	#banners_footer { padding:0px; margin:0px; width:780px; text-align:left; clear:both; }
	#flash_map_box { width:493px!important; height:238px!important; margin:0px; padding:0px; }
	#left_content { width:780px; margin:0px; padding:0px; }
	
	
	/* ¬ ---------------------- ¬ */
	/* right column  */
	/* ¬ ---------------------- ¬ */	
	h2.about_site {background:url(../images/titles/about_site.gif) no-repeat; width:276px; height:16px; margin:10px 0 4px 0; padding:0px; display:block; }
	#about_site { width:276px; height:238px; background:url(../images/about_text_bg.gif) no-repeat 0 0; clear:both; display:block;} 
		#boxs_content { padding:10px 15px 0px 15px;text-align:left; }
	
	h2.news {background:url(../images/titles/news.gif) no-repeat; width:276px; height:16px; margin:10px 0 4px 0; padding:0px; display:block; }
	#bg_news_box { width:276px; height:188px; margin:0px; padding:0px; }	
	#bg_news {background:url(../images/bg_news_onHome.gif) no-repeat; width:276px; height:97px; margin:0px; padding:0px; text-align:left; }
	#bg_news_bt {background:url(../images/bg_news_onHome.gif) no-repeat; width:276px; height:97px; margin:0px; padding:0px; margin-top:8px; text-align:left; }
	
		#news_date { color:#f90909; text-decoration:none; font-weight:bold; }
		a.news_more,a.news_more:active, a.news_more:visited  { color:#f90909; text-decoration:underline; font-weight:bold; }
		a.news_more:hover {color:#c0c0c0; text-decoration:underline; }
	
		
	/* ¬ ---------------------- ¬ */
	/* rest of the titles headers  */
	/* ¬ ---------------------- ¬ */
	h2.join_s2p { background:url(../images/titles/join_s2p.gif) no-repeat; width:495px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	h2.features { background:url(../images/titles/features.gif) no-repeat; width:495px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	h2.links { background:url(../images/titles/links.gif) no-repeat; width:495px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	h2.contact_us { background:url(../images/titles/contact_us.gif) no-repeat; width:495px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	h2.about_us { background:url(../images/titles/about_us.gif) no-repeat; width:495px; height:16px; margin:10px 0 4px 0; padding:0px; display:block}
	
	/* ¬ ---------------------- ¬ */
	/* main box style  */
	/* ¬ ---------------------- ¬ */
	#main_box_top {background:url(../images/main_box_top.gif) no-repeat 0 0; height:20px; width:493px; line-height:0px; font-size:0em; display:block; margin:0px; padding:0px; overflow:hidden; }
	#main_box_middle {background:url(../images/main_box_middle.gif) repeat-y; width:493px; display:block; margin:0px; padding:0px; overflow:hidden; }
	#main_box_bottom {background:url(../images/main_box_bottom.gif) no-repeat 0 0; height:20px; width:493px; display:block; margin:0px; padding:0px; overflow:hidden; }
		#main_boxs_content { padding:0px 15px 0px 15px; min-height:442px; _height:442px;}
		
		
	/* ¬ ---------------------- ¬ */
	/* events box style  */
	/* ¬ ---------------------- ¬ */
	.events_box_top {background: #3b3a3a; width:493px; display:block; margin:0px; padding:0px; overflow:hidden; }
	.events_box_middle {background:url(../images/bg_winchester.jpg) no-repeat; width:493px; display:block; margin:0px; padding:0px; overflow:hidden; padding-top:20px; }	
	
	img.img_events_r { float:right; padding:0px 0px 10px 15px; border:none; }
	h3.search_title { font-size:15px; font-weight:bold; width:300px; font-family:Arial, Helvetica, sans-serif; }
	
	
	/* ¬ ---------------------- ¬ */
	/* forms style  */
	/* ¬ ---------------------- ¬ */
	#join2sp label{float:left;width:100%;text-align:left;padding:0.4em 0.8em 0.2em 0;}
	#join2sp label.nf{width:auto;float:none;}
	#join2sp input.text{float:left;width:230px;;margin-bottom:0.4em;}
	#join2sp select{float:left;width:50%;margin-bottom:0.4em;}
	#join2sp input.s{width:13%; margin-bottom:0.4em;}
	#join2sp em{font-style:normal;color:#be0027;font-size:1.4em;line-height:0.7;}
	#join2sp p.p{padding:0 0.8em;}

	#join2sp .but{text-align:center;}
	#join2sp .but input{background:#d4d5d7;border:1px outset #d4d5d7;font-size:110%;font-weight:bold;}
	fieldset {border:1px solid #e2e5e7;margin:0 0 0.5em;padding:0.8em; border:none; color:#000; }
	legend{font-weight:bold; text-indent:-9999px;}
	textarea,input.text, input.s{padding:0.3em 0.6em;color:#000; background:url(../images/textarea.gif) no-repeat; border:none;}
	textarea {width:230px; height:100px; }
	.sumbit { border:0px; margin-left:150px; width:84px; height:23px; background-image:url('../images/submit.gif'); cursor:pointer; margin-top:0px;}
select{border-color:#d0d3d4;border-width:1px;background:#fdfdfd;color:#000000;}
select:focus{background-color:#000000;}
/*
input,select,textarea{font:1em/1.2 Arial,sans-serif;color:#000000;}
textarea,input.text,select{color:#000000;}
textarea,input.text{padding:0.2em 0.4em;}
input.text{height:1.2em;padding-top:0.2em;border-color:#000;border-width:1px;border-style:inset;background:#fdfdfd;}
textarea{border-color:#d0d3d4;border-width:1px;background:#fdfdfd;color:#000000;}
input.text:focus,textarea:focus{background-color:#f0f1f1;color:#000000;}

input[type=checkbox],input[type=radio]{vertical-align:top;color:#000000;}

*/
	
	
	
	
/* ¬ ---------------------- ¬ */
/*  Footer */
/* ¬ ---------------------- ¬ */
#footer { width:780px; margin:22px auto 20px auto; height:55px; text-align:left; }

	#web-feet_box { width:300px; margin:0px; padding:0px; padding-top:0px; float:left; height:55px; }
		p#copyright {color:#7d7b7b; font-family:Tahoma, Verdana, Arial; font-size:11px; text-decoration:none; text-align:left; margin-bottom:4px; margin-top:10px;}
		p#web-feet { color:#9d9d9d; font-family:Tahoma, Verdana, Arial; font-size:11px; text-decoration:none; text-align:left; margin-top:0px; }
		a.webfeet_link, a.webfeet_link:active, a.webfeet_link:visited{font-family:Tahoma, Verdana, Arial; color:#9d9d9d; font-size:11px; text-decoration:none; text-align:right; line-height:14px; }
		a.webfeet_link:hover { color:#000; }

	#loga_footer { width:400px; float:right; padding:0px; margin:0px; height:55px; line-height:55px; text-align:right; }
		#loga_footer img { padding-right:15px; }





.clearfix:after {
	content: "."; 
	display: block; 
	height: 1; 
	font-size:1px;
	clear: both; 
	visibility: hidden;
	line-height:1px;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
	
.cl{clear:both;line-height:1px;height:1px;font-size:1px; margin:0px; padding:0px;}



/*   map as a graphic */

#map{ padding:0; position:relative;  width:276px; height:237px; margin:0 auto 0 0; background:url(../images/mainmap.jpg) no-repeat;}
#map li{ margin: 0; padding: 0; list-style: none; position: absolute; display:block; }
#map a {   display: block;   }

#mapven{ padding:0; position:relative;  width:276px; height:237px; margin:0px auto 0 0px; background:url(../images/mainmap.jpg) no-repeat;}
#mapven li{ margin: 0; padding: 0; list-style: none; position: absolute; display:block; }
#mapven a {   display: block;   }


#basingstoke {left:100px; top:10px; width:90px; height:70px;  }
#basingstoke a {height:70px;  }
#basingstoke a:hover {background:  url(../images/basingstoke.jpg) -100px -10px;}



#farnborough {left:170px; top:10px; width:50px; height:70px; }
#farnborough a { height:70px; }
#farnborough a:hover {background:  url(../images/farnborough.jpg) -170px -10px;}


#aldershot {left:215px; top:10px; width:20px; height:70px; }
#aldershot a { height:70px; }
#aldershot a:hover {background:  url(../images/aldershot.jpg) -215px -10px;}

#andover {left:58px; top:27px; width:70px; height:112px; }
#andover a { height:112px; }
#andover a:hover {background:  url(../images/andover.jpg) -58px -27px;}

#alton {left:100px; top:62px; width:80px; height:112px; }
#alton a { height:112px;   }
#alton a:hover {background:  url(../images/alton.jpg) -100px -62px;}


#petersfield {left:160px; top:58px; width:80px; height:100px; }
#petersfield a { height:100px;  }
#petersfield a:hover {background:  url(../images/petersfield.jpg) -160px -58px;}

#romsey {left:100px; top:120px; width:20px; height:30px; }
#romsey a { height:30px;  border:1px  }
#romsey a:hover {background:  url(../images/romsey.jpg) -100px -120px;}

#southampton {left:110px; top:120px; width:30px; height:55px; }
#southampton a { height:55px; }
#southampton a:hover {background:  url(../images/southampton.jpg) -110px -120px;}

#eastleigh {left:120px; top:145px; width:50px; height:35px; }
#eastleigh a { height:35px;   }
#eastleigh a:hover {background:  url(../images/southampton2.jpg) -120px -145px;}

#gosport {left:145px; top:150px; width:20px; height:35px; }
#gosport a { height:35px;}
#gosport a:hover {background:  url(../images/gosport.jpg) -145px -150px;}

#portsmouth {left:156px; top:150px; width:25px; height:35px; }
#portsmouth a { height:35px; }
#portsmouth a:hover {background:  url(../images/portsmouth.jpg) -156px -150px;}

#havant {left:173px; top:145px; width:25px; height:35px; }
#havant a { height:35px; }
#havant a:hover {background:  url(../images/portsmouth2.jpg) -173px -145px;}


#newport{left:90px; top:180px; width:95px; height:50px; }
#newport a { height:50px; }
#newport a:hover {background:  url(../images/newport.jpg) -90px -180px;}


#lyndhurst{left:10px; top:120px; width:130px; height:75px; }
#lyndhurst a { height:75px;}
#lyndhurst a:hover {background:  url(../images/lyndhurst.jpg) -10px -120px;}

#allvenues {padding-left:40px;color:#f90909;font-weight:bold;}
	a#allvenues {color:#f90909;font-weight:bold;text-decoration:underline;}
	a#allvenues:hover {color:#f90909;font-weight:bold;text-decoration:underline;}