/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/* Display or hide elements for print; use class=hidePrint or =hideScreen in tags */
@media print { 
  div#banner, div#sidebar, div#footer { display: none }
}

/**************** Page and tag styles ****************/

/* use this to gray out previous-year page info */
/* #gray {background-color:silver; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5 } */
#gray {filter:alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3 }
#hidethis {display:none}

body
{margin:0; padding:0; width:800px; color:#303030; font:85% Trebuchet MS,Verdana,Tahoma,sans-serif;}

table
{margin:0; padding:0; color:#303030;}

td {vertical-align:top}

ul {list-style:circle; margin:15px 0 20px 0; font-size:1.0em; font-weight:bold;}

li {margin:0 0 8px 25px;}

a {color:#0B5B9E; font-weight:bold; text-decoration:none;}

a:hover {color:#0B5B9E; text-decoration:underline;}

img.floatright { float: right; }

a img {border-color:#d85d5d;}

a img:hover {background:#d85d5d; border-color:#d85d5d;}

div.clearer {clear: left; line-height: 0px; height: 0px;}

.thin {border-collapse: collapse}

#header{
 position:relative; 
 height:200px; 
 width:100%;
} 
 
#sidebar{
 width:20%;
 float:left; 
 position:relative; 
}
 
#crumb {color: white; font-size: 90%; background-color:#E3652B; width:800px;}
#crumb a {color: white; font-weight:normal;}

#content{
 margin-top:1em;
 display:inline; 
 position: relative; 
 float: right;
 width:600px; 
}
 
#footer{ clear:both; } 

#footer p {
 font-size: .8em;
 text-align: center; 
 padding-top: 0; 
 margin-top: 0;
}


.tag {font-size:75%; color:#999}
.tag a {color:#999; font-weight:normal}

/**************** Sidebar area styles ****************/

#sidebar img
{float:left; margin:0 15px 15px 0; padding:0px; background:white; border:0;}

#sidebar p
{margin:0 20px 18px 5px; color:RGB(95,76,59); font-size:0.8em;}

#sidebar a
{color:RGB(95,76,59)}

#infobox
{margin:20px 10px 0 5px; color:#d85d5d; font-size:1.0em;  text-align:left;}


/**************** Navigation menu styles ****************/

#menu
{text-align:right;}

#menu a
{display:block; width:160px; padding:5px 18px 5px 0; color:white; background:RGB(95,76,59); font-size:1.6em;  text-decoration:none; font-weight:normal; letter-spacing:-1px;}

#menu a:hover 
{background:RGB(138,205,188);}

#home .home, #artists .artists, #food .food, #history .history, #kids .kids, #apply .apply, #volunteers .volunteers, #contact .contact
{
	padding:5px 18px 5px 0;
	background:RGB(138,205,188); 
}


/**************** Content area styles ****************/

p
{margin:0 0 20px 0; line-height:1.5em;}

h1, h2, h3 {color:RGB(95,76,59); font-weight:bold;}

h1
{margin:0; font-size:3em;}

h2
{margin:0; font-weight:bold; font-size:2.5em;}

h3
{clear:both; margin:30px 0 10px 0; font-size: 2em;}

h4
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-size: 1.25em; }

redtext {color: #9900CC;}

.imgright {margin: 5px; float:right; padding: 10px;}

#leadin
{width:560px; margin:0 0 0 240px; padding:0 0;}

#eschedule
{width:400px; margin:0 0 0 400px; padding:5px 0; background:#fafafa; border:dotted;}


/**************** Column Support ****************/


 
#columns_container
{background-color: #FFFFFF;  
 display:inline; 
 position: relative; 
 float: right;
 width:600px; 
 }

#columns_footer {
	clear: both;
}

.column {
	padding: 5px 5px 0 5px;
	width: 160px;
	float: left;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */