body {
	background:   url("images/background.gif"); 
	margin: 0px; /* Always set margins to 0. Some browsers automatically apply them. */
	padding: 0px; /* Always apply padding if you apply margins */
	
}

	
/* 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 */
p { 
	font-size: 11px;
	line-height: 15px;
	margin: 10px;
	color: #333;
}

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	width: 622px;
	background: #003366;
	font-size:18px;
	font-weight: bold;
	text-align: left;
	margin-top: 2px;
	text-indent: 20px;
	margin-left: 5px;
}	

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	font-size:14px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
}

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

a:link {
	color: #ccc;
	text-decoration: none;
}
a:visited {
	color: #ccc;
}
a:hover {
	color: #fff;
}
a:active {
}
li {
	color:#333;
	font-size: 11px;

}

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



div#container {
	width:770px;
	margin: 0px auto;
	background: #fff;
	position: relative;
	border: 1px solid #fff;
 }

div#main{	
	
}	
	

div#top{
	background: #fff;
	width: 770px;
}

div#header{
	background: url("images/header.jpg");
	width: 622px;
}



div#content {
	width: 630px;
	background: #fff;
	color: #fff;
	float: left;
	margin: 0px;
 }

div#content ul{
}

div#content li{
margin-bottom: 10px;
}
 
 div#left{
	float: left;
	width: 140px;
 }
 
 div#right{
 float: left;
 width: 622px;
 background: #fff;
 clear: both;
 border-top: 1px solid #ccc;
 }
 
 
 div#left p{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-left: 5px;

 }

 div#links {
 width: 770px;
 background: #003366;
 color: #000;
 clear: both;
 margin: 0px auto;
 border-top: 1px solid #ccc;

 }
 


div#links p {
 font-size: 11px;
 color:#006600;
 text-align: center;
}

 
div#footer {
 height:25px;
 width: 770px;
 color: #000;
 padding-top: 30px;
 margin: 0px auto;
}


 
 .copyright {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
 	font-size:9px;
	text-align: right;
	clear:both;
 }
 
 
 /* ----------------- IMAGE ELEMENTS ----------------- */

#top .imgleft{
float: left;
}

#top .imgright{
float: right;
}


img.left {
	float: left;
	margin: 20px;
	border: 1px solid #000;
	
}
img.right {
	float: right;
	margin: 20px;
	border: 3px solid #ccc;
}
clear {
	clear: both;
}
 
 /* ----------------- PAGE NAVIGATION ELEMENTS ----------------- */
 
div#navigation{
	width: 125px;
	font-weight: bold;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	
}

#navigation ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navigation li{
	border-bottom: 0px solid #000;
	font-size: 10px;

}

#navigation li a {
	width: 140px;
	display: block;
	padding: 5px 0px 5px 0px;
	background: #333;
	color:#ccc;
	text-decoration: none;
	border-left: 0px solid #fff;
	text-indent: 5px;
}


#navigation li a:hover{
	background: #808080;
	color:#fff;
	border-left: 0px solid #ff9900;
}

#navigation .current {
	background:#cc9900;
	color: #fff;
	text-indent: 20px;
}