@charset "utf-8";
/* CSS Document */

body {
	font: 100%	Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	background: #bc336e;
}

#container {
	width: 755px;
	background: #bc336e;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
/*	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: auto;
	padding:10px;
}
#mainContent {
	padding:10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align:center;
	height:auto;
}

#header {
	padding-left: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-right: 0px;
	margin-top: 5px;
	background: #bc336e url(images/header.jpg) no-repeat top left;
	width:775px;
	height:174px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
/*	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff; */}
	
#menubar {
	text-align:center;
	width:775px;
	height:30px;
	background-color:#669966;
	vertical-align:top;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
/*	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff; */}

p {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	margin-bottom:10px;
	margin-top:0px;}

h1 {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	text-align:left;}

h2 {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	margin-top:0px;
	margin-bottom:10px;
	font-style:normal;
	font-weight:bold;}

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

ul {
	color:#ffffff;
	font-weight: normal;
	font-size: 15px;
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 15px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
li {
	margin-bottom: 3px;}
	
#copyright {padding-top:10px; 
border-top:1px solid #ffffff;
margin-top:20px;}

#copyright p {font-size:12px;}

#footer a:link {color:#ffff00; text-decoration:none; }
#footer a:active {color:#000000; text-decoration:none; }
#footer a:visited {color:#ffff00; text-decoration:none; }
#footer a:hover {color:#ffffff; text-decoration:underline; }