/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
margin: 0;
padding: 0;
background: #E7E6BE;
text-align: center;
}

p, h1, h2, h3, h4, h5, a, ul, ol, li, td {
font: normal 12px Arial, Helvetica, Verdana, sans-serif;
color: #333;
}

p {
	margin: 0;
	padding: 4px 40px 16px;
	color: #333333;
}

h1 {
	font: bold 16px Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 40px;
}

h2 {
margin: 15px 35px 10px 100px;
padding: 0;
font: bold 14px Arial, Helvetica, Verdana, sans-serif;
text-align: left;
color: #000;
}

h3 {
width: 450px;
margin: 0 auto 10px auto;
padding: 0;
border-bottom: 1px solid #666;
font: bold 16px Arial, Helvetica, Verdana, sans-serif;
text-transform: uppercase;
color: #c00;
}

ul, ol {
	margin: 0;
	padding: 0 10px 16px 0px;
}

address {
	width: 200px;
	margin: 0 auto 0px;
	padding: 15px 0 15px 30px;
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	float: left;
	text-align: left;
}

div {
margin: 0;
padding: 0;
}

/* ----------------- LINK STYLE ----------------- */
a:link, a:visited {
color: #0066CC;
text-decoration: underline;
}

a:hover, a:active {
color: #900;
text-decoration: none;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
table, td, th {
border-collapse: collapse;
}

/* DIV ALL */
div#all {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	}

/* DIV HEADER */
div#header {
	width: 760px;
	margin: 0;
	padding: 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
}

/* DIV CONTAINER */
div#container {
	width: 760px;
	margin: 0 0px;
	padding: 0;
	background: #FFFFFF;
	float: left;
}

/* DIV CONTENT */
div#content {
	float: left;
	width: 600px;
	vertical-align: top;
	text-align: left;
}

div#leftcolumn {
float: right;
width: 219px;
vertical-align: top;
}

div#iframe {
text-align: center;
}

/* DIV FOOTER */
div#footer {
	width: 760px;
	margin: 0 auto;
	padding: 0px 0 0;
	font: normal 9px Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	clear: both;
	height: 126px;
	background: url(images/footerbg.jpg) no-repeat left top;
}
div#info {
	width: 200px;
	left: 10px;
	top: 10px;
	text-align: left;
	float: right;
	margin-right: 20px;
	padding-top: 15px;
	color: #FFFFFF;
}
div#audio {
	width: 120px;
	top: 10px;
	text-align: left;
	color: #FFFFFF;
	position: absolute;
	right: 10px;
}


div#footernav {
	width: 760px;
	margin: 0 auto;
	font: 9px Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #E7E6BE;
}

div#footernav a:link, div#footernav a:visited {
font-size: 9px;
color: #333;
text-decoration: none;
}

div#footernav a:hover, div#footernav a:active {
font-size: 9px;
color: #000;
text-decoration: underline;
}

div#footerright {
width: 760px;
margin: auto;
padding: 0 0 10px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background: #E7E6BE;
color: #666;
text-align: right;
}

/* DIV COPYRIGHT */
div#copyright {
width: 760px;
margin: 0 auto;
padding: 5px 0 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background: #E7E6BE;
color: #666;
}

div#copyright a:link, div#copyright a:visited, div#footerright a:link, div#footerright a:visited {
font-size: 9px;
color: #666;
text-decoration: none;
}

div#copyright a:hover, div#copyright a:active, div#footerright a:hover, div#footerright a:active {
font-size: 9px;
color: #333;
text-decoration: underline;
}

/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) no-repeat left top;
}
 
div#applet div {
	position: absolute;
	top: 52px;
	left: 75px;
	width: 68px;
	height: 30px;
}

div#applet a {
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 180px;
 height: 10px;
}

/* ----------------- IMAGE ELEMENTS ----------------- */
.imgcenter {
text-align: center;
margin: 0;
padding: 10px 0 15px 0;
}

.imgright {
	float: right;
	margin:20px 10px 20px 15px;
	border: 1px solid #073A69;
	padding: 2px;
}
.imgrightborderless {
	float: right;
	margin:20px 40px 0 0;
	padding-top: 0;
	padding-bottom: 15px;
	padding-left: 10px;
}
.clearboth {
clear: both;
}

/*  Side NAVIGATION  */
div#navleftcolumn {
	float: left;
	width: 160px;
	line-height: 1.2em;
	border-top-style: solid;
	background-color: #000000;
	text-align: left;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 100%;
	border-top-width: thin;
	border-top-color: #FFFFFF;
}
ul#mainnavside {
	margin: 0px;
	padding: 0px;
	text-indent: 15px;
}

/* Removes the default bullets. */
ul#mainnavside li {
	display: inline;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
	padding-left: 0px;
	margin-left: 0px;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnavside li a, ul#mainnavside li a:visited, ul#mainnavside li a:active {
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	padding: 6px 0px;
	font-weight: bold;
	text-align: left;
	float: none;
	margin: 0;
	width: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnavside li a:hover {
	color: #FFCC00;
}

ul#mainnavside li a.current:link, ul#mainnavside a.current:visited {
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	font-size: 11px;
}
/* ----------------- NAVIGATION CONTAINER top----------------- */
div#horznav {
	width: 760px;
	height: 29px;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(images/navbar.gif) no-repeat left top;
}

ul#nav {
margin: 0;
padding: 0 0 0 30px;
list-style-type: none;
}

ul#nav li {
float: left;
margin: 0 auto;
padding: 0 0 0 0px;
display: inline;
}

ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active {
	margin: 0;
	padding: 9px 6px 8px;
	display: run-in;
	line-height: 29px;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color: #6B6B6B;



border-right:1px solid #
;

	font-weight: bold;
}

ul#nav li a.current:link, ul#nav li a.current:visited {
color: #FFCC33;
}

ul#nav li a:hover {
color: #FFFFFF;
}

/* ----------------- CUSTOM CLASSES ----------------- */
.textcenter {
	text-align: center;
	margin-bottom: 10px;
}

.textcenterbold {
text-align: center;
font-weight: bold;
}
div#content li {
	list-style: url(images/bullet.gif) none inside;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 100px;
	line-height: 10px;
}
.pic1 {
	margin-right: 20px;
	float: right;
	border: 1px solid #E49D98;
}
.picborder {
	border: 1px solid #B7C297;
}
div#flash {
	height: 139px;
	width: 760px;
	left: 0px;
	bottom: 0px;
}
.border {
	border: 1px solid #A7B189;
}
div#map {
	width: 325px;
	border: 1px solid #093969;
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#containerbody {

	width: 760px;
	margin: 0 0px;
	padding: 0;
	background: #FFFFFF url(images/content_bg.jpg) no-repeat left bottom;
	float: left;
}
address a:link, address a:visited {

color: #FFFF99;
text-decoration: underline;
}