/* CSS Document */

body, td, th, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 18px; color: #666;
}

body { padding: 0; margin: 0; background-color: #EEE; background-image: url(../images/background.jpg); background-repeat: repeat-x; }

p { padding: 0; margin: 0 0 5px 0; }

h1 { margin: 30px 0 5px 0; padding: 0; font-size: 16px; color: #666; font-weight: bold; }

h2 { margin: 10px 0 5px 0; padding: 0; font-size: 14px; color: #309; clear: right; font-weight: bold; }

h3 { margin: 10px 10px 5px 0; padding: 0 0 0 0; font-size: 12px; color: #666; clear: right; font-weight: bold; border-bottom: 1px solid #b9e; }

ul, ol { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 5px; }

li { padding: 0; margin: 0; }

a { text-decoration: none; color: #309; }
a:hover { text-decoration: underline; color: #666; }

div#wrapper { position: relative; padding: 0; margin: 30px auto 0 auto; width: 900px; background-color: white; border: 1px solid #b9e; }

div#topnav {
	padding: 20px 30px; margin: 0;
	width: 840px; height: 19px;
	background-image: url(../images/navbar.jpg); background-repeat: repeat-x; background-color: white;
	line-height: 19px;
	font-size: 14px;
	border-bottom: 1px solid #b9e;
}

#topnav a { margin-right: 40px; color: #306; text-decoration: none; font-weight: bold; }
#topnav a:hover { color: #666; }

.purple {color: #309;}
.quote { font-style: italic; }
.tiny { font-size: 9px; }
.todo {color: #b00; }

div#header {
	position: relative;
	padding: 0; margin: 0;
	width: 900px; height: 109px;
	background-color: white;
	background-image: url(../images/peak-standard-header.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #b9e;
}

div#phone { 
	position: absolute; 
	top: 0px; left: 650px;
	width: 190px;
	height: 19px;
	font-weight: bold; font-size: 16px; line-height: 19px; color: #666;
	padding: 20px 30px;
	text-align: right;
}

div#leftnav {
	padding: 0;
	padding-top: 40px;
	margin: 0;
	position: absolute;
	top: 170px; left: 0;
	background-color: white;
	width: 280px;
}

ul#subnav { list-style: none; padding: 0; margin: 0; border-top: 1px solid #b9e; }

#subnav li { 
	float: left; 
	padding: 0; margin: 0; 
	width: 280px; 
	border-bottom: 1px solid #b9e;
	font-weight: bold;
 }

#subnav a {
	padding: 5px 10px; margin: 0;
	display: block;
	background-image:url(../images/small-gray-gradient.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
}

#subnav a:hover { 
	background-image: url(../images/top-gradient.jpg);
	background-repeat: repeat-x;
}

#subnav a.current { 
	background-image: url(../images/top-gradient.jpg);
	background-repeat: repeat-x;
}

div#content {
	position: relative;
	width: 599px;
	left: 280px;
	padding: 10px;
	margin: 0;
	border-left: 1px solid #b9e;
}

div.gradtop {
	background-image:url(../images/top-gradient.jpg);
	background-repeat: repeat-x;
}

div#footerbar {	
	position: relative;
	width: 900px;
	text-align: center;
	padding: 5px 0;
	font-size: 10px;
	color: #309;
	border-top: 1px solid #b9e;
	background: #f8f8f8;
	background-image: url(../images/footer-gradient.jpg);
	background-repeat: repeat-x;
}

div#textnav { position: relative; padding: 0; margin: 10px auto 0 auto; width: 900px; }

#textnav p { font-size: 10px; padding: 0 0 5px 0; text-align: center; }

img.floatright { float: right; padding: 10px; margin: 0 0 0 10px; border: 1px solid #b9e; }

div.clearer { clear: both; height: 1px; line-height: 1px; font-size: 1px; }