/* GLOBAL ELEMENTS
==========================================================================*/

* {
	/*universal selector*/
	margin: 0px;
	padding: 0px;
}

body {
	background:  #164f6a;
	/*Below sets a base for em percentage used. x-small generally is about 11px*/
	font-size: x-small;	
	font-family: Arial, Helvetica, sans-serif;
}

	
/* 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.) */


/* TYPOGRAPHY
==========================================================================*/

p, h1, h2, h3, h4, h5, h6, a, ul, li, ol, dt, dd, td {
	font-family: Arial, Helvetica, sans-serif;
}
/* Redefines the p tag */
p { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;

	line-height: 1.6em;
	margin: 20px 20px 10px 20px;
	color: #666;
}



h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:200%;
	color: #428cb5;
	padding: 15px 10px 5px 20px;
	background: #edeaea;
	letter-spacing: 2px;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:180%;
	color: #428cb5;
	margin: 20px 10px 10px 20px;
	border-bottom: 1px dotted #808080;

}



ul{
  	

}




li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #666;
	line-height: 1.5em;
	list-style-image:url(images/arrow.gif);
}

.list{
	margin-left: 30px;
}

/* Creates the general link style for the site. This is not the main navigation.  */

 a {
	color: #cc0000;
	text-decoration: none;
}
 a:visited {
	color: #cc0000;
	text-decoration: none;	
}
 a:hover {
	color: #cc0000;
	text-decoration: underline;
}
 a:active {
	text-decoration: none;	
}

/* PAGE LAYOUT
==========================================================================*/

div#wrapper{
	width: 100%;
	background: url(images/bg.jpg) repeat-x #1f5c7a;
}



div#container { 
	width:960px;
	position: relative;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
div#container2 {
	width:960px;
	background: url(images/bg-wrapper.jpg);
	position: relative;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	

	


	

div#header { 
	width: 960px;
	height: 124px;
	margin:0px auto;
	position: relative;	
	background: url(images/header.jpg);
	clear: both;
 }


/*container for pagetext and left coloum */

div#textarea{
	width: 940px;
	float: left;
	display: inline;
	background: none;
	margin: 10px;
	}


div#content{
	width: 650px;
	float:left;
	display: inline;
	}
	
div#content ul{
	margin-left: 75px;
	}
	
	
	
div#flash{
	width: 650px;
	height: 249px;
	display: inline;
	}




div#sidebar{
	width: 309px;
	float: right;
	background: none;
	display: inline;
}

div#sidebar h2{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px 1s0px 10px 20px;
	margin: 0px 0px 10px 0px;
	border-bottom: 0px solid #000;
	background: #2f7295;
}

div#sidebar p{
	padding: 10px 10px 10px 0px;
	color: #fff;
	background:;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	
}

div#sidebar li{
	list-style: url(images/bullett.gif);
	margin: 0px 0px 0px 10px;
}


div #sidebar a{
	 color: #8a0303;
	 font-weight: bold;
	 }


div#footer{
	width: 960px;
	position: relative;
	height: 35px;
	margin: 0px auto;
	clear: both;

}

#ownerlogin{
	color: #fff;
	margin: 15px auto 0px auto;
	width: 960px;
	text-align: right;
	font-size: 130%
	
}

#ownerlogin a{
	color: #fff;
}





/*--------------Audio Applett----------------------*/



div #audio {
	position: absolute;
	width: 164px;
	height: 23px;
	left: 796px;
	top: 5px;
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
}


div#applet {
	position:relative;
	width: 180px;
	height: 100px;
	background: url(images/audio.gif) top left no-repeat;}

div#applet div {
	position: absolute;
	top: 49px;
	left: 71px;
	width: 68px;
	height: 30px;
}

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


 /* CTA
==========================================================================*/
div#cta{
	margin: 0px auto;
	clear: both;
}

 
div#cta img{
	float: left;
} 
 
 /* Address
==========================================================================*/
address{
	padding: 10px 10px 10px 20px;
	color: #fff;
	background:;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
}

address a{
	color: #fff;
	text-decoration: underline;
}

address img{
	margin-top: 10px;
	margin-left: 10px;
}

  
 /* IMAGE ELEMENTS
==========================================================================*/


img.right {
	margin: 20px 20px 10px 10px;
	border: 1px solid #ccc;
	padding: 2px;
	float: right;
}


#verticalright{
	float: right;
	margin: 10px 20px 20px 10px;
	border-left: 1px solid #ccc;
	padding: 0px 0px 0px 0px;
	width: 250px;
}

#verticalright p{
	margin-top: 0px;
}

#verticalright li{
	margin-left: -30px;
}


#verticalleft{
	float: left;
	margin: 0px;
}
 

	
/*  MAIN NAVIGATION
==========================================================================*/


/* ---------------------- nav ---------------------- */

#navcontainer{
	width: 952px;
	height: 38px;
	background: url(images/nav_bg.jpg);
}

/* NAVIGATION CONTAINER */
div  #mainnav li {
      display:inline;
      margin:0;
      padding:0;
      }
   div #mainnav a {
      float:left;
       background:none;
	   color:#203440;
	   font-weight: bold;
	   margin-top: 1px;
      padding: 10px 13px 8px 12px;
      text-decoration:none;
	  border-right: 1px solid #e4dec9;
	  text-transform: uppercase;
	  font-size: 11px;
      }
   
div #mainnav .last{
    border-right: none;
   }
   
   
div #mainnav a:hover {
	   color:#333;
	   background: #fff;
      }

	  
div #mainnav a.current {
	   background: #fff;
	   color:#333;
      }
div #mainnav a#current{
	background: #fff;
}	  
	  
/**/* html #mainnav a {
	width: 1%;}

 	mainnav a .last{
   	border: none;
   }
   
   
   /* ---------------------------------------------------------*/
/* ----------------- FOR THE CSS DROPDOWN ----------------- */
/* ---------------------------------------------------------*/
	
	
ul#mainnav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 0px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0 0 0;
	z-index: 500;
}

ul#mainnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#mainnav li:hover ul, ul#mainnav li.over ul { /* lists nested under hovered list items */
	display: block;
	background: #ccc;
}

ul#mainnav li ul li {
	float: none;
	text-transform: capitalize;
	}
	
ul#mainnav li ul li a {
	background:  #cc0000;
	width: 190px;
	padding: 7px 0;
	text-indent: 15px;
	color: #fff;
	border-bottom: 1px solid #ff0000;
	}


	
ul#mainnav li ul li a:hover {
	background:  #164a78;
	color: #fff;
	}

   
	 /* ----------------- end NAVIGATION ----------------- */
	
	  
	  
/*  UTILITY NAVIGATION
==========================================================================*/


	ul#utilitynav {
	padding-top: 5px;
	width: 921px;
	height: 24px;
	left: 1px;
	top: 2px;
	}
	
	
	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: 10px;
		font-weight: bold;
		padding: 4px 8px 6px 8px;
		text-decoration: none;	
		text-transform: uppercase;
	}
	
	
	ul#utilitynav li a:hover {
		color: #fff;
		width: auto;
		text-decoration: underline;
		
	}
	
	ul#utilitynav li a.current:link, ul#utilitynav a.current:visited {
		color: #fff;
		width: auto;
		text-decoration:underline;
	}


	/* ----------------------Copyright---------------------- */  
	#copyright {
 	width: 960px;
	height: 35px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px auto;
 	font-size:9px;
	padding-top: 5px;
 }
 
 	#copyright a{
	color: #fff;
	}
 
 	#copyright img{
		float: right;
		margin-top: -25px;
	}
	
/* ---------------------- CUSTOM CLASSES---------------------- */

.clear{
	clear: both;
}


/* TYPOGRAPHY
==========================================================================*/

.center{
	text-align: center;
}


.column1{
	width: 290px;
	margin: 10px 10px 10px 10px;
	float: left;
	margin-bottom: 20px;
	display:inline;
}

.column1 li{
	margin-left: -30px;
}

	.indent{
		text-indent: 25px;
	}