/*css style sheet*/
/* CSS Document for Midsomer norton & radstock band website 2010 
Version: 1.0 (standard)
Author: Alex Dunn
email: alex@alkswebdesign.co.uk
website: http://www.alkswebdesign.co.uk
*/
@import url("reset.css");

body {
	margin: 0;
	padding: 0;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #000;
}

#outerHeader {
	margin: 0 auto;
	background: #000 url(../images/trail.gif) bottom repeat-x;
}

#header {
	min-height: 60px;
	width: 960px;
	margin: 0 auto;
	background: url(../images/moonBG.jpg) no-repeat left;
}

#outerStrap {
	background: #009966 url(../images/outerStrapBG.jpg) repeat-x;
	min-height: 185px;
	border-bottom: 1px solid #000;
}

#strap {
	background: url(../images/strapBG.jpg) no-repeat;
	width: 960px;
	margin: 0 auto;
	min-height: 184px;
	background-color:#FFFFFF;
}

#outerContent {
	background: #fff url(../images/contentBG.jpg) repeat-x;
	min-height: 300px;
}
#contentBottom {
	background: #fff url(../images/contentBG_bottom.jpg) repeat-x bottom;
	height:125px;
	clear:both;
	
	}
#contentWrapper {
	width: 960px;
	margin: 0 auto;
	font-size: 80%;
	padding-top:15px;
	background:url(../images/content_backing.jpg) no-repeat top; /*line image */
}
.twocol #contentWrapper  { background:url(../images/content_backing_twocol.jpg) no-repeat top; }

#content {
	width: 550px;
	margin: 15px 220px 0 190px;
	min-height:780px;
	/* background:url(../images/content_backing.jpg) no-repeat top;*/
	/*background-color:#FF0033;*/
}
	
#content img {
	display:block; /* use class .imgcenter to centre picture so long as img is block*/
	border: 1px solid #000;
	
}
#content table {
	border:1px solid #666666;
	width:95%;
	
	}

#content td {
	border:1px solid #666666;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	}

#content h1,h2,h3,h4 {
	text-decoration:none;
	background: url(../images/underline1.gif) repeat-x left bottom;
	padding-bottom:2px;
	padding-top:5px;
	margin-right:45px;
	}
#contentBar {
	width:960px;
	height:40px;
	/*background-color:#CCFF00;*/
	margin:0;
	padding:0;
	/*background:url(../images/bar_BG.jpg) left top repeat-x;*/
	position:relative;
	font-size:10px;
	} 

#leftcol {
	width: 170px;
	float: left;
	height:500px;
	/*padding-top: 14px;*/
	margin-top:20px;
	padding-bottom:100px;
	/*background:url(../images/nav_back.png) top no-repeat;*/
	background:url(../images/valve2.png) top no-repeat;
	/*background-color:#FF0033;*/
}
#leftcol_under {
	/*margin-top:150px;*/
	min-height:200px;
	float:left;
	width:170px;
	/*background-color:#FF0033;*/
	}

#rightcol {
	width: 200px;
	float: right;
	color: #4e4845;
	margin-top:15px;
	/*background-color:#FF0033;*/
}
#rightcol img {
	display:block;
	margin:0 auto;
	border:none;
	}

#footer {
	clear: both;
	font-size: 85%;
	/*margin-top: 25px;*/
	height:125px;
	background-color:#33CC33;
	background:url(../images/footer_bg.jpg) repeat-x;
}

#footer p {
	clear:both;
	padding-top:1px;
}
#copyright span {
	float:right;
	}
#footer a {
	color:#333;
	text-decoration:none;
	border-style:none;
}
.container 
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top:10px;
}
#footer img {
	padding-left:20px;
	border-style:none;
	}
#footer li { 
	list-style-type: none;
	display:inline;
	}

.imggap {
	padding-left:10px;
	}
.login {
	padding:0;
	margin:0;
	color:#FFFFFF;
	float:left;
	overflow:hidden;
	margin:5px 0 0 20px;
	height: 100px;
	width:450px;
	/*background-color:#00FF99;*/
	}
.login p {
	color:#FFFFFF;
	font-size:100%;
	padding:0;
	margin:0;
	}
/**********breadcrumb styles and div *********/
#breadcrumb {
	float:left;
	margin:7px 2px 0 10px; /*was 12px for 50*/
	width:400px;
	height:23px;
	border:1px solid #000000;
	/*background-color:#DFD288;*/
	background-color:#ddd084;
	border-color:#000 #ccc #efe #ccc; /*color of borders */
	font-size:150%;
	-webkit-border-radius: 6px; /*safari / chrome */
	-moz-border-radius: 6px;/*firefox*/
	border-radius: 6px;/*default future support*/
	}
#breadcrumb a {
	text-decoration:none;
	color:#FFFFFF;
	line-height:23px;
	padding-left:5px;
	}
#contentBar ul {
	padding: 0px 10px 0 10px;
	list-style: none;
	}
#contentBar li {
	float:right;
	margin-left:10px; /*space between link blocks*/
	
	}
#contentBar li  {
	color:#fff;
	/*padding:2px 4px 2px 4px; padding around text */
	/*background-color:#999933;*/
	/*display:block;*/
	/*border:1px solid #ccc;
	border-color:#000 #ccc #efe #ccc; /*color of borders */
	
	}
#contentBar li a:hover {
	background-color:#CC6600;
	background-image:url(../images/nav_hover.jpg);
	color:000;
	}	
/***********Snews search field and submit button **************/
#contentBar form {
	margin-top:7px; /*height of search box was 12px for 50*/
	padding:0;
	}
#contentBar form p {
	margin:0; /*cancels margin and padding on p element so can center form properly*/
	padding:0;
	}

.searchfield {
	color:fff;
	background-color:#ccc;
	border:1px solid;
	padding:4px;
	border-color:#000 #ccc #efe #ccc; /*color of borders */
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
.searchbutton {
	padding:3px; /*padding for search submit button*/
	background:#CCCCCC;
	color:#000;
	border:1px solid;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

/********** text elements ******************/

h1, h2, h3, h4 {
	font-size: 140%;
	padding:2px 0 5px 0;
	color: #000;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
	margin-bottom: 0;
}
p {
	font-size:100%;
	padding:12px 0 12px 0;
	/*line-height:17px;*/
	line-height:20px;
	color:#000;
	}
/* extra content text styles *****/
#righcol p {
	font-size:80%;
	color:#000;
	}
#rightcol h2, h3, h4 {
	font-size:110%;
	color:#000;
	}
/******** text styles for left column ****/

##leftcol_under  p {
	font-size:80%;
	color:#333;
	}
##leftcol_under  h1 {
	color:#333;
	font-size:120%;
	}
#leftcol_under h2, #leftcol_under  h3, #leftcol_under  h4  {
	font-size:110%;
	color:#333;
	}

#leftcol_under li {
	margin-left:10px;       
	}
/*end of extra area styles*/
/********** generic floats *******/
.rightimage {
	float:right;
	margin-left:8px;
	}
.leftimage {
	float:left;
	margin:3px 8px 3px 0;
	}
/********** Generic classes **********************/

.right {
	float: right;
	margin: 4px 0 2px 5px;
}
.left {
	float: left;
	margin: 4px 5px 2px 0;
	}
.imgcenter {
	margin:0 auto;
	}
.clearit {
	clear:both;
	}
/********** header navigation *********************/

#header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 75%;
 }
  
#header li {
  float: right;		
  background: url("../images/right.gif") no-repeat bottom right;
  padding: 0 2px 0 3px;
  margin: 0 1px;
}
  
#header a {
  float: left;
  display: block;
  background: url("../images/left.gif") no-repeat left bottom;
  padding: 3px 8px 3px 16px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  margin-right: 3px;
  outline:none;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
float: none;
}
/* End IE5-Mac hack */


#header a:hover, #header a:focus {
  color: #FF4A22;
}
  
#header #current {
  background-image: url("../images/right_on.gif");
}
  
#header #current a {
  background-image: url("../images/left_on.gif");
  color: #fff;
}

/********* Side Navigation ********************/
	
#leftcol .navholder {
	float: left;
	display: inline;
	position: relative;
	/*margin: 8px 0;*/
	margin:0;
	padding:0;
	padding-left:0;
	min-height:450px;/*forces img below nav area*/
}

#leftcol  ul {
	width: 156px;
	/*border-top: 1px solid #000000;
	background-color: #5186B4;*/
	padding:0 7px 0 7px;
	margin-left:0;
	padding-top:62px;
	margin-bottom:25px;
}

#leftcol li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	/*vertical-align: bottom;  for IE5/win  */
	border: 1px solid #0f2624;
	border-bottom: 1px solid #000;
	border-width: 1px 1px 1px 1px;
	margin-bottom:2px;
	background-color: #009966;
}

#leftcol a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px;
	font-weight: bold;
	/*vertical-align: bottom;  needed for IE5/win */
}

/*#leftcol li a.sub {
background: url(../images/arrow.gif) 95% 50% no-repeat;
	
}*/

#leftcol a:hover {
	background-color: #999999;
	color: #fff;
}

#leftcol ul ul {
	position: absolute;
	left: -3000px;
	padding-top:0;
	/*background-color: #666666;*/
}     /* flyout elements need a background image or color to avoid bugs in IE/win */

#leftcol li:hover {background-color: #d1be54;}

#leftcol ul li:hover ul {
	left: 125px;
	top: 8px;
}

#leftcol ul a:hover {
	text-decoration: none;
	background-color:#d1be54;
}

/* \*/ /*/ 
#leftcol ul li ul {position: static;}
/* */
#leftcol_under ul, #leftcol_under li {
	background:none;
	border:0;
	list-style:circle;
	}

#leftcol_under a {
	color:#333;
	background-color:none;
	}
#leftcol_under  li a:hover {
	text-decoration:none;
	background-color:#FFFFFF;
	color:#009933;
	}
	/********* form *******************
label {
	color: #000;
}

input {
	background-color: #ff9602;
	border: 1px solid #000;
	margin-bottom: 4px;
}

.button {
	background-color: #000;
	border: 1px solid #ff9602;
	color: #ff9602;
	padding: 2px 4px;
}*/

/************ Table styles ***************/
/*td, th {
background-color:#B8B870;
padding : 0.5em 1em;
border : 1px solid #000;
border-width : 0 1px 1px 1px;
}
th {
	background-color:#009966;
	}
caption {
background-color:#CACA00;
font-weight:bold;
}*/

/************ Column control ****************/

.twocol #rightcol {
	display: none;
}

.twocol #content {
	margin-right: 0;
	margin-left: 170px;
	width: auto;
}


/************ For IE mac ********************/

 /*\*//*/
 #header {
	height: 60px;
}

#outerStrap {
	height: 185px;
}

 #outerContent {
	height: 300px;
}

#content {margin-left: -20px;}
#leftcol {margin-right: 20px;} 
 /**/
 

/**********Styles for jquery cycle ***********/
.pics { height: 184px; width: 960px; padding:0; margin:0; overflow: hidden; background-color:#fff; }
.pics img { height: 184px; width: 960px; padding: 0;  background-color: #fff; top:0; left:0 }

/****************Styles for gallery ***************/


.form{font-size:0.9em;margin:0 0 0 8px;}

.thumbnails{background-color:#000;border:#FFF 2px solid }

.error{background-color:#999;width:100%;font-size:1.0em;font-weight:bold;padding:30px 0 30px 20px;}

.link{margin-left:210px;text-decoration:none;color:#666;font-size:0.8em; }


/**************tooltip styles *************/
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
/* sNews */
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; width: 515px;}
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { /*background: #f4f4f4;*/ color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }