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


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

/* You may use pixels or ems for text sizing */

p, div#content li, address {
font-size: 11px;
line-height: 21px;
list-style-type: square;
	 
	 
	 }

h1, h2 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;
color: #3366cc;
border-bottom:1px solid #808080;
	 
	 }

h2 {
font-size: 14px;
font-weight: bold;
	 	 
	 }


h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#f89f03;
	 	 
	 }


address {
font-style: normal;
		 
	 }


a {
font-weight: bold;
text-decoration: none;
	 
	 
	 }
/* All links must inclde some type of hover interactivity */
a:hover {
color: #f89f03;
	 	 
	 }

a:link {
color:#f89f03;
}



ul {
color:#222222;
float:right;

}

li 	{
color:#222222;

}


ul2 {
color:#222222;
float:left;
padding-left:20px;

}

ul2a {

float:right;
padding-left:10px;

}

div#box1	{
float:left;
width:225px;
}

div#box2	{
float:right;
width:225px;
}

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

div#container {
width: 800px;
margin: 0px auto;
padding: 0px;
background: url(images/container-bg.gif) center repeat-y;
	 
	 }


div#logo {
position: relative;
width: 100%;
height: 150px;
margin: 0px;
padding: 0px;
background: url(images/logo-bg.jpg) center no-repeat;
	 
	 	 }
		 
div#audio {
position: absolute;
top: 7px;
left: 600px;
	 
	 }
	 
div#audio applet {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 58px;
	left: -596px;
	 
	 
	 }

div#header {
position: relative;
width: 100%;
height: 220px;
margin: 0px;
padding: 0px;
background: url(images/header-bg.jpg) center no-repeat;
	 
	 
	 }
div#header img {
position: absolute;
top: 5px;
left: 265px;
border: none;
	 
	 }
	 
	 

	 	
div#flash {
	position: absolute;
	top: 9px;
	left: 0px;
	width: 805px;
	height: 192px;
	 
	 }	
	 

	 

div#content-container {
width: 100%;
background: url(images/content-bg.gif) top center no-repeat;
	 
	 
	 }

div#sidebar {
float: left;
width: 210px;
padding: 15px 20px;
margin: 0px;
	 
	 
	 }
div#sidebar p {
font-size: 11px;
color: #fff;
margin: 0px;
padding: 0px;
line-height: normal;
	 
	 
	 }
div#sidebar h1 {
color: #fff;
font-size: 13px;
margin: 0px 0px 20px 0px;
	 
	 
	 }
div#sidebar h2 {
font-size: 11px;
margin: 20px 0px 0px 0px;
padding: 0px;
color: #fff;
font-weight: bold;
	 
	 
	 }
div#sidebar address {
color: #fff;
font-weight: normal;
font-size: 11px;
margin-bottom: 20px;
line-height: 15px;
	 
	 
	 }

div#content {
float: left;
width: 510px;
margin: 0px;
padding: 0px 10px;
	 
	 
	 }

div#footer {
width: 800px;
margin: 0px auto;
padding: 30px 0px;
background: url(images/footer-bg.gif) no-repeat center top;
	 
	 
	 }

div#owner {
float: left;
margin: 0px;
padding: 0px 20px;
	 
	 
	 }
div#owner img {
border: none;
	 
	 
	 }


	
/* ----------------- NAVIGATION (MAIN) ----------------- */
div#nav{
	position: absolute;
	top: 113px;
	left: 0px;
	width: 1063px;
	height: 82px;
	 
	 
	 }
ul#mainnav {
float: left;
margin: 0px;
 padding: 0px;
 list-style-type: none;
	 
	 
	  
	 }
ul#mainnav li {
display: inline;
float: left;
margin: 0px auto;
padding: 0px;
	 
	 
	 }
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active { 
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
text-align: center;
color: #3366cc;
display: block;
padding: 7px 13px;
margin: 0px;
border-right: 1px solid #3366cc;
border-left: 1px solid #fff;

	 
	 }
	 
ul#mainnav li a:hover, ul#mainnav li a.current {

border-right: #fab949;
color: #fab949;
	 
	 
	 }

/* ----------------------------  NAVIGATION (UTILITY) ----------------------------  */
div#utility {
clear: left;
float: right;
width: 735px;
margin: 6px 5px 5px 0px;
padding: 9px 0px;
	 
	 
	 }
ul#utilitynav {
margin: 0px;
padding: 0px;
list-style-type: none;
	 
	 
	 }
ul#utilitynav li {
display: inline;
float: left;
margin: 0px auto;
padding: 0px;
	 
	 
	 }
ul#utilitynav li a {
font-size: 9px;
text-decoration: none;
text-align: center;
display: block; 
width: auto;
margin: 0px;
padding: 0px 8px;
color: #f9a20b;
text-transform: uppercase;
border-right: 1px solid #fab949;
	 
	 
	 }
ul#utilitynav li a:hover, ul#utilitynav li a.current {
color: #5d74bf;
	 
	 
	 }
ul#utilitynav li a.first {
border-left: 1px solid #fab949;
	 
	 
	 }

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

/* Images should include some type of border. We tend to favor this one. */
img.left {
float: left;
padding: 5px;
background: #fff;
margin: 5px 10px 5px 0px;
border: 1px solid #666;
	 
	 
	 }
img.right {
float: right;
padding: 5px;
background: #fff;
margin: 5px 0px 5px 10px;
border: 1px solid #666;
	 
	 
	 }
img.middle {
float: left;
padding: 4px;
background: #fff;
margin: 5px 0px 15px 0px;
border: 1px solid #666;
	 
	 
	 }
img.bottom {
float: left;
padding: 4px;
background: #fff;
margin: 5px 0px 0px 0px;
border: 1px solid #666;
	 
	 
	 }

div.staff-info {
float: left;
width: 250px;
margin-bottom: 25px;
	 
	 
	 }
div.staff-info p, div.staff-info h2 {
margin: 0px;
padding: 0px;
	 
	 
	 }
div.clearboth {
clear: both;
	 	 	 }

div#map {
	padding: 4px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	border: 1px solid #05c5ce;
	height: 400px;
	width: 500px;
	float: left;
}



div#copyright {
clear: right;
margin: 10px auto 0px auto;
padding: 10px 0px 0px 0px;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 color: #222222;
	 
	 
	 }
div#copyright img {
border: none;
	 
	 
	 }
div#copyright a {
color: #666;
text-decoration: none;
	 
	 
	 }
div#copyright a:hover {
text-decoration: underline;
	 
	 
	 }

iframe{
	margin-left: 0px;
	widows:500px;
}


.video{
float: right;

}