
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	/*background-color:#383612;*/
	background: url('./images/green.jpg') top left repeat;
	
}

td {

	font-family: Arial, sans-serif;
	font-size: 12px;


}


a {
	color: brown;
	text-decoration: underline;
}

a:hover { text-decoration: none; }

h1 { display: inline-block; font-size: 30px; padding: 20px 0px 1px 0px }
h2 { font-size: 20px; }
h3 { font-size: 12px; }


p.readable_fill 
{
	position: relative;
	
	top: 3px;

	padding: 1em 1em;
	background-color:#FFFFCC;
	


}

.center
{
	text-align: center;
}

.truecenter
{
	text-align: center;
}

p.center
{
	text-indent: 2em;
	width: 70%;
	margin: 10px auto;
	display: block;
	
	text-align: justify;
}

.center_no_indent
{
	width: 70%;
	margin: 10px auto;
	display: block;
	
	text-align: center;
}

.centertable
{
	width: 100%;
	margin: 0 auto;
	text-align: justify;
}

.left 
{
	float: left;
}

.right 
{
	float: right;
}

.clear
{
	clear: both;
}

.readable
{
	position: relative;
	padding: 1em 1em;
	background-color:#FFFFCC;

}

.coming_soon 
{
	position:relative;
	width: 750;
	left: 9px;
	bottom: 10px;
	text-align:center;

}



tr.top_pad {
	padding-top: 5em;
	padding-bottom: 5em;

}

.flyer_1 {
	position: relative;
	left: 3em;
}

.events_head
{
	float:left;
	margin: 0px 0px 0px 5px;
	border: 0px 0px 0px 0px;
}

.events_info
{
	text-align: center;
	padding: 0px 0px 0px 10px;
	border: 0px 0px 0px 0px;
}

.mixes_head
{
	position:relative;
	right: 1.5em;
}


#mainbody {
	position: relative;	
	top: 10px;


}

#topleft {
	height: 100px;
	background: url('./images/papyrus_topleft.jpg') bottom right no-repeat;
}

#topright {
	height: 100px;
	background: url('./images/papyrus_topright.jpg') bottom left no-repeat;
}

#top {
	height: 100px;
	background: url('./images/papyrus_top.jpg') bottom left repeat-x;
	width: 700px;
}

#bottomleft {
	height: 100px;
	background: url('./images/papyrus_bottomleft.jpg') top right no-repeat;
}

#bottomright {
	height: 100px;
	background: url('./images/papyrus_bottomright.jpg') top left no-repeat;
}

#bottom {
	height: 100px;
	background: url('./images/papyrus_bottom.jpg') top left repeat-x;
	width: 700px;
}


#left_bar {
	background: url('./images/papyrus_left.jpg') top right repeat-y;
}

#right_bar {
	background: url('./images/papyrus_right.jpg') top left repeat-y;
}

#wrapper{
	border: 12px solid #663300;
	background: url('./images/papyrus.jpg') top left repeat;
	width: 700px;
	

}


#marquee {
	position: relative;
	margin: 0 auto;
	text-align: center;
	top: 10px;
}




#new_mixes {
	position: relative;
	
	
	float: left;
	left: 5em;

}

#events {
	position: relative;
	float: right;
	

}


#clear {

	clear: both;
	height: 1px;
}





/************** #nav styles ***************/

#nav_bar {

	color: #663300;
	width: 100%;
	background: #F4ECD9;
	text-align: center;
	border: 3px solid #663300;
	margin: 0 0;


}

#nav_bar a{

	color: #663300;
	text-decoration: none;
	width: 15em;
	white-space: pre;
	font: bolder 1.5em;
}

#nav_bar a:hover{

	background: #eda;

}

#container1 {
	position:relative;
	top: 10px;
	border: 3px solid #cc9966;
}

#container {
	width: 795px;
	background: #F4ECD9;
	text-align: left;
	border: 3px solid #eda;
	margin: 0 0;
	
	
}


#nav, #nav ul {
	float: left;
	width: 795px;
	
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: double #ccc;
	border-width: 2px 2px;
	margin: 0 0 0 0;
}

#nav a {
	display: block;
	width: 90px;
	w\idth: 6em;
	color: #000000;
	text-decoration: none;
	padding: 0.25em 2em;
}


#nav li {
	float: left;
	padding: 0;
	width: 90px;
	text-align: center;
}





#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;/*originally 7C6240*/
}


