/** Kellen Interactive Base CSS Document **/

* { margin:0; padding:0; border:0; } /* forces all spacing to be set manually */

html { font-size: 62.5%; font-family: Verdana, Helvetica, Arial, Sans;
	   background: url("../images/page_bg.gif") top left repeat-x #f5f5f5;} /* Allow for easy use of em sizing */

h1{
	font-size: 1.6em; 
	font-weight: bold;
	color: #9c5c1a; 
	margin: 0.5em 0 1em 0; 
}

h2{
	font-size: 1.4em;
	font-weight: bold;
	color: #9c5c1a; 
	margin: 1em 0 0.5em 0; 
}

h3{
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	color: #666666; 
}

p{
	font-size: 1.1em; 
	line-height: 1.5em;
	margin: 0.8em 0;
}

blockquote{ margin: 0.5em 0 0.5em 3em; font-weight: bold; }

a{ color: #9c5c1a; }

a:hover{ text-decoration: none; }

a:visited{}

a:active{}

/** structure **/

#wrapper{ width: 668px; border: 1px solid #666666; margin: 20px auto; background: #ffffff;}
#header{ height: 77px; background: url("../images/header_bg.gif") no-repeat; }
#subheader{ height: 169px; background: url("../images/sub_header_bg.jpg") no-repeat; border-top: 1px solid #666666;}
#content{ padding-top: 10px; }
#sidebar{ float: left; width: 112px; padding-left: 20px; }
#main{ margin-left: 153px; padding-right: 20px; }
/* stupid ie6 fix */
* html #main{ height: 1em; }
#footer{ padding-right: 20px; clear: left; margin: 50px 50px 10px 153px;}
	#footer p{
		font-size: 1.0em;
		color: #666666;
		line-height: 1.0em;
	}
	
	#footer ul{ list-style: none; height: 4em;}
	#footer ul li{ float: left; line-height: 1.2em; height: 1.2em;}
	#footer ul li.dot{ height: 8px; width: 6px; padding: 0 0.4em; background: url("../images/footer_dot.gif") center center no-repeat; }
#fakeclear{ height: 20px; }

/** navigation **/

ul#nav { 
	list-style: none;
	height: 20px; 
	border-top: 1px solid #666666; 
	border-bottom: 1px solid #666666; 
	background: url("../images/menu_bg.gif") repeat-x; 
}

ul#nav li{
	float: left; 
	height: 20px; 
	line-height: 20px; 
	font-size: 1.0em; 
	text-transform: uppercase;
	padding: 0 1.1em;
}

ul#nav li.right{
	float: right;
	padding: 0 1.4em 0 1.3em;
}

ul#nav li:hover, ul#nav li.sfhover{
	background: #ffffff;
}

ul#nav li a{
	color: #663300;
	text-decoration: none;
}

ul#nav li a:hover{
	text-decoration: none;
}

/** home page form **/

fieldset{
	margin: 0.5em 0;
}

label{
	font-size: 1.1em;
	color: #716b60;
}

input{
	width: 100px;
	border-top: 1px solid #6f7062;
	border-left: 1px solid #6f7062;
	border-right: 1px solid #e1efe2;
	border-bottom: 1px solid #e1efe2;
	background: #eee8e0;
	margin-bottom: 0.5em;
	padding: 0.1em;
	font-size: 10px;
}

/** list styles **/

#main ul{ margin-left: 3em; }
#main ul li{ 
	line-height: 1.5em; 
	margin: 0.5em 0; 
	font-size: 1.1em;
}

/** utility styles **/

.gray{ color: #999999; }