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

body { background: #7AA21B url(images/bg.jpg) repeat-x; margin: 0; padding: 0; }

body#audio { background: #FFF; margin: 10px auto auto auto; text-align: center; }

p, h1, h2, h3, h4, h5, h6, a, ul, li, ol, dt, dd, td { font-family: Arial, Helvetica, sans-serif; }

p { font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif; color: #333; margin-right: 10px; margin-left: 10px; }

h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px 5px 5px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #000;
}

h2 { text-align: center; text-transform: uppercase; font-size: 18px; }

h3 { font-size: 16px; font-style: italic; border-bottom: 1px solid #000; }

address { font: normal 14px Arial, Helvetica, sans-serif; color: #333; margin-left: 15px; }

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

a:link, a: visited, a:hover { color: #660; text-decoration: none; }

a:active { text-decoration: none; }

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

div#wrapper{ width: 790px; margin: 15px auto auto auto; background: none; z-index: -1; }

div#container { width: 770px; margin: 0 auto; background: none; position: relative; border: 1px solid #000; }
 
div#header { background: #FFF url(images/header.jpg) no-repeat; width: 770px; height: 198px; position: relative; }

div#webaudio {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	height: 34px;
	background: #183394 url(images/webaudio.jpg) no-repeat;
	text-align: right;
}
 
div#content_wrapper { width: 770px; background: #FFF url(images/container_bg.jpg) repeat-y; float: left; }

	div#content_wrapper li {
		list-style-image: url(images/bullet.gif);
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		margin-bottom: 5px;
	}

div#sidebar {
	float: left;
	margin-right: 10px;
	width: 200px;
	margin-left: 5px;
	margin-top: 10px;
	display: inline;
	padding-right: 5px;
	background: none;
}

div#content { float: left; width: 545px; display: inline; background: #FFF; }

	div#content a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #660; }
	div#content a:visited { color: #660; }

div#footer {
	background: #183394 url(images/footer_bg.jpg) repeat-x;
	width: 770px;
	height: 25px;
	margin: 0 auto;
	clear: both;
	border-top: 1px solid #000;
	text-align: center;
	font-size: 12px;
	padding-top: 5px; 
	color: #FFF;
}
	div#footer a { font-size: 12px; color: #FFF; text-decoration: none; padding-left: 10px; padding-right: 10px; }
	div#footer a:hover { text-decoration: underline; }

div#copyright {
 	width: 770px;
 	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 auto;
	text-align: center; 
	clear: both;
	padding: 10px 0;
 }
	div#copyright a { color: #000; font-size: 10px; }
	div#copyright img.ypimg { margin-top: 4px; }
  
div#signin { width: 770px; text-align: center; font-size: 10px; margin: 0 auto; }

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

ul#navlist {
	margin: 0;
	padding: 0;
	width: 180px;
	position: absolute;
	left: 586px;
	top: 2px;
	border: 1px solid #000;
	border-bottom: none;
}

ul#navlist li { display: inline; list-style: none; }

ul#navlist li a:link, ul#navlist li a:visited, ul#navlist li a:active {
	font: bold 12px Tahoma, sans-serif;
	color: #000;
	display: block;
	padding: 8px 0 8px 5px;
	margin-left: 0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #FFF;
	background: #B7D34A;
	text-align: left;
	text-decoration: none;
}

ul#navlist li a:hover { color: #FFF; background: #183394; }

ul#navlist li a.current:link, ul#navlist a.current:visited { color: #FFF; background: #183394; }

/* ----------------- IMAGE AND POSITIONING ELEMENTS ----------------- */

.right { margin: 5px; float: right; font-size: 10px; }

.right img { border: 1px solid #808080; padding: 3px; }

img.left { float: left; margin: 20px; border: 2px solid #FFF; }

.clear{ clear: both; }

.center { text-align: center; }

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

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

div#map { margin: 10px; background: #FFF; }

.noborder { border-bottom-width: none; }

div#slideshow { float: right; margin: 10px 5px 10px 10px; width: 250px; height: 250px; background: #FFF; }