@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}


* { margin: 0; padding: 0; }

a {
	color: #0066FF;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#000066;
	text-decoration:underline;
}



/********************************************
   html ELEMENTS
********************************************/ 

body {
	font: 78.5% Verdana, Arial, Helvetica, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: #999999;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000033;
}
#container {
	width: 860px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #efefef;
	padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top:10px;
}
#footer {
	clear:both;
	width: 860px;
	margin:20px 0 0px 0;
	color:#444444;
	background:#cccccc;
	height:60px;
	padding:10px 0;
	border:px solid #000000;
}




/********************************************
   NAVIGATION
********************************************/ 

#nav {
	margin-top:10px;
	padding:0;
	line-height:normal;
	border:px solid #000;
}
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	display:block;
	height:30px;
	font-size:14px;
	font-weight:bold;
	background:url("images/nav_up.jpg") repeat-x top left;
}
#menu li{
font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	margin:0px;
	padding:0;
	text-transform:uppercase;
}
#menu li a{
	display:block;
	float:left;
	color:#888888;
	text-decoration:none;
	font-weight:bold;
	padding:0px 40px 20px 40px;
	height:20px;
	margin:0;
}
#menu li a:hover{
	background: url("images/down.jpg") no-repeat top center;
	color:#484949;	
}
#menu li .current{
	background: url("images/down.jpg") no-repeat top center;	
	color:#484949;
}





/********************************************
   FONTS and HEADERS
********************************************/ 
p {
	padding:10px 20px;
}
	
h1 {
	font-size:200%;
	padding: 10px 20px;
	}
h2 {
	padding: 10px 20px;
	}

  #mainContent ul {
	margin: 0px 20px 0 50px;
	list-style-type:square;
	padding: 10px 20px;
	}
   #mainContent li {
	color:#000033;
	font-size: 14px;
	font-weight: ;
	padding:4px 0;
	}

	span {
	font-size:160%;
	color:#333333;
	color:#0066FF;
	padding:0 20px;
	font-weight:bold;
	margin: 0 20px;
}

 #footer ul {
			position:relative;   
			margin:0;
			padding:0;
			list-style-type:none;
			display:block;
			height:25px;
			font-size:12px;
			font-weight:bold;
			margin:0 auto;
			padding:0;
			text-align:center;

	}
#footer li {
			display:block;
			float:left;
			margin:0;
			padding:3px 40px 0 40px;
/*			text-transform:uppercase;		    */
			color:#333333;
	}

#footer p {
	color:#000000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	}


/********************************************
   IMAGES
********************************************/ 

img {
	border:1px solid #000000;
}


.logo {
	border:none;
	margin:10px 0 0px 0px;
	border:px solid #ccc;
	}

.pics {
	padding:5px;
	border:1px solid #333333;
	margin:10px 0 0 60px;
}