/* CSS Document */

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

body { 
	font: 1.0em/1.1 verdana, arial, sans-serif; 
	font-size: 100%; 
	margin: 10px auto; 
	padding: 0; 
	background-color: #336699; 
	color: #000000; 
	width: 1000px; 
}

p { 
	font-size: .8em;
}

a { 
	color: #336699; 
	text-decoration:none;
	cursor: hand;
}

h2 { 
	font-size: 1em; 
	font-weight: 100; 
	color: #336699; 
}

/* header */
#header { 
	text-align: center; 
	text-transform: uppercase; 
	width: 100%; 
	font-size: 2.5em; 
	font-family: verdana; 
	font-weight: 900; 
	background-color: #FFFFFF; 
	color: #336699; 
	padding: 10px 0px 0px 0px; 
	margin-top: 20px; 
}

/* navigation */
#nav { 
	width: 100%; 
	border-top: 1px solid #336699; 
	border-bottom: 1px solid #336699; 
	margin-top: -6px; 
	background-color: #FFFFFF; 
}
#nav ul li:first-child { 
	margin-left: 200px; 
}
#nav li { 
	display: inline;
	font-family: verdana; 
	font-size: .8em; 
	line-height: 1.6; 
	list-style-type: none; 
	padding: 3px 30px; 
	color: #336699; 
	margin: -3px -3px;
	letter-spacing: .1em; 
}
#nav li:hover { 
	color: #FFFFFF; 
	letter-spacing: .1em; 
	cursor:hand;
	background-color: #336699;  
}
#nav ul li#activeNav  { 
	color: #FFFFFF; 
	letter-spacing: .1em; 
	background-color: #336699;  
}

/* body of the page */
#content { 
	background-color: #FFFFFF; 
	text-align: center; 
	width: 980px; 
	min-height: 500px; 
	padding: 10px; 
}
#left {
	float:left;
	text-align:right;
	width:140px;
	margin-right:10px;
}
#right { 
	width: 700px; 
	float: left; 
	text-align: left; 
	padding-left: 10px; 
	border-left: 1px solid #336699; 
}

/* footer css */
#footer { 
	width: 1000px; 
	color: #FFFFFF; 
	padding: 5px 0; 
}
#footer p { 
	font-size: .7em; 
}