/*Universally selected margins and padding*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #004a80;
	/*Below sets a base for em percentage used. x-small generally is about 12px*/
	font-size: x-small;
}
*html body {  font-size: x-small /* for IE5/Win*/
 f\ont-size: small;/*for  all other older verions of IE */
}
/* This sets a default font for all of our tag selectors. We set the text align back to left so it won't center (based on the body tag to compensate for IE.) */

p, h1, h2, h3, h4, h5, h6, a, ul, li, ol, dt, dd, td { font-family: Verdana, Arial, Helvetica, sans-serif; }
/* Redefines the p tag: text set universally in body tag */
p {
	color: #333;
	/*font percentage based on base declared in body tag*/
	font-size: 120%;
	margin: 10px 10px 10px 15px;
	line-height: 1.3em;
}
h1 {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size: 180%;
	color: #004a80;
	width: 100%;
	padding: 10px 0px 0px 15px;
}
#pagetext li {
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:url(images/arrow.gif);
	color: #000;
	margin: 0px 0px 0px 20px;
	line-height: 140%;
}
/* Creates the general link style for the site. This is not the main navigation.  */

a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
a:active { text-decoration: underline; }
.list {
	line-height: 1.5;
	margin-left: 30px;
}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#wrapper {
	width: 989px;
	margin: 0px auto;
}
div#container {
	width:989px;
	margin: 0px auto;
	position: relative;
	background: url(images/bg_wrapper.gif);
}
div#indextop {
	background: url(images/top_audio.gif);
	width: 989px;
	height: 103px;
	position: relative;
}
div#top {
	background: url(images/top.gif);
	width: 989px;
	height: 103px;
	position: relative;
}
div#header {
	background: url(images/header.jpg);
	width: 989px;
	height: 208px;
	margin:0px auto;
	position: relative;
}
div#leftcolumn {
	width: 228px;
	float: left;
	display: inline;
}
div#leftcolumn img { }
div#pagetext {
	width: 725px;
	float: left;
	position:relative;
	display: inline;
	background: none;
	margin: 0px 0px 10px 0px;
}
div#left a:link { color: #ffff00; }
div#left a:visited { color: #ffff00; }
#right p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-align:left;
}
address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color:#fff;
	font-size: 110%;
	margin: 10px 0px 10px 10px;
	position: absolute;
	top: 80px;
	left: 18px;
	width: 197px;
}
address a:link { color: #fff; }
address span { font-size: 90%; }
div#footer {
	width: 989px;
	height: 47px;
	background: url(images/footer.gif);
	position: relative;
}
/* ----------------- IMAGE ELEMENTS ----------------- */


.right {
	float: right;
	text-align: center;
	font-size: 10px;
}
.right img {
	margin: 5px;
	border: 1px solid #333;
	padding: 2px;
}
#copyright {
	width: 989px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:9px;
	margin: 0px auto;
	margin-top: 10px;
}
#copyright a { color: #fff; }
/* ---------------------- MAIN NAVIGATION---------------------- */	
/* ---------------------- nav ---------------------- */
  #navcontainer {
	width:989px;
	height: 36px;
	background: url(images/navigation.gif);
	position: relative;
}
#mainnav {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	line-height:normal;
	position: absolute;
	left: 221px;
	top: 3px;
	height: 0px;
	width: 757px;
}
#mainnav ul {
	margin:0;
	padding:10px 10px 0px 0px;
	list-style:none;
}
#mainnav li {
	display:inline;
	margin:0;
	padding:0;
}
#mainnav a {
	float:left;
	background:url("images/navleft.gif") no-repeat left top;
	margin-left: 3px;
	padding:0 0 0 8px;
	text-decoration:none;
}
#mainnav a span {
	float:none;
	display:block;
	background:url("images/navright.gif") no-repeat right top;
	padding:8px 7px 16px 1px;
	color:#660000;
}
/* End IE5-Mac hack */
#mainnav a:hover span { color: #fff; }
#mainnav a:hover { background-position:0% -42px; }
#mainnav a:hover span { background-position:100% -42px; }
#mainnav a.current {
	background-position:0% -42px;
	color: #fff;
}
#mainnav a.current span {
	background-position:100% -42px;
	color: #fff;
}
/* ----------------- Left Nav --------------------- */
div#leftnavcontainer {
	margin-left: 10px;
	width: 212px;
	margin-top: 0px;
	margin-bottom: 10px;
}
ul#leftnav 		{margin: 0; padding: 0;}
ul#leftnav li 	{display: inline; list-style: none;}
ul#leftnav li a:link, ul#leftnav li a:visited, ul#leftnav li a:active {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 5px 0 5px 20px;
	text-transform: uppercase;
	border-top: 1px solid #5783D5;
	border-bottom: 1px solid #2D57B0;
	font: bold 11px Arial, Helvetica, sans-serif;
}
ul#leftnav li a:hover, ul#leftnav li a.current:link, ul#leftnav li a.current:visited {
	background: #2D57B0;
	border-top-color: #274D9A;
}
/* ----------------- UTILITY NAVIGATION ----------------- */
ul#utilitynav {
	position: absolute;
	padding: 0px;
	width: 676px;
	height: 24px;
	left: 8px;
	top: 7px;
}
ul#utilitynav li {
	display: inline;
	list-style: none;
}
ul#utilitynav li a:link, ul#utilitynav li a:visited, ul#utilitynav li a:active {
	color: #fff;
	display: block;
	float: left;
	font-size: 9px;
	font-weight: bold;
	padding: 4px 10px 6px 10px;
	text-decoration: none;
}
ul#utilitynav li a:hover {
	color: #ffff00;
	width: auto;
}
ul#utilitynav li a.current:link, ul#utilitynav a.current:visited {
	color: #fff;
	width: auto;
}
.clear { clear: both; }
.center { text-align: center; }
.column1 {
	width: 325px;
	height: 305px;
	float: left;
	margin-left: 40px;
	margin-bottom: 10px;
	background: #eee;
	position: relative;
	display: inline;
}
.column1 h2 {
	font-family:"Trebuchet MS", Tahoma, Arial;
	padding: 10px;
	background: #780400;
	margin: 0px 0px 10px 0px;
	color: #fff;
	font-size: 140%;
}
.column1 img {
	position: absolute;
	border: 8px solid #fff;
	bottom: 2px;
	left: 2px;
}
/*=====================Netopia================================*/
iframe { margin: 0px 0px 10px 20px; }
/*========================ADMIN LOGIN======================*/

div#ownerlogin {
	float: right;
	margin: 0px 50px 10px 0px;
}
div#ownerlogin a { color: #fff; }
div#audio {
	position: absolute;
	left: 858px;
	top: 75px;
}
.border { border: 1px solid #ccc; }

div#video {
	float: left;
	margin-right: 15px;
}