/*
Palette
======

*/

/* Reset margin, padding */
body, ul, form , dl, dt, dd{
	margin:0;
	padding:0;
}
body{
	font-size:100%;
	text-align:center;
	background:#fff;	/*  page background color  */
}


#wrapper{
	width:750px;
	text-align:left;	
	margin:0 auto;
}

	#cap{

	}
		
	
	#header{
		position:relative;
		width:750px;

		background:#fff url('../img/sides.jpg') top left repeat-y;
		border-top:3px solid #534A1B;
		border-left:1px solid #555;
		border-right:1px solid #555;
	}
	
	#beanie{
		display:block;
		position:absolute;
		top:117px;
		left:42px;
		width:51px;
		height:43px;
		background:url('../img/zen_guitar.jpg') top left no-repeat;
	}

	

#navigation {
	float:left;
	font-family:'trebuchet MS', arial, sans-serif;
	border-bottom:3px solid #534A1B;
	border-left:1px solid #555;
	border-right:1px solid #555;
	background:url('../img/menu_bg.jpg') no-repeat;
}

#nav{
	float:left;
	list-style-type:none;
	width:715px;
	height:28px;
	display:inline;
	margin-left:35px;
	line-height:28px;
}
	
	#nav li {
		float:left;
		position:relative;
		text-align:left;
		padding:0;
		margin:0;
		font-size:11pt;
	}
	
	#nav li a {
		display:block;		
		padding:0 32px 0 10px;
		color:#dad19d;  /*  Default main menu item colour */
		text-decoration:none;
	}
	
	#p1 #nav li#m1 a, 
	#p2 #nav li#m2 a,
	#p3 #nav li#m3 a,
	#p4 #nav li#m4 a,
	#p5 #nav li#m5 a,
	#p6 #nav li#m6 a,
	#p7 #nav li#m7 a {
		color:#fff;  /*  'on' state of main menu items  */
		font-weight:normal;		
	}
	
	
	#nav li a:hover{
		color:#fff; /*  rollover style of main menu items  */
				font-weight:bold;		
	}
	
	#nav li ul{		
		position: absolute;
		top:28px;
		width:125px;
		display:none;
		border-top:3px solid #534A1B;
		list-style-type:none;
	}
	
	
	#nav li:hover ul, #nav li.over ul {
		display: block;
	} 
	
	#nav li ul li{
		float:left;
		padding:0;
		margin:0;
		border:none;
		font:11pt 'trebuchet MS', arial, sans-serif;
	}
	
	#nav li ul li a{
		display:block;
		float:left;
		color:#F5F5C4; /*  default color of dropdown items  */
		background:url('../img/drop_bg.jpg') ; /*  background image of dropdown items  */
		width:115px;
		font-size:12px;
		text-decoration:none;
		text-align:left;
		margin:0;
		padding:5px 10px 2px 10px;

	}
	
	#p1 #nav li#m1 ul li a, 
	#p2 #nav li#m2 ul li a,
	#p3 #nav li#m3 ul li a,
	#p4 #nav li#m4 ul li a,
	#p5 #nav li#m5 ul li a,
	#p6 #nav li#m6 ul li a,
	#p7 #nav li#m7 ul li a {
		color:#F5F5C4; /*  default color of active dropdown items  */
		font-weight:normal;
		text-decoration:none;
		margin:0;
		padding:5px 10px 2px 10px;
	}
	
	#p1 #nav li#m1 ul li a:hover, 
	#p2 #nav li#m2 ul li a:hover,
	#p3 #nav li#m3 ul li a:hover,
	#p4 #nav li#m4 ul li a:hover,
	#p5 #nav li#m5 ul li a:hover,
	#p6 #nav li#m6 ul li a:hover,
	#p7 #nav li#m7 ul li a:hover {
		color:#006600; /*  rollover color of dropdown items  */
	}
	
	#nav li ul li a:hover {
		color:#006600; /*  rollover color of dropdown items  */
	}







	
#main{
	border-left:1px solid #555;
	border-right:1px solid #555;
	float:left;
	width:750px;
	background:#fff url('../img/sides.jpg') repeat-y;
}



	
	#main h2{
		font-family:'trebuchet MS',  arial, sans-serif;
		font-size:1.4em;
		margin-top:0;
		padding-bottom:.2em;
		color:#004300;  
		font-weight:normal;
		
	}
	
	#main h2, #main h3, #main h4, #main p{
		margin-left:0px;
	}
	#main h3{
		font-family:'trebuchet MS',  arial, sans-serif;
		font-size:1.1em;
		color:#660;
		font-weight:bold;
	}
	
	#main h4{
		font-family:verdana,   arial, sans-serif;
		font-size:.9em;
		color:#777;
		font-weight:bold;		
	}
		
		
		
	#main p.bright{
		color:#A0A041;		
	}
	
	#main p{
		font:.7em/1.4em verdana, arial, sans-serif;
		color:#333;

	}	

	#main p em{	
		color:#652D88;
		font-style:normal;
	}
	
	#main a{
		color:#006600;
	}

	#main a:visited{
		color:#663300;
	}
	 
	#main a:hover{
		color:#660000;
	}
	
#content{
	float:left;
	margin-top:40px;
	width:365px;
	margin-left:10px;
	display:inline;
	background:#fff;
}
	
	#content blockquote{
		font:.7em/1.4em verdana, arial, sans-serif;
		padding-left:6px;
		margin-left:50px;
		font-style:italic;
		border-left:5px solid #eee;		
		color:#777;

	}		


/* Sub-navigation */
#nav2{
	margin-top:50px;
	float:left;
	display:inline;
	width:165px;
	padding:.5em 0;
	font-family: verdana, arial, sans-serif;
}	
	
	#nav2 ul{
		float:left;
		padding:.5em 0;
		list-style:none;		
	}	
	
	#nav2 ul li{	
		float:left;

		border-bottom:1px solid #ABB98B;
	}	
	
		#nav2 ul li a, #nav2 ul li a:visited{	
			display:block;
			width:120px;
			padding:.7em 0;
			margin-left:5px;
			text-decoration:none;
			padding-left:25px;
			color:#5C5C33;
			font-size:.7em;

		}
		
		#nav2 ul li a:hover{
			background:url('../img/leaf.gif') left 10px no-repeat;
			color:#660000;
		}
		
		#nav2 #s1 li.n1 a,
		#nav2 #s2 li.n2 a,
		#nav2 #s3 li.n3 a,
		#nav2 #s4 li.n4 a,
		#nav2 #s5 li.n5 a,
		#nav2 #s6 li.n6 a,
		#nav2 #s7 li.n7 a,
		#nav2 #s8 li.n8 a,
		#nav2 #s9 li.n9 a, 
		#nav2 #s10 li.n10 a{
			background:url('../img/leaf.gif') left 10px no-repeat;
			color:#95AC5F;			
		}

	
/*  Right Column  */	
#sidepanel{
	margin-top:80px;
	float:right;
	width:170px;
	margin-right:10px;
	padding:.5em 0;

}

	#main #sidepanel p{
		color:#777;

		
	}
	#main #sidepanel p.bright{
		color:#A0A041;		
	}
	
	#sidepanel ul.plain{
		margin:1em 0;
		font-family:'trebuchet MS', verdana,  arial, sans-serif;
		margin-left:0px;
		list-style-type:none;
	}
	#sidepanel ul.plain li{
		font-size:.7em;
		color:#555;
		font-weight:bold;
		margin:0 10px;
		padding:5px 5px;
		border-bottom:1px solid #D0BB82;
	}
	

#main #sidepanel blockquote{
	font:1em /1.6em 'times new roman', sans-serif;
	font-style:italic;
	color:#999;
	margin:.5em 10px;
}

#slideshow_container{
	float:left;
	width:170px;
	height:135px;
	margin-right:10px;

}

#slideshow{
	float:left;

}
	#slideshow img{
		float:right;
		padding:6px 7px;
		background:#fff url('../img/frame.jpg') left top no-repeat;

	}


a img {border:none;}

ul.bullet{
	margin-bottom:1em;
	font-family:verdana, arial, sans-serif;
	margin-left:20px;
	list-style:none;
}
	ul.bullet li{
		font-size:.7em;
		color:#333;
		margin:0 .5em .2em .9em;
		padding:0;
		padding-left:20px;
		line-height:2em;
		background:url('../img/bullet.gif') left  .5em no-repeat;

	}
	
	#main ul.bullet li h3{
		margin:.5em 0 .3em 0;
	}
	
	ul.bullet li ul {
		margin-top:.5em;
	}
	ul.bullet li ul li{
		font-size:1em;
		color:#333;
		background:url('../img/bullet.gif') left  no-repeat;

	}
	
ul.plain{
	margin-bottom:1em;
	font-family:verdana, arial, sans-serif;
	margin-left:20px;
	list-style:square;
}
	ul.plain li{
		font-size:.7em;
		color:#333;
		margin:0 .5em .2em .9em;
		padding:0;
		padding-left:20px;
		line-height:2em;

	}
	
	#main ul.plain li h3{
		margin:.5em 0 .3em 0;
	}	



#clef {
	clear:both;
	float:left;
	width:750px;
	height:59px;
	background:#fff url('../img/sides.jpg') top left repeat-y;
	border-left:1px solid #555;
	border-right:1px solid #555;
	}
	
	#clef img{
		padding:0 0 0 15px;
	}

	
#footer{
	clear:both;
	float:left;
	width:750px;
	height:44px;
	background: #fff url('../img/footer_bg.jpg') no-repeat;
	border-left:1px solid #555;
	border-right:1px solid #555;
}


	#footer p{
		margin:0;
		padding:0;
		height:44px;
		line-height:44px;
		font-family: 'trebuchet MS',verdana, sans-serif;
		text-align:right;
		padding-right:70px;
		color:#fff;
	}

	#footer a, #footer a:visited {
		font-size:.8em;
		color:#fff; /* Footer link color */
		text-decoration:none;
	}
	#footer a:hover{
		color:#660000; /* Footer link rollover color */
	}

#copyright{
	clear:both;
	padding-top:.5em;
	font:.7em/1.4em verdana, sans-serif;

	clear:both;
	float:left;
	width:750px;
	text-align:left;

}
	#copyright p{
		padding-left:50px;
		color:#777; /* Copyright text color */
	}
	#copyright a{
		color:#999;
		text-decoration:none;		
	}
	
	#copyright a:hover{
		color:#000;
	}	


dl#contact{
	width:15.5em;
	font-family:verdana, arial, sans-serif;
	font-size:.7em;
	margin-left:60px;
}

	dl#contact dt{	
		color:#f60;
		font-weight:bold;
		clear:left;
		float:left;
		width:2em;
		margin-right:.2em;
	}
	dl#contact dd{	

		float:left;
		width:13em;
		margin-bottom:.5em;
		
	}
	dl#contact a, dl#contact a:visited{
		color:#f60;
		text-decoration:none;
	}
	dl#contact a:hover{
		color:#777;
	}	

/*
Classes
*/

.hidden{
	display:none;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

.float_right{
	float:right;
}
.float_left{
	float:left;
}
	
.imgpad{
	margin:0 0 1em 2em;
}

table.shadow{
	margin:0;
	padding:0;

}
	table.shadow td{

	}	
	
	table.shadow td img{

	}	

	table.shadow td.tl{
		background: url('/img/top_left.jpg') bottom right no-repeat;
	}
	table.shadow td.top{
		background: url('/img/top.jpg') bottom right repeat-x;
		height:10px;
	}
	table.shadow td.tr{
		background: url('/img/top_right.jpg') bottom left no-repeat;
	}
	
	table.shadow td.lside{
		background: url('/img/left_side.jpg') right top repeat-y;
		width:7px;
	}
	
	table.shadow td.rside{
		background: url('/img/right_side.jpg') bottom left repeat-y;
		width:12px;
	}
	
	table.shadow td.bl{
		background: url('/img/bottom_left.jpg') top right no-repeat;
	}
	table.shadow td.bottom{
		background: url('/img/bottom.jpg') top right repeat-x;
		height:10px;
	}
	table.shadow td.br{
		background: url('/img/bottom_right.jpg') top left no-repeat;
	}
	
	/* Updates  */	
#main table{
	font-family:'trebuchet MS', verdana,  arial, sans-serif;
	font-size:.7em;
}


form{
	font-family:'trebuchet MS', verdana,  arial, sans-serif;
	font-size:9pt;
}
