/*Mural Society webpage by woohoodesigns.com*/

body {
	text-align: center;	
	color: #5d3333; background: #ffc;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

/*text-align: left; added as IE5.x and IE6 does not recognize the auto margin property, plus the text-align:center: code is added to 'body'*/

#header {
	text-align: left;
	padding: 0;
	margin: 0 0 10px 0;
	font: 100% italic, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
}	

#hdbar {
	margin: 0px 0px 3px 0px;
	height: 35px;
	clear: both;
	color: #3c1e00 ;
	background: #36f url(images/header_bground.jpg) repeat;
	border: 2px solid #330;
}


#navcontainer ul {
	margin: -60px 0px 0px 0px;
	padding: 5px;
	list-style-type: none;
	text-align: center;
	float: left;
} 

#navcontainer ul li { 
	display: inline; 
	margin: 0px; 
} 
 
#navcontainer ul li a { 
	text-decoration: none; 
	padding:  0px 0px 1px 0px; 
	color: #fff; background: #36f;
} 
 
#navcontainer a:hover { 
	color: #fff; background: #9c0;
	 
} 

#navcontainer li a#current { 
	color: #000; background: #909; 
} 

/*background hack.................................*/
#contentwrapper {
	background:url (images/rightcol_bgyellow.jpg) repeat-y top right;
	border: 2px solid #330;
}


/*content........................................*/
#content {
	width: 610px;
	float: left;
	color: #5d3333;	
	clear: both;
	padding: 10px 10px 0px 10px;
}

#content h2 {
	font-size: 130%;
	text-align: justify;
	font-style: italic; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #5d3333;
	margin: 20px;
}

#content h4 {
	font-size: 100%;
	text-align: justify;
	font-style: italic; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #03f;
	margin: 20px;
}

#content p {
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}

#content img {
	float: left;
	padding: 3px;
	margin: 5px 5px 5px 5px ;
	border: 1px solid #000;
	background: transparent;
	color: #fff;
 }

/*sidecolumn........................................*/

#sidecolumn {
	width: 200px;
	float: right;
	background: #fae68f; 
	color: #03f;
}

#sidecolumn p {
	text-align: right;
	margin: 0;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 20px;
	
}
#sidecolumn h4 {
	font-size: 100%;
	text-align: right;
	font-style: italic; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #03f;
	margin: 20px;
}

/*navigation....................................*/
#navfooter ul {
	margin: 30px 0px -25px -4px;
	padding: 5px;
	list-style-type: none;
	text-align: center;
	font-size: 10px;
	float: left;
} 

#navfooter ul li { 
	display: inline; 
	margin: 0px; 
} 
 
#navfooter ul li a { 
	text-decoration: none; 
	padding: 3px; 
	color: #fff; background: #36f;
	
} 
 
#navfooter a:hover { 
	color: #fff; background: #9c0;
	
} 

#navfooter li a#current { 
	color: #000; background: #909; 
} 


/*footer........................................*/
#footer {
	clear: both;
	color: #3c1e00 ;
	background: #36f;
	height: 30px;
}


#footer p {
	padding: 6px;
	text-align: left;
	font-size: 70%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#footer img {
	margin: 10px 0px 0px 5px;
	text-align: left;
	}