/* the body where font type, size, style, color is set. If not specified later in the CSS elements inherit these styles */ 

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	background-color: #006; 
	color: black;	
}


/* general stuff like paragraphs (p), headings (h), unordered lists (ul)and hyperlinks (a). Padding and margin value go: top, right, bottom, left  */

p {
	margin: 0;
	padding: 0 0 .5em 0;
	font-size: 80%;
	}

ul, ol {
	font-size: 80%;
	}

h1 {
	color: #693;
	font-weight: bold;
	padding: 0;
	margin-bottom: .5em;
	margin-top: 1em;
	font-size: 100%;
	background-color: transparent;
}

h2 {
	color: #693;
	font-weight: normal;
	padding: 0;
	margin-bottom: 0;
	margin-top: 1em;
	font-size: 80%;
	background-color: transparent;
}

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
}

/* the container in which everything else sits  */

#container {
	width: 770px;
	font-size: 100%;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: white;
	color: black;
}

/* the banner has place holders for the images and the top navigation text   */

#banner {
	
	padding: 0;
	background-color: #006;
	margin: 0;
	border: 0;
	color: black;
}

img.logo {
	padding: 0;
	margin: 0;
}

ul#topnav {
	float: right;
	text-align: right;
	width: 200px;
	font-size: 80%;
	color: white;
	margin: 44px 0 0 0;
	background-color: transparent;
}

ul#topnav li{
	display: inline;
}

ul#topnav a {
	color: white;
	font-weight: bold;
	padding: 0 0 0 1em;
	margin: 0 0 10px 0;
	background-color: transparent;
}

ul#topnav a:link {
	text-decoration: none;
	padding: 0 0 0 1em;
	margin: 0 0 10px 0;

}

ul#topnav a:hover {
	text-decoration: underline;
	padding: 0 0 0 1em;
	margin: 0 0 10px 0;
}

ul#topnav a:visited {
	text-decoration: none;
	color: white;
	background-color: transparent;
	padding: 0 0 0 1em;
	margin: 0 0 10px 0;
}

/* top navigation - residents, applicants, landlords, ownership  */


ul#navigation {
	
	margin: 0 0 40px 0;
	font-size: 80%;
	padding: 0;
}

ul#navigation li{
	
	display: inline;
	font-weight: bold;
	
}

ul#navigation a:link {
	text-decoration: none;
	font-weight: bold;
	padding: 0 1em 0 0;
}

ul#navigation a:hover {
	text-decoration: underline;
	font-weight: bold;
	padding: 0 1em 0 0;
}

ul#navigation a:visited {
	text-decoration: none;
	font-weight: bold;
	padding: 0 1em 0 0;
	
}


/* main content  */

#main {
	padding: 5px;
	margin-left: 170px;
	margin-right: 20px;
}

#main p {
	margin-right: 20px;
	font-weight: normal;
}

/* left navigation section */


ul#nav-left {
	float: left;
	width: 20%;
	color: gray;
	border: 0;
	padding: 100px 2px 10px 6px;
	margin: 0 0 0 3px;
	font-size: 80%;
	background-color: white;
}

ul#nav-left li {
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 3px 2px;
	padding: 0;
	font-size: 100%;
}

/* footer */

ul#footer, ul#homefooter  {
	margin: 40px 0 8px 8px;
	padding: 0 0 3px 0;
	border: 0;
	font-size: 70%;
	font-style: normal;
	clear: both; 	
}

ul#homefooter img{ 
	border: 0;
 	
}

ul#footer li {
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0 10px 0 0;
	display: inline;
}

ul#homefooter li {
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0 10px 0 0;
	display: block;
}

/* bit below the content section with w3c info */

p#checks {
	text-align: left;
	margin-top: 1em;
	vertical-align: bottom;
	width: 800px;
	border-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 30px;
	font-size: 80%;
}

/* Modifications for printers */

@media print {
	
	ul#navigation, ul#nav-left, #banner, p#checks {display: none;}
	div#main {margin-left: 20px;}
	body, #container {background-color: white;}

}