/* Inspired by and with thanks to Dave Reeder, www.davereederdesign.com */

body { margin: 0; padding: 0; background: #abcaaa; text-align:center; }

* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Arial, sans-serif; }


/*------------Basic styles------------*/

p, h1, h2, h3 { margin: 0 10px; color: #000; font-weight: normal; text-decoration: none; background: transparent; text-align: left; }

p { font-size: 0.9em; line-height: 1.4em; text-align: justify }
h1 { font-size: 1.1em; line-height: 1.4em; letter-spacing: 0.1em }	/* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #000 }	/* site heading */
h3 { font-size: 0.8em; line-height: 1.4em; color: #000;  margin-top:5px;   font-weight:600; }				
td p { font-size: 0.8em; line-height: 1.4em; margin:0 2px; text-align: left; }
#bttmbar span { font-size: 0.8em; line-height: 1.4em; color: #666}
a {color:#458945; text-decoration: underline}
a:hover {color: #aaffaa; text-decoration: none}
a:hover {color: #99cc99; text-decoration: underline}
.leftcolumn img {
 background-color:#f0f8ff;
  padding:1px 4px 4px 1px;
}
/*-------------Layout----------------*/

#hdrimg {			/* Large image */
	float: left; 			
	width: 100%;
	margin-bottom: 5px;
	border:1px solid black;
	background:#000 url('../images/index_image002.jpg') no-repeat center; 
	height: 170px;  	/* ie5x hack begins here */     
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 150px;
}

html>body #hdrimg {
	height: 150px;        /* ie5x hack ends here */
}

.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: none;
	margin-bottom: 0;
	overflow: hidden;
  background: #f0f8ff;
	width: 960px;
	margin-left: auto;
  margin-right: auto;
  clear:left;
	padding: 5px 0;
}

.menubar {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: none;
	margin-bottom: 0;
	overflow: hidden;
	background-colour:#abcaaa;
	width: 960px;
	margin-left: auto;
  margin-right: auto;
  clear:left;
	height:25px;
}

#bttmbar { 
  float: none; 
  width: 960px; 
  height: 35px;
  text-align:right;
  margin-left: auto;
  margin-right: auto;
	 font-size:small;
}  

/*Columns */ 

.fullcolumn { 
float: left; 
width: 958px;
background: #abcaaa; 
padding: 5px 0; 
}	
			
.halfcolumn { 
float: left; 
width: 49%;
}

.infocolumn { 
float: left; 
width: 600px;
padding: 5px 0; 
}

.leftcolumn { 
float: left; 
width: 100px;
padding: 5px 5px; 
 background-color:#2f4f4f;
 margin: 5px 5px;
}

.onethirdcolumn { 
float: left; 
width: 33%; 
}

.firstcolumn { 
float: left; 
width: 350px; 
padding: 5px 0;
}		
.secondcolumn { 
float: left; 
width: 367px;
padding: 5px 0; 
}	
.thirdcolumn { 
float: left; 
width: 238px; 
padding: 5px 0;
}	
.quartercolumn { 
float: left; 
width: 24.5% 
}

/*--Main Navigation--*/

#nav {  
display:block; 
width: 960px; 
float:left;  
background-color:#abcaaa;
}

ul#nav  { margin: 0; }

#nav li  {
	font-size: 13px;
	float: right;
	list-style: none;
	text-align: center;
}
	
/* Main nav styles for all links */
#nav li a {   
	display: block; 
	margin-left: 5px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 20px; /* height of the tab */
	text-decoration: none;
	color:#f0f8ff;
}
	 
#nav a:link, #nav a:visited  { background: url('../images/tab.gif') no-repeat 0 -25px }

#nav a:hover, #nav a:active { background: url('../images/tab.gif') no-repeat 0 0 }

#nav a#current { background: url('../images/tab.gif') no-repeat 0 0 }


/*-----------------------------------Other tags-----------------------------------------*/

/* lists */
ul { margin: 5px 0 0 35px; text-align: left; }
ol { margin: 5px 0 0 35px; text-align: left; }
li, ul li { color: #000; font-size: 0.8em; line-height: 1.4em }
li, ol li { color: #000; font-size: 0.8em; line-height: 1.4em }
hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

img {margin: 0 5px} /* all images styling */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

/* club calender */
 .container {
	float: left;
	width: 234px;
}

.container-top {
	float: left;
	width: 234px;
	height: 20px;
	padding: 5px 17px 0px 17px;
	 background-repeat:no-repeat;
	background-image: url(../images/ContainerTop.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	}

.container-inside {
	float: left;
	width: 214px;
	background-color: #2f4f4f;;
	padding: 10px 10px 2px 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
}

.container-hr {
	float: left;
	width: 214px;
	height: 5px;
	margin: 1px 0px 1px 0px;
	background-image: url(../images/ContainerHR.gif);
}

.container-item { 
	float: left;
	width: 214px;
	background-color: #2f4f4f;
	padding: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.container-inside a {
	color: #FFFFFF;
	text-decoration: none;
}

.container-inside a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.container-inside a:hover {
	color: #FF0000;
	text-decoration: none;
}

.container-inside a:active {
	color: #CC0000;
	text-decoration: none;
}

.container-spacer {
	float: left;
	width: 224px;
	height: 10px;
}

.container-bottom {
	float: left;
	width: 234px;
	height: 10px;
	background-image: url(../images/ContainerBottom.gif);
	font-size: 1px;
}

.container-row-1 {
	float: left;
	text-align: left;
	vertical-align: top;
	background-color: #111111;
	border-bottom: 1px solid #222222;
}

.container-row-2 {
	float: left;
	text-align: left;
	vertical-align: top;
	background-color: #111111;
	border-bottom: 1px solid #222222;
}


.goud9px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFCC00;
}


.artist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

.container-item a:link, .container a:visited {
  color:#f0f8ff;
  text-decoration:underline;
}

.container-item a:hover {
  color:#aaffaa;
  text-decoration:none;
}

 /* display box - set the image to use and establish the lower-right position */ 
 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
  background: transparent url(../images/cnr.jpg) no-repeat bottom right} 

 /* intended total box width - padding-right(next) */
.cssbox { 
  width: 325px !important;  
  width: 310px;  /* IE Win = width - padding */
  padding-right:15px; /* the gap on the right edge of the image (not content padding) */ 
  margin:1px auto; /* use to position the box */
}  

/* set the top-right image */
.cssbox_head {
  background-position:top right;  
  margin-right:-15px;  /* pull the right image over on top of border */
  padding-right:40px; /* right-image-gap + right-inside padding */
} 

/* set the top-left image */ 
.cssbox_head h2{ 
  background-position:top left; 
  margin:0;  
  font-size:1em; /* reset main site styles*/
	font-weight: 700;
	 text-align:center; 
  border:0; /* ditto */ 
  padding:10px 0 5px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
  height:auto !important; /* IE Holly Hack */ 
  height:1%;
	}  

/* set the lower-left corner image */ 
.cssbox_body { 
  background-position:bottom left; 
  margin-right:15px;  /* interior-padding right */
  color:#fff;
	font-size: .85em;
	text-align: left;  
  padding:5px 0 10px 15px  /* mirror .cssbox_head right/left */ 
}
.cssbox_body h2 { 
	font-size:1em; /* reset main site styles*/
	font-weight: 700; 
  } 
	
.css-title {
display: block;
width: 100%;
font-weight: 700; 
font-size: 1em;  
color:#fff;  
background:#2f4f4f; 
padding: 2px 10px 2px 10px;  

}

/* form styles */
input {
background:whitesmoke;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #666;
border-bottom:1px solid #666;

 margin-top:6px;
}
select {
background:whitesmoke;
}
textarea {
background:whitesmoke;
}
.email-list { 
	width: 325px !important;  
  width: 315px;  /* IE Win = width - padding */
	padding: 5px;
	margin: 5px;
	background-color: #2f4f4f;
	text-align: left;
	font-size: .80em;
	color: #FFFFFF;
	-moz-border-radius:0.2em; 
	-webkit-border-radius:0.2em;	
	border-radius:0.2em;
}