/* CSS Document */

body {
	margin: 0px;
	
}

#main {
	width:100%;
	height: 100%;
	text-align:left;
	font: bold 14px "Georgia Bold", Georgia;
}


#gutter {
  width:15px;
  height: 100% ; 
  position: absolute;
  left; 0;
  top: o;
  background: #999966 url(img/gutter-bg.jpg);

}


#page {
	width:745px;
	background-color: #cc9;
	text-align:left;
}


#masthead {
	width:745px;
	height:125px;
	position: absolute;
	left: 15px;
	top: 0px;
	background: #773907 url(img/hbanz-masthead.jpg);
	text-align:left;
}

#nav {
	width:745px;
	height:21px;
	position: absolute;
	top:126px;
	left: 15px;
	text-align:left;
	color: #61340c;
	font: bold 14px "Georgia Bold", Georgia;
	background: #fff;


}

#nav a {
	text-align: center;
	display: block;
	float: left;
	font: bold 14px "Georgia Bold", Georgia;
	color: #61340c;
	text-decoration: none;
	margin: 0px;
	padding: 4px 10px 0px 10px;
}

#nav a:hover {
	text-decoration: underline;
}


#subnav {
	width:745px;
	height:21px;
	position: absolute;
	top: 148px;
	left: 15px;
	text-align:left;
	color: #fff;
	font: bold 14px "Georgia Bold", Georgia;
	background: #773907 url(img/subnav-bg.jpg);
}

#subnav a {
	text-align: center;
	display: block;
	float: left;
	font: bold 12px "Georgia Bold", Georgia;
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 2px 10px 0px 10px;
}

#subnav a:hover {
	text-decoration: underline;
}

#homepageContent {
	position: absolute;
	top: 171px;
	left: 15px;
	width:420px;
	text-align: left;
	font: bold 12px "Georgia Bold", Georgia;
	color: #773907;
	padding: 15px 0px 20px 25px
}


#popContent {
	width:640px;
	text-align: center;
	font: bold 12px "Georgia Bold", Georgia;
	color: #773907;
}

#popContentNarrow {
	width:440px;
	text-align: center;
	font: bold 12px "Georgia Bold", Georgia;
	color: #773907;
}

#homepageContent h1, #popContent h1, #popContentNarrow h1 {
	font: bold 21px "Georgia Bold", Georgia;
	color: #3b1f07;
}

#homepageContent h2 {
	font: bold 18px "Georgia Bold", Georgia;
	color: #61340c;
	border-bottom: 1px solid #773907;
	padding: 2px;

}

#homepageContent h3 {
	font: bold 16px "Georgia Bold", Georgia;
	color: #61340c;
}

#popContent h3,  #popContentNarrow h3 {
	font: bold 12px "Georgia Bold", Georgia;
	color: #61340c;
}

#homepageContent a, #popContent a, #popContentNarrow a{
	font: bold 11px "Georgia Bold", Georgia;
	color: #000;
	text-decoration: none;
}

#homepageContent a:hover, #popContent a:hover, #popContentNarrow a:hover{
	text-decoration: underline;
}

#lhnav {
	width:100px;
	position: absolute;
	left: 15px;
	top: 165px;
	text-align: left;
	font: bold 12px "Georgia Bold", Georgia;
	color: #773907;
	padding: 15px 10px 0 10px;
}

#lhnav h1 {
	font: bold 14px "Georgia Bold", Georgia;
	color: #3b1f07;
	border-bottom: solid 1px #61340c;
}

#lhnav h2 {
	font: bold 11px "Georgia Bold", Georgia;
	color: #fff;
	text-decration: none;
	background-color: #996;
	padding: 2px 0 2px 2px;
}

#lhnav a {
	font: bold 11px "Georgia Bold", Georgia;
	display: block;
	color: #AF2514;
	text-decoration: none;
}

#lhnav a:hover {
	text-decoration: underline;
}

#sectionContent {
	width: 290px;
	position: absolute;
	top: 165px;
	left: 130px;
	text-align: left;
	font: bold 11px "Georgia Bold", Georgia;
	color: #773907;
	padding: 20px 10px 20px 10px;
}

#sectionContentWide {
	width:600px;
	position: absolute;
	top: 165px;
	left: 15px;
	text-align: left;
	font: bold 11px "Georgia Bold", Georgia;
	color: #773907;
	padding: 20px 10px 20px 25px
}


#sectionContentMedium {
	width:390px;
	position: absolute;
	top: 165px;
	left: 15px;
	text-align: left;
	font: bold 11px "Georgia Bold", Georgia;
	color: #773907;
	padding: 20px 10px 20px 20px
}

#sectionContentMedium ul, #sectionContentWide ul {
	width: 300px;
	padding: 0px 0px 10px 20px;
	border-bottom: 1px solid #773907;
}

#sectionContentMedium li,  #sectionContentWide li {
	padding: 3px 0px 3px 0px;
}



#sectionContent h1, #sectionContentWide h1, #sectionContentMedium h1{
	font: bold 18px "Georgia Bold", Georgia;
	color: #61340c;
}

#sectionContent h2, #sectionContentWide h2, #sectionContentMedium h2{
	font: bold italic 14px "Georgia Bold", Georgia;
	color:  #3b1f07;
}


#sectionContent a, #sectionContentMedium a, #sectionContentWide a {
	font: bold 12px "Georgia Bold", Georgia;
	color: #AF2514;
	text-decoration: none;
}

#sectionContent a:hover, #sectionContentMedium a:hover, #sectionContentWide a:hover {
	text-decoration: underline;
}


#homepageHero {
	position: absolute;
	top: 171px;
	left: 448px;
	width:300px;
	height: 300px;
	background: #cc9 url(img/centaur-roundel.jpg);
	margin: 0;
}

#pictureArea {
	width:300px;
	position: absolute;
	top: 170px;
	left: 447px;
	background-color: #cc9;
	padding: 20px 0 5px 0;
	font: 11px bold "Georgia Bold", Georgia;
	color: #3b1f07;
	text-align: center;
	height: 715px;

	
}


#footer {
	width:745px;
	text-align: center;
	font: 10px "Georgia Bold", Georgia;
	color: #773907;
	padding: 50px 0 0 0;
}

#footer h1 {
	width:685px;
	text-align: center;
	font: bold 11px "Georgia Bold", Georgia;
	color: #773907;
	border-top: 1px solid #773907;
	padding: 10px 0 0 0;
	margin: 30px 10px 0px 10px;
}


#footer a {
	font: bold 10px "Georgia Bold", Georgia;
	color: #3b1f07;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}