/* universal wild card -- zeros out the default margins and padding for all browsers*/
*{
	margin: 0;
	padding: 0;
}
body{
	color: #000000;
	background: #3c697c;
	font: 1em Verdana,Geneva,Arial,Helvetica,sans-serif;
}
/* navigation area controlled by the id="banner". A fixed-width background image is used and the main navigation links are placed on top of the background  */
#banner{
	width: 720px;
	background: url(images/banner_bckg.jpg) no-repeat;
	height: 110px;
}
/* display is set to block in order to increase the "target" area. Line-height controls the vertical size of the "target". Padding provides the horizontal spacing between the buttons */
#banner a{
	border-left: 2px solid #000000;
	padding-left: 1.5em;
	padding-right: 1.5em;
	display: block;
	color: #000000;
	background: transparent;
	text-decoration: none;
	line-height: 1.6em;
}
/* changes the background color to orange when the cursor hovers over a button */
#banner a:hover,a:visited{
	color: #ffffff;
	background: #d2691e;
	text-decoration: none;
}
/* the float:right declaration causes the buttons to position horizontally to far right of page -- note that the id #banner ul is also floated right. the margin-top positions the button group vertically on the background */
#banner li{
	float: right;
	margin-top: 90px;
}
/* removes the default bullet on the list items */
#banner ul{
	float: right;
	list-style: none;
	font-size: .8em;
	font-weight: bold;
}
/*  contains everything below the banner and above the footer. This is fixed-width. */
#content{
	width: 720px;
	padding-top: 20px;
}
#content h1{
	padding: 0 .7em;
	font-size: 1em;
}
#content h2{
	padding: 0 1em;
	font-size: .8em;
}
#content img{
	float: right;
	clear: both;
	margin-top: -20px;
	padding-left: 20px;
}
#content p{
	padding: .8em 2em;
	font-size: .7em;
	line-height: 1.3em;
}
#content ul {
	list-style: disc;
	margin: 0 0 0 35px;
}
#content li {
	font-size: .7em;
	padding: 5px 0;
}
#content a:link {
	text-decoration: none;
}
#content a:visited {
	color: #808080;
	text-decoration: none;
	background: transparent;
}
#content a:hover {
	text-decoration: underline;
}
#footer{
	width: 720px;
	clear: both;
	border-top: 2px solid #6a849d;
	background: #d2691e;
	color: #c7d7e4;
	font-size: .7em;
	text-align: center;
	line-height: 1.5em;
	height: 20px;
}
/* set of declarations that monitors the body id. Will set the button to "hover" state if there is a match to the body id. Note that there is no comma after the last declaration set. The page does not validate because the cursor property is not recognised in Safari 1.0 */
#home #banner .home a,
#methodology #banner .methodology a,
#aboutus #banner .aboutus a,
#contactus #banner .contactus a {
	line-height: 1.6em;
	color: #ffffff;
	background: #d2691e;
	text-decoration: none;
	cursor: default;
}
#content span{
	color: #8b0000;
}
/* controls the listing of companies in the right-side sidebar. Background graphic is the rounded edge bottom border */
#sidebar{
	width: 210px;
	float: right;
	clear: both;
	margin-right: 11px;
	margin-top: -35px;
	margin-left: 20px;
	margin-bottom: 30px;
	display: inline; /*  fix for double-margin float bug in win-IE6 */
	background: url(images/sidebar_bottom.gif) #b59a65 no-repeat bottom;
}
#sidebar h1{
	padding: 0 10px 3px 10px;
	color: #ffffff;
	background: transparent;
	font-size: .8em;
	font-weight: bold;
}
#sidebar li{
	padding: 2px 0 2px 0;
	margin: 0 0 0 -20px;
	color: #ffffff;
	background: transparent;
	font-size: .7em;
}
#sidebar ul{
	list-style: none;
}
/* contains the banner, content and footer id. Also controls the centering of the page in the browser window. */
#wrapper{
	width: 720px;
	margin-left: -360px;
	background: #ffffff;
	color: #000000;
	position: relative;
	left: 50%;
}
#form div {
	font-size: .75em;
	padding: 9px;
	margin-left: 20px;
}