/* tool tip */
/*
a{
	text-decoration:none;
	color:#f30;	
}

p{
	clear:both;
	margin:0;
	padding:.5em 0;
}*/
pre{
	display:block;
	padding:10px;
	border:1px solid #8C6A69;
	background:#8C6A69;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{border:none;}
ul.images{
	margin:0;
	padding:0;
	margin-left:0;
	display:block;
	clear:both;
}

li.images{
	padding:0;
	list-style:none;
	float:right;
	display:block;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:20px;
	/*border:1px solid #8C6A69;*/
}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#8C6A69;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	
 /* End of tool tip */


body {
	background-color:#FFFFF2;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 100%;
	color: #636466;
}
* {margin:0; padding:0;}
/*img {border: 0;}*/

/********************************************************************************************************************/
/* POSITIONING */
div#wrapper {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	border-color:#8C6A69;
	border-width:1px;
	border-style:solid;
	margin-top:20px;
}




div#header{
	width:780px;
	height:167px;
	border-bottom-color:#8C6A69;
	border-bottom-width:1px;
	border-bottom-style:solid;
	background-image:url(../images/stokes-bay-header.jpg);
	background-repeat:no-repeat;
	
	
	
	

	}
	
div#header p{
padding-top:142px;
padding-bottom:0;
padding-right:112px;
text-align:right;
font-weight:bold;
color:#5BA439;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;

	
}

div#imageholder{
	width:auto;
	height:199px;
	}	

div#contentarea {
	width:auto;
	background-color:#FFF; 
	background-image:url(../images/faux_left.gif);
	background-repeat: repeat-y;
	
}
div#column1 {
	width:155px;/*width of main menu li and main menu a padding*/
	
	float:left;
	
	
}
div#column2 {
	width:604px;
	padding:24px 10px 10px 10px; 
	
	float:left;
	background-color:#FFF;
	border-left:solid;
  border-left-color:#8C6A69;
  border-left-width:1px;
}
#footer {
	height:auto;
	width:780px;
	padding:8px 0 8px 0; 
	color: #000;
	background-color:#F5D100;
	text-align:center;
	font-size:.6em;
	border-top:solid;
  border-top-color:#8C6A69;
  border-top-width:1px;
	
}

#linksholder{
color: #000;
padding:5px 5px 5px 5px ;
font-size:.7em;
margin-top:30px;
}


/* Respect to Tony Aslett - www.csscreator.com */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* END OF POSITIONING */
/********************************************************************************************************************/

/*PAGE SPECIFIC*/

div.homeholder{
background-color:#8C6A69;
text-align:center;
background-image:url(../images/stokes-bay-festival-home.jpg);
background-repeat:no-repeat;

}

div.homeintro{
text-align:right;
}


/* MAIN MENU */

#mainmenu {


  list-style-type:none;
  font-size:.65em;
  background-color:#000000;
  
  }
#mainmenu li {
width:140px;

  list-style-type:none;
  float:left;
  
  
}


#mainmenu a {
width:100%;
  display:block;
  color:#000; 
  background-color:#F5D100;
  text-align:right;
  font-weight:bold;
  padding:6px 9px 6px 6px; 
  text-decoration:none; 
  /*float:left;*/
  
  
  border-bottom:solid;
  border-bottom-color:#8C6A69;
  border-bottom-width:1px;
  
  

  
  }
 
 
#mainmenu a:hover {
color:#8C6A69;
background-color:#FFFFF2;
}
#mainmenu .active a {
color:#8C6A69;
background-color:#FFFFF2;
}


/* SUB PAGE HEADINGS */
h1 	{

	padding:3px 4px 3px 4px;
	font-size:.9em;
	font-weight: 600;
	color: #FFF;
	background-color:#8C6A69;
	margin-bottom:8px;
}
/* HOME PAGE ARTISTS 1 */
h2 	{
	padding-top:310px;
	font-size:1.7em;
	/*line-height:1.5;*/
	font-weight: bold;
	color: #FFF;
}
/* HOME PAGE ARTISTS 2 */
h3 	{
	
	font-size:.9em;
	font-weight: 600;
	color: #F5D100;
}
/* Footer Ohone No. */
h4 	{
	font-size:1.6em;
	font-weight: 600;
}
/* WHOS ON WHEN DATES */
h6{
margin-top:20px;
background-color:#EEEEEE;
padding:4px 0 4px 4px;
color:#8C6A69;
}

p 	{
	font-size:.7em;
	font-weight: normal;
	line-height:1.5;
	padding:0 0 10px 0;
}
td 	{
	font-size:.7em;
	font-weight: normal;
	padding:4px 0 4px 4px;
}

.whitecopy{
padding-top:10px;
color:#FFF;

}



.whitecopyleft{
padding-left:140px;
padding-top:10px;
padding-bottom:16px;
text-align:left;
color:#FFF;
}




/***************/
div#footer a, div#linksholder a
	{
	text-decoration: none;
	color:#000;
	}
div#footer a:visited, div#linksholder a:visited
	{
	text-decoration: none;
	}
div#footer a:hover, div#linksholder a:hover
	{
	text-decoration: underline;

	}
/***************/

/***************/
div#header a
	{
	text-decoration: none;
	color:#5BA439;
	}
div#header a:visited
	{
	text-decoration: none;
	color:#5BA439;
	}
div#header a:hover
	{
	text-decoration: underline;
	color:#5BA439;

	}
/***************/

/***************/
A:link
	{
	color: #8C6A69;
	}
A:visited
	{
	color: #8C6A69;
	}
A:hover
	{
	color: #999;
	}	
/***************/


img.dot1{
padding:6px 5px 5px 6px;
}
img.dot2{
padding:7px 5px 2px 6px;
}
img.dot3{
padding:7px 5px 2px 6px;
}
img.linksimage{
/*margin-top:100px;*/
}