/* humdinger styles.*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #f7e9c6;
		background: transparent url("../images/main_bg.gif") repeat;
	/* font sizing in ems to change anything, just change this.*/
	font: 76%/1.25 arial, helvetica, sans-serif;
}

a:link, a:visited, a:active { color: #660066; text-decoration:none; }
a:hover { color: #0033cc; text-decoration:underline; }

.hide {	display: none !important; }

img { border: none; }

form, ul {
padding: 0;
margin: 0;
}

a { outline: none; color: #660066; } /* firefox fix (remove dotted lines) */
.floatleft { float: left; margin: 0 .5em .25em 0; }
.floatright { float: right; margin: 0 0 .25em .5em; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }


h1, h2{
color: #530253;
margin: 0;
padding: 0;
font-weight:normal;


}

h1 {
font-family: Georgia, Times, serif; 

font-size: 1.7em;
margin-top: .5em;
margin-bottom:.5em;
}



h2 {
font-family: Arial, helvetica, san-serif; 

font-size: 1.3em;
margin-top:.1.4em;
margin-top:.5em;
}


/* Layout -------------------------------------------------- */
#container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	background-color: #f9f4e9;
	background: transparent url("../images/bg.gif") repeat-y;
}

#header,
#nav,
#headline,
#boxes,
#wide,
#prefooter,
#footer {
	clear: both;
}



#content {
	width: 500px;
	float: left;
}
#wide {
	width:840px;
	float: none;
			padding-left: 30px;
		padding-right: 30px;
}
#sidebar {
	width: 260px;
	float: right;
}




/* Header -------------------------------------------------- */
#header {
margin: 0;
padding: 0;
height: 105px;
	position: relative;
	background: #ff4444;
	background: transparent url("../images/bg.gif") no-repeat;  

}
#header a {
	color: #8a0917;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#header h1 {
	margin: 0;
}
#logo a {
	display: block;
	width: 200px;
	height: 105px;
	text-indent: -9999px;
	background: transparent url("../images/logo_humdinger.png") no-repeat;
	border: 0;
	position: absolute;
	top: 0px;
	left: 30px;

}
#top-photo {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 0px;
	right: 8px;
	display: inline;

}






/* Navigation -------------------------------------------------- */
#nav {	
padding-left: 8px;
}


#nav ul {
	list-style: none;
	background: #660066;
	background: transparent url("../images/nav_bg.gif") repeat-x;

	border-bottom: 1px solid #c08771;
	border-top: 1px solid #c08771;
	float: left;
	width: 974px; /* fixed width */
	margin: 0;
	padding: 0;
	position: relative;
}

#nav li {
	margin: 0; 
	padding: 0;
	float:left;
	_display:inline;
	border-right: 1px solid #c08771;
	list-style-type:none;
}

#nav li a {
	display: block;
	float: left;
	color: #fff;
  	padding:6px 19px 4px 20px;
	text-align: center;
    font-family:Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 1px;  text-decoration:none;
}


#nav a:hover {
  background:#530253;  
    color:#fed750; 

  }

#nav .current {
background: #480148; 
color: #fed750;
}

#nav .last {
border: none;
}

#nav .first {
padding-left: 10px;
}









.container {clear:both; text-decoration:none; }
* html .container {display:inline-block;}

/* see http://www.cssplay.co.uk/menus/centered.html for how this works */







/* content
---------------------------------------------------------- */
#content {
	width: 980px;
	padding: 15px; 
	margin-bottom:20px;
}

#contentleft {
padding:0px;
		margin:0;
		width:575px;
		float:left;
		padding-left: 30px;	
		margin-top: 20px;
		}

#contentleft p, #contentleft li {
font-size:1.15em;
line-height:1.3em;
color:#000000;
margin: 0;
padding: 0;
padding-bottom: .75em;
}


#contentleft li {
list-style-image: url(../images/bullet.gif);
background-repeat: no-repeat;
    background-position: 0 6px;
    padding-bottom:.5em;
	margin-left: 20px;
}




#contentright {
	padding: 0;
	margin:0;
	background:#f9de93;
	background: url(../images/bg_right.gif);
	width:320px;
	float:right;
	margin-right: 30px;	
	margin-top: 20px;
	

}
.t {background: url(../images/top_round.gif) 0 0 no-repeat}
.b {background: url(../images/bottom_round.gif) 0 100% no-repeat; height: 30px;}


#contentright h1 {
padding: 0;
margin: 0;
font-weight:normal;
font-size: 1.7em;
padding: 10px;
padding-top: 15px;
padding-bottom:0;
}

#contentright h2 {
border-top: 1px dotted #660066;
font-weight:normal;
font-size: 1.4em;
padding-top: 5px;
margin-left:10px;
padding-bottom: 5px;
}


#contentright p {
font-size: 1em;
color:#000000;
margin:15px;
margin-top: 0px;
}

#contentright ul {
	margin-left: 30px;	
	margin-right:10px;
list-style-image: url(../images/bullet.gif);
}

#contentright li {
font-size:1em;
color:#000000;
list-style-image: url(../images/bullet.gif);
background-repeat: no-repeat;
    background-position: 0 6px;
    padding-bottom:.5em;
}


	



/* Pre-Footer -------------------------------------------------- */
#prefooter {
clear: both;
margin:0;
padding:0;
	height: 10px;

}


/* Footer -------------------------------------------------- */



#footer {
	width: 990px;
	height:50px;
	margin: 0 auto;
	text-align: left;
	background-color: #f9f4e9;
	background: transparent url("../images/footer_bg.gif") no-repeat;
	color: #fff;
	font-size: 9px;
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}



#footerleft {
	margin: 0;
	padding: .625em 0;
	width:350px;
	float:left;
	text-align: left;
	 margin-left: 30px;

}

#footerleft a{
	color: #fff;
}

#footerleft a:hover {
    color:#fed750; 
    text-decoration: none;
}






#footerright{
	width:550px;
	float:right;
    text-align: right;
    margin-right: 30px;
	padding: .625em 0;
}