* {
	margin: 0px;
	padding: 0px;
}

body {
	background:   url(images/bg.gif) repeat-x #000;
	
}

	
/* 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: Arial, Helvetica, sans-serif;
}
/* Redefines the p tag */
p { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0px 0px 10px 20px;
	line-height: 1.2;
}


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color: #990000;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 10px 20px;
}

/*
ul{
  	

}
*/

#pagetext li {
	font: 14px Arial, Helvetica, sans-serif;
	list-style:url(images/arrow.gif);
	color: #333;
	margin: 0px 0px 10px 40px;
}

#pagetext li span{
	font-weight: bold;
}


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

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

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

div#wrapper{
	width: 100%	;
	background: url(images/bg.gif) repeat-x #fff;

}



div#container { 
	width:960px; 
	background: #fff;
	margin: 0px auto;
	position: relative;
	}
	
	div#indexcontainer { 
	width:960px; 
	background: #fff;
	margin: 0px auto;
	position: relative;
	}
 

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


/*container for pagetext and left coloum */
div#content {
	width: 960px;
	margin: 0px;
 }

div#pagetext {
	background: #fff;
	width: 700px;
	float: right;
	position:relative;
	display: inline;
	margin-left: 20px;
	border-left: 1px solid #ececec;
	
}



div#audio{
	width: 230px;
	border: 1px solid #ccc;
	height: 35px;
	background: #ececec;
	margin: 10px 0px 0px 0px;
	position: relative;

}

applet{
	position: absolute;
	left: 62px;
	top: 11px;
}




div#right{
	width: 220px;
	float: left;
	display: inline;
	
}

div#flash{
	position:absolute;
	left: 265px;
	top: 13px;
	width: 98px;
}

div#right a:link{
	color: #990000;		
}

div#right a:visited{
	color: #990000;		
}


  #right p{
  	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-align:left;
	
}



address{
	width: 220px;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	background: #ececec;
	font-size: 12px;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #ccc;
}

div#footer {
	width: 550px;
	clear: both;
	margin: 10px auto 20px auto;
}

 
 div#footer {
		width: 960px;
		height: 25px;
	 position: relative;

	
 }
 

 
  div#bottom{
  	background: #000;
 	width: 100%;
	height: 3px;
 }
 
 
 div#login{
 	width: 960px;
	text-align: right;
	clear: both; 
	font-size: 10px;
	margin: 0px auto;
 }
 
 div#login a:link {
 	color: #009900;
	font-weight: bold;

 }
 

 /* ----------------- IMAGE ELEMENTS ----------------- */

img.left {
	float: left;
	margin: 20px;
	border: 2px solid #fff;

}
.right{

	float: right;
}

.right img{
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
}

 #copyright {
 	width: 960px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
 	font-size:9px;
	margin: 0px auto;

 }
 
 #copyright img{
	float: right; 
	margin-top: -20px;
 }
 
  #copyright a{
 	color: #fff;
	}

	
/* ---------------------- nav ---------------------- */
#navigationcontainer{
	position:relative;
	height:54px;
	color:#000;
	background:#000	;
	width:100%;
	font-family: Tahoma,Arial,Verdana,sans-serif;}
	
	
#mainnav{
	position:relative;
	height:31px;
	font-size:11px;
		font-weight:bold;
	background: url(images/bg_nav.gif) 
	repeat-x bottom left;
	}
	
#mainnav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;float:left;
}

#mainnav ul li {
display:block;
float:left;
margin:0 1px;
}

#mainnav ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 15px;
	height:31px;
}

#mainnav ul li a span{
	padding:10px 20px 0 0;
	height:21px;
	float:left;
	}
	
#mainnav ul li a:hover{
	color:#fff;
	background:transparent url(images/bg_hover.gif) repeat-x bottom left;
	}
	
#mainnav ul li a:hover span{
display:block;
width:auto;
}

#mainnav ul li a.current,#mainnav ul li a.current:hover
{
color:#fff;
background:#000 url(images/bg_navleft.gif) no-repeat top left;line-height:275%;
}
#mainnav ul li a.current span
{
display:block;
padding:0 20px 0 0;
width:auto;
background:#000 url(images/bg_navright.gif) no-repeat top right;height:31px;
	}
/* ---------------------- END NAV---------------------- */
		 /* ----------------- UTILITY NAVIGATION ----------------- */

	ul#utilitynav {
	margin: 0px auto;
	padding: 0px;
	width: 768px;
	height: 25px;
	position: absolute;
	left: 0px;
	top: 0px;
	}
	
	
	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: 11px;
		font-weight: normal;
		padding: 10px 10px 0px 0px;
		text-decoration: none;	

	
	}
	
	
	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;
	}


.clear{
	clear: both;
}

iframe{
	margin-left: 10px;
}

.center{
	text-align: center;
	margin: 0px;
}