html, body { height: 100%; padding: 0; margin: 0; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

:link:focus, :visited:focus, :input:focus {-moz-outline:0px;}

p { padding: 0; margin: 0; }

img { padding: 0; text-decoration:none; }

a, .red { color: #B47800; }

a:hover { color: #CDA842; }

#sidebar a:hover { color: #FFE983; }

ul { padding: 0x; }

li {}

div.section ul li {}

/* ----- HEADERS ----------------------------------------------------------------------------- */

h1, h2, h3, h4, h5 { font: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #523C3D; padding: 0 0 10px 0; margin: 0; font-weight: bold;}
h2 { font-size: 12px;  padding: 5px 0 2px 0; margin: 0;}
h3, h4, h5, h6 { font-size: 11px; }

h1 a {background-image: none;}

/* ------------------------------------------------------------------------------------------- */

hr {
	border-bottom: 1px none #B9A779;
	border-top: 1px dotted #B9A779;
	height:0.5px;
	padding: 0;
	margin: 3px 0 3px 0;
	}

#wrapper {
	width: 100%;
	height: 100%;
	float:left;
	padding: 0 0 0 0; margin: 0; 
}

#wrapper2 {
	width: 800px;
	float:left;
	padding: 0 0 0 0; margin: 0; 
}


/* ---- BANNER --------------------------------------------------------------------------- */

#banner { float:left; width:778px; height: 134px; }

#logo {	height:134px; float:left; }

#logo_banner { width:398px; height:134px; float:left; /* + custom style sheet */ }

#logo_banner img { padding-top: 55px;  }

#banner_art { position:relative; width:238px; height:159px; float:left; background-repeat:no-repeat; overflow:visible; }

*html #banner_art { position: absolute; }

.crumb { padding: 6px 0 8px 160px; margin: 0; width:100%; background-color:#372123; float:left; color: #B7AFA8;	font-size:11px; }

.crumb a {color: #B7AFA8;}
.crumb a:hover {color: #E7DFD8;}

#main_panel { width: 638px; float:left; height: 100%; /* + custom style sheet */ }


/*  ---- NAVIGATION  ----------------------------------------------------------------  */

#side_panel { margin: 0; padding: 0; background-color:#372123; width:140px;	height: 100%; float:left; }

/*  Standard styles  */

.navigation ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0; margin: 0; list-style-type: none; float: none; width: 140px; }

.navigation li {}
.navigation a {color: #FFF5DF; font-weight: bold; padding: 6px 10px 7px 20px; display: block; text-decoration: none; margin: 0; }

.navigation ul { background-color: #5A4244; }  /* level 1 */
.navigation ul ul { background-color: #FFF5DF; } /* level 2 */
.navigation ul ul ul { background-color: #84696B; width: 134px; } /* level 3 */

/*  Level One  */

.navigation ul li { border-bottom: 1px solid #4D2F32;} /* level 1 */
.navigation ul li a {}  /* font style level 1 */
.navigation ul li.nav_active { background-color: #77575A; } /* Active, Parent of level 2 */
.navigation ul li a:hover { background-color: #896064; color: #FFFFFF; }


/*  Level Two  */

.navigation ul ul li { background-color: #C3A6A6; border-left: 6px solid #77575A; border-bottom: 1px solid #A18184;} /* level 2 */
.navigation ul ul li a {}  /* font style level 2 */
.navigation ul ul li.nav_active { background-color: #B58A8A; border-left: 6px solid #77575A;  } /* Active, Parent of level 3 */
.navigation ul ul li a:hover { margin-left: -6px; background-color: #C18686; border-left: 6px solid #77575A; }

/*  Level Three  */

.navigation ul ul ul li { background-color: #EFDFC0; font-weight:normal; border-left: 6px solid #B58A8A; border-bottom: none; border-top: 1px solid #B58A8A; } /* level 3 */
.navigation ul ul ul li a { font-weight:normal; color: #5A4244; }  /* font style level 3 */
.navigation ul ul ul li.nav_active { background-color: #FAF1DA; border-left: 6px solid #B58A8A;  } /* Active */
.navigation ul ul ul li a:hover { background-color: #FAF1DA; border-left: 6px solid #B58A8A; }


/* ---- CONTENT  --------------------------------------------------------------------- */

#content {
	float:left;
	width:375px;
	padding: 0 20px 0 20px;
}

#full_content {
	float:left;
	width:595px;
	padding: 0 20px 0 20px;
}

.section {
	background-image: url(../graphics/cream_shade.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color:#FAF1DA;
	border: 1px dotted #B9A779;
	border-top: none;
	margin-bottom: 18px;
	padding: 15px;
	height: auto !important;
	height: 1%; 
	width:342px;
}

.full { width: 564px; }

.section img {
	background-color:#B9A779;
	border: 1px solid #B9A779;
	margin: 0 5px 5px 5px;
}

.section h2, .section h3, .section h4, .section h5 { width: 300px;}

.results h2, .results h3, .results h4 { width: 140px;}

#image img {
	border: none;
	width:375px;
	margin: 0;
	padding: 0;
}

#image { background-color:#CDC5AF;
	border: none;
	margin: 0;
	padding: 0;
}

.results img { border: none; padding: 0; margin: 0; }

/* .results_banner { font:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; padding-left: 10px; color: #523C3D; line-height: 12px; background-color: #FFEBA0; background-image: url(../graphics/whatson_header.gif); background-position:right; background-repeat: repeat-y; } */

/* .results_detail { font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 6px 10px; color: #523C3D; line-height: 12px; margin-top: 8px; border: dotted 1px #CEBF99;} */

.event {padding: 5px 0 5px 10px;}




/* ---- SIDE-BAR ------------------------------------------------------------------- */

#sidebar h1, #sidebar h2{ color:#FFF; }

#dateline { font-size: 10px; color: #fff; height: 14px; padding: 2px; background-color:#968655; }
#dateline .date { background-color:#B9A779; }

#sidebar {
	float:left;
	width:200px;
	color:#FFF; 
	border: 1px dotted #B9A779;
	border-top: none;
	margin: 0 0 18px 0;
}

#sidebar .block {
	padding: 15px;
	background-color:#475A2B;
	overflow: auto;
}

#sidebar .block  ul{
 margin: 0 0 0 15px;
 padding: 0;
}

#sidebar .blue {
	padding: 15px;
	background-color:#324063;
}

#sidebar img {
	background-color:#B9A779;
	border: 1px solid #B9A779;
	margin: 0;
	padding: 0;
	
}

#sidebar p { color:#FFF; }

#sidebar hr {
width: 165px; margin: 15px 0;
	}
	
#sidebar h1 a { color: #fff; text-decoration:none; }
.whatson { font-weight:normal; border-bottom: 1px dotted #B9A779; background-image: url(../graphics/green_shade.gif); background-repeat: repeat-x; background-position:top;}
.artsboard { font-weight:normal; border-bottom: 1px dotted #B9A779; background-image: url(../graphics/green_shade.gif); background-repeat: repeat-x; background-position:top;}
#sidebar a { color: #EBC660; }
.whatson a {  }
.whatson h1 a { color: #EBC660; background-image: none; padding: 5px 0 5px 0px; }

.whatson .listing a { background-color:#5B6E3F; display:block; margin-top: 1px; color: #EBC660; background-image:url(../graphics/arrow_yellow.gif); background-position:top left; background-repeat:no-repeat; padding: 4px 5px 5px 20px;
 }
.whatson .listing a:hover { background-color:#5F8527;}

.artsboard .listing a { background-color:#5B6E3F; display:block; margin-top: 1px; color: #EBC660; background-image:url(../graphics/arrow_yellow.gif); background-position:top left; background-repeat:no-repeat; padding: 4px 5px 5px 20px;
 }
.artsboard .listing a:hover { background-color:#5F8527;}

.make_listing a { background-color:#5B6E3F; display:block; margin-top: 10px; padding: 2px 3px 3px 3px; background-image: none; text-align:center; }
.make_listing a:hover { background-color:#C09C2C;}


/* ---------------------------------------------------------------------------- */

	
#footer { font-size:10px; color:#FFFFFF; padding: 0 0 20px 20px; float: left; width: 500px;}

#footer a { color:#FFFFFF; }