/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
margin: 0;
padding: 0;
text-align: center;
background-color:#939699;
background-repeat:repeat-x;
background-color:#000;
}

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

p {
margin: 0;
padding: 0px;
line-height: 19px;
color:#FFFFFF;
}


h1 {
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 22px; 
color: #fad714;
}

h2 {
margin: 0 30px 0 30px;
padding: 0;
font-size: 12px; 
font-weight: bold; 
color: #000;
}

strong, bold { color:#fad714;}

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

ul li {
margin: 3px 0 3px 25px;
padding: 0;
list-style-image: url(images/bullet.gif);
}


ol li {
margin: 3px 0 3px 25px;
padding: 0;
}
ul.left {
	float: left;
	margin: 15px 15px 0px 0px;
	width: 210px;
	padding: 0px 0px 0px 60px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.left li {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	line-height: 16px;
}

iframe {

	text-align: center;
}

div#map {

	text-align: center;
}


address {
	margin:0 auto;
	padding: 10px 0;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	position:absolute;
	top:405px;
	left:0px;
	width: 195px;
	height: 72px;
	color:#fff;
}

address a:link{
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	}

div#misc {
	position:absolute;
	margin:0 auto;
	padding: 0px;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	left: 0px;
	top: 354px;
	width: 193px;
}


div#miscsplash {
	position:absolute;
	margin:0 auto;
	padding: 0px;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	left: 329px;
	top: 75px;
	width: 117px;
}


div {
margin: 0;
padding: 0;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link {
color: #FAD714;
text-decoration: underline;
}

a:hover, a:active {
color: #FAD714;
text-decoration: underline;
}

a:visited {
color: #FAD714;
text-decoration: underline;
}

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

/* DIV HEADER */
div#header {
width: 100%;
background-image:url(images/logo2.gif);
padding: 0;
margin: 0 auto;
height:72px;
float:none;
margin-bottom:0px;
}


div#headersplash {
width: 100%;
background-image:url(images/containerbg.gif);
padding: 0;
margin: 0 auto;
height:353px;
float:right;
margin-bottom:15px;
}

div#cta{
	position:absolute;
	left: 235px;
	top: -36px;
	width: 473px;
	z-index: 4;

}


.logo{ 
	width: 200px;
	height: 104px;
	margin:0px;
	padding:0px;
	background-image:url(images/logo.gif);
}


/* DIV CONTAINER */
div#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align:left;
	background-color:#221106;

}

/* DIV CONTENT */
div#contentcontainer {
width: 755px;
margin: 0px;
padding: 0;
float:right;
background-image:url(images/bg-content2.gif);
background-color: #2d1607;
background-repeat:repeat-x;


}

div#content {
width: 755px;
margin: 0px;
padding: 0;
float:right;
background-image:url(images/bg-content2.gif);
background-color: #2d1607;
background-repeat:repeat-x;
}


div#content p {
padding: 4px 20px 16px 20px;
}


.contentdual {
	width: 49%;
	margin: 0px;
	padding-top: 15px;
	float:left;


}

.contentdual p, h1{
padding: 4px 20px 16px 20px;
}


.contentdual img{
border: 1px solid #fff;
margin-bottom: 10px;
}


div#containersplash {
width: 950px;
margin: 0 auto;
padding: 0;
position: relative;
text-align:left;
	background-image: url(images/bg-container.gif);
	background-repeat:no-repeat;
	background-color: #2d1607;
}

/* DIV CONTENT */
div#contentsplash {
width: 550px;
margin: 0 0 0 0px;
padding: 0;

}

div#contentsplash p{
padding: 0px 20px 0px 20px;
}


/* DIV SIDEBAR */
div#sidebar {
	width: 180px;
	position: absolute;
	top: 73px;
	left: 0px;
	margin: 0;
	padding-left: 15px;
	padding-top: 15px;
	z-index: 2;
	height: 252px;
	background-color: #c7bdb3;
	
}


div#sidebarsplash {
	width: 162px;
	position: absolute;
	top: 121px;
	left: 307px;
	margin: 0;
	padding: 0;
	z-index: 2;
	height: 160px;
}





div#audiobutton{
width: 238px;
height: 35px;
margin: 0px;
padding: 0px;
}

/* DIV FOOTER */
div#footer {
width: 950px;
height: 35px;
margin: 0 auto;
margin-bottom: 15px;
padding: 3px 0;
position:static;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background:#221106;
color: #fff;
clear:both;
}

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

div#footer a:link, div#footer a:visited {
font-size: 10px;
color: #fff;
text-decoration: underline;
}

div#footer a:hover, div#footer a:active {

color: #fff;
text-decoration: none;
}

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

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

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

/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) top left no-repeat;
}
 
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;
}

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






ul#mainnav {
	float: left;
	width: 100%;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	list-style-type: none;

	}

ul#mainnav li {
	/* float: left; */
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnav li a {
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	display: block;
	height: 24px;
	text-indent: 20px;
	padding-top: 4px;
	margin: 0px;
	font-weight:bold;
	color: #81766c;
	background-image:url(images/navoff.gif);
	background-repeat:no-repeat;
}


ul#mainnav li a:hover, ul#mainnav li a.current {
	color:#522304;
	font-weight:bold;
	background-image:url(images/navon.gif);
	text-transform:uppercase;
}









/* ----------------- IMAGE ELEMENTS ----------------- */
.imgleft {
float: left;
margin: 0px 15px 10px 0px;
padding: 0;
border: 1px solid #fff;
}

.imgright {
float: right;
margin: 0px 0px 10px 10px;
padding: 0px;
border: 1px solid #ccc;
clear:both;
}

.imgrightnbdr {
	float: right;
	margin: 0px 10px 10px 10px;
	clear:both;
}

#clearboth {
clear: both;
}

/* ----------------- CUSTOM CLASSES ----------------- */
.boldunderlined {
font-weight: bold;
text-decoration: underline;
}

.textcenter {
text-align: center;
}

.textcenterbold {
text-align: center;
font-weight: bold;
}

.copyright img {
margin-top:10px;
border:1px solid #000;

}

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

ul li {
margin: 3px 0 3px 0px;
padding: 0;
list-style-image: url(images/bullet.gif);
color:#FFFFFF;
}

ul.left {
	float: left;
	margin: 5px 15px 0px 25px;
	width: 100px;
	padding: 0px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.left li {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	line-height: 16px;
}


#splash1 {
	position:absolute;
	top: 373px;
	left: 561px;
	background-color: #140902;
	border: 1px solid #423429;
	width: 372px;
	height: 213px;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
}


#splash1 p {
margin: 14px;
padding: 0px;
}

#splash2 p {
margin: 14px;
padding: 0px;
}


#splash2 {
position:absolute;
top: 603px;
left: 561px;
background-color: #140902;
border: 1px solid #423429;
	width: 370px;
	height: 264px;
	color:#FFFFFF;
}


.ctacontainer {
margin:0px auto;
padding:0px;
width: 100%;
clear:both;


}


.ctabtm {
	
	background-color: #140902;
	border: 1px solid #423429;
	width:49%;
	height: 280px;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	float:left;
	margin-right: 2px;
	margin-left: 2px;
}


.ctabtm p {
margin:0px;
margin: 14px;
padding: 0px;
}
div#copyright img {
margin-top:10px;
border:1px solid #000;

}