/* DESCRIPTION: 2-column, No Header */

/* --------------------- BODY ELEMENTS -------------------------*/
body{
background: #000;
font: 12px Arial, Helvetica, sans-serif; /* main page font */
color: #006;
margin: 0; padding: 0;
text-align: center; /* centers page */
}

/* --------------------- STANDARD TAG ELEMENTS -------------------------*/
p {font-size: 12px/18px; margin: 0; padding-bottom: 10px;}

p.mainnav {padding: 5px 0;
text-align: center;}

p.small {font-size: 9px;}

a:link, a:active
{
color: #00f;
}

a:visited
{
color: #800080;
}

h1 {font-size: 15px;}

h2 {font-size: 13px; border-bottom: 1px dashed #006; width: 300px;}

/* --------------------- LAYOUT ELEMENTS -------------------------*/
div#container {
position: relative; /* allows for absolutely positioned divs */
width: 660px;
margin: 10px auto; padding: 10px 5px;
background: #309;
}

div#header {
	position: relative;
	width: 650px; 
	height: 155px; 
	margin: 0 auto;
	background: url(images/header.gif) no-repeat top left;
	vertical-align:top;
}

div#flash {
position: absolute;
top: 0px; left: 114px;
}

div#body {
position: relative; /* allows for absolutely positioned divs */
width: 650px;
margin: 0 auto; padding: 0;
background: url(images/background5.jpg) repeat-y top left;
clear: both;
}

div#left {
float: left;
width: 190px;
margin: 0; padding: 0;
}

div#full {
padding: 5px;
text-align: left;
}

div#content {
margin: 0 0 0 190px; padding: 5px;
text-align: left;
}

* html #content {margin-left:187px;}
/* commented backslash mac hiding hack  \*/ 
* html #content {height:1%;} 
/* end hack */

#content li{
margin: 0px; padding: 10px 0;
font: 12px Arial, sans-serif;
}

table#locations {
width: 600px;
margin: 10px 0;
}

table#locations td{
width: 200px;
}

table#locations p{
text-align: center;
}

/* --------------------- NAVIGATION ELEMENTS -------------------------*/
div#navcontainer {
width: 650px;
margin: 0 auto;
padding: 0px;
}

ul#mainnav {
	float: left;
	width: 650px;
	margin: auto;
	padding: 10px 0;
	list-style: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #EEEDF6;
}

ul#mainnav li {
display: inline;
	margin: auto;
	padding: 0px;
	list-style: none;
}

ul#mainnav a {
margin: 0; padding: 0 8px;
	text-decoration: underline;
	color: #00f;
}

ul#mainnav a:hover, ul#mainnav a.active {
	color: #000;
}

/* --------------------- FOOTER ELEMENTS -------------------------*/
/* styling for text links */
div#footer {
margin: 0 0 0 150px; padding: 5px;
background: green;
}

div#footer p, div#footer a{
margin: 0; padding: 0px;
font: 9px Verdana, sans-serif;
color: #fff;
}

/* styling for copyright */
div#copyright {
margin: 0 auto; padding: 10px;
clear: both;
}

div#copyright p {
text-align: center;
margin: 0; padding: 0px;
font: 9px Verdana, sans-serif;
}

div#copyright a{
font: 9px Verdana, sans-serif;
}

/* --------------------- IMAGE ELEMENTS -------------------------*/
img.normal {
border: 1px solid #000;
margin: 5px 0 0 0; padding: 0;
}

img.logo {
border: 1px solid #000;
margin: 10px 5px; padding: 0;
}

/* --------------------- MISC ELEMENTS -------------------------*/
.clear {clear: both;} /* clearing element */

div#textarea {
display: block;
font: 11px Arial, Helvetica, sans-serif;
text-align: center;
clear: both;
}

div#audio {
display: block;
text-align: center;
padding: 10px 15px;
}

div#audio p{
font: 9px Verdana, sans-serif;
}

/* ----------------- 360 VIEW DIV ----------------- */ 
a.ypview {
	background: url(images/360-view-btn.gif) no-repeat;
	background-position: 100% 0px;
	height: 55px;
	width: 175px;
	display: block;
	margin: 0 auto
}

a.ypview:hover {
	background-position: 0% -55px;
}
