/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

body {
	margin: 0; 
	padding: 0 0 15px 0; 
	text-align: center; 
	background: #401C03 url(images/bg.jpg) repeat-x;
}

body#webaudio { background: #F0DD93; }

p, h1, h2, h3, h4, h5, a, ul, li, ol, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left; 
	color: #000;
}

p {	}

hr{
	margin: 20px;
	color: #D0A74D;
}

h1
	{
		text-transform: uppercase;
		font-size: 28px;
		color: #541607;
		border-bottom: 1px solid #5B4E0C;
		font-style: italic;
		margin-left: 15px;
		margin-top: 0;
	}

h2 { font-size: 18px; color: #401C03; margin: 0 0 0 15px; padding: 0 0 0 5px; text-align: center; }

address { font-size: 12px; font-style: normal; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000; text-align: left;  }
	address a { font-weight: bold; color: #000; }
	address a:hover { text-decoration: none; }


/* ----------------------- LINKS ----------------------- */

a:link { }

a:visited { }

a:hover { }

a:active { }


/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#header { background: #F0DD93; height: 200px; }

div#header-top
	{
		width: 800px;
		height: 59px;
		background: #F0DD93 url(images/header.jpg) top no-repeat;
		position: relative;
	}

div#flash { width: 800px; height: 142px; background: #512508 url(images/flash.jpg) no-repeat; }

div#container {
	width: 800px;
	margin: 0 auto;
	background: #F0DD93 url(images/container_bg.gif) repeat-y;
	border: 1px solid #000;
	}

div#content { background: #F0DD93; float: left; width: 560px; margin-top: 15px; }
	div#content p { font-size: 12px; line-height: 150%; margin-left: 10px; padding: 0 10px;}
	div#content a { font-weight: bold; }
	div#content a:hover { background: #A35404; color: #FFF; text-decoration: none; }
	div#content li { font-size: 12px; line-height: 150%; margin-right: 10px; list-style-image: url(images/bullet.gif); }

div#sidebar { float: right; width: 210px; clear: right; margin-top: 15px; margin-right: 3px; } 
	div#sidebar img { float: left; clear: both; }

div#footer {
	background: #A35404 url(images/footer_bg.jpg) repeat-x;
	clear: both;
	width: 100%;
	font-size: 11px;
	color: #5B4E0C;
	padding: 8px 0;
	margin-top: 30px;
	border-top: 1px solid #000;
}

	div#footer a { color: #F0DD93; }
	div#footer a:hover { color: #A35404; text-decoration: none; }

div#copyright {
	font-size: 10px;
	text-align: center;
	background: none;
	color: #F0DD93;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 10px 0;
}
	div#copyright a { color: #F0DD93; }
	div#copyright a:hover { color: #FFF; }

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

ul#navlist
	{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 0;
		padding: 3px 0 3px 20px;
		background-color: #A35404;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	}

ul#navlist {
	margin: 0;
	padding: 0 0 0 60px;
}

ul#navlist li { margin-left: 2px; display: inline; font-size: 15px; }

ul#navlist a, ul#navlist a:link
	{
		padding: 1px;
		padding-left: 0.5em;
		padding-right: 0.5em;
		color: #F0DD93;
		font-weight: bold;
		text-decoration: none;
		overflow: visible; /* extends navigation outside of div - for IE */
		position: relative; /* makes it pop... - for IE  */
		z-index: 4; /* ...then places it on top  - for IE */
	}

ul#navlist a:visited { padding-top: 5px; overflow: visible; position: relative; z-index: 4; }

ul#navlist a:hover, ul#navlist a:active, ul#navlist a.current
	{
		background: #F0DD93;
		color: #401C03;
		padding: 1px;
		padding-top: 5px;
		padding-left: 0.5em;
		padding-right: 0.5em;
		text-decoration: none;
		border-top: 2px solid #A35404;
		overflow: visible; /* extends navigation outside of div - for IE */
		position: relative; /* makes it pop... - for IE  */
		z-index: 4; /* ...then places it on top  - for IE */
	}

/* ----------------- IMAGE ELEMENTS ----------------- */

img.left { float: left; }

img.right { float: right; margin-left: 10px; margin-top: 0; }

.center { text-align: center; }

clear {	clear: both; }

/* ----------------- CUSTOM CLASSES ----------------- */

.border { border: 1px solid #000; }

.right { float: right; margin: 10px 0 10px 10px; }

.slideshow { width: 300px; height: 200px; }

.underline { text-decoration: underline; }

div#audio { width: 111px; height: 13px; margin: 0 auto; }