/* CSS Document */

/*		Broad Oak Stylesheet
		Author: Jonathan Horne
		Date: January 14th, 2008,  */

body {
	background: #FFFFFF;
	font: 12px Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;
	}

#header {
	background: #FFFFFF;
	position: relative;
	width: 800px;
	height: 140px;
	}
	
#headerbar {
	background: #a69990 url('images/menu.jpg') top center repeat;
	position: relative;
	width: 100%;
	height: 24px;
	vertical-align: middle;
	line-height: 24px;
	margin-bottom: 20px;
	color: #FFF;
	}
	
#headerbar a:link {
	text-decoration: none;
	color: #FFF;
}
#headerbar a:visited {
	text-decoration: none;
	color: #FFF;
}
#headerbar a:hover {
	text-decoration: none;
	color: #CCC;
}
#headerbar a:active {
	text-decoration: none;
	color: #FFF;
	}

#headermenu {
	position: relative;
	padding-left: 40px;
	width: 760px;
	}

/* new menu */

#info {
position:relative;
}

p.bold {
color:#CC0000;
padding-left:15px;
}

a.linkup {
position:relative;
}

a.buttonup {
border:0px none;
left:650px;
position:absolute;
top:200px;
}

a.buttonup img {
border:0px none;
}

.gleft {
float:left;
margin:24px 0px 10px;
}

.gright {
float:right;
margin:24px 5px 10px 0pt;
}

.grc {
margin:20px 0pt 0pt 10px;
}

.menu {
font-size:0.85em;
height:24px;
z-index:100;
}

* html .menu {
position: relative;
width:760px;
}

.menu ul {
list-style-type:none;
margin:0pt;
padding:0pt;
}

.menu ul ul {
width:170px;
}

.menu li {
float:left;
position:relative;
width:170px;
}

.menu a, .menu a:visited {
display:block;
background: transparent url(images/bullet.gif) no-repeat left;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
font: 12px Geneva, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
height:24px;
line-height:23px;
text-decoration:none;
}

* html .menu a, * html .menu a:visited {
width:170px;
}

.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#D4D8BD no-repeat scroll right bottom;
}

.menu ul ul a.drop:hover {
background:#C9BA65 no-repeat scroll right bottom;
}

.menu ul ul *:hover > a.drop {
background:#C9BA65 no-repeat scroll right bottom;
}

.menu ul ul ul a, .menu ul ul ul a:visited {
background:#E2DFA8 none repeat scroll 0%;
}

.menu ul ul ul a:hover {
background:#B2AB9B none repeat scroll 0%;
}

.menu ul ul {
height:0pt;
left:0pt;
position:absolute;
top:24px;
visibility:hidden;
width:170px;
padding-right:20px;
}

* html .menu ul ul {
top:24px;
}

.menu ul ul ul {
left:170px;
top:-1px;
width:170px;
}

.menu ul ul ul.left {
left:-170px;
}

.menu table {
border-collapse:collapse;
left:0pt;
position:absolute;
top:0pt;
}

.menu ul ul a, .menu ul ul a:visited {
background:#D4D8BD none repeat scroll 0%;
color:#000000;
height:auto;
line-height:20px;
padding:5px 10px;
width:128px;
}

* html .menu ul ul a, * html .menu ul ul a:visited {
width:128px;
}

.menu a:hover, .menu ul ul a:hover {
background:#949E7C none repeat scroll 0%;
color:#FFFFFF;
}

.menu *:hover > a, .menu ul ul *:hover > a {
background:#949E7C none repeat scroll 0%;
color:#FFFFFF;
}

.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}

.menu ul *:hover ul ul {
visibility:hidden;
}

.menu ul *:hover ul *:hover ul {
visibility:visible;
}

/* new menu */

#item1 {
	padding-left: 20px;
	list-style: none;
	line-height: 24px;
	}

.clear{
	clear:both;
	height:10px;
	}
	
#contentbox {
	position: inherit;
	width: 800px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#gallerybox {
	position: inherit;
	width: 796px;
	margin-bottom: 30px;
	border-right: 4px #ddd dotted;
	}

#contentleft {
	position: inherit;
	float: left;
	width: 330px;
	margin: 0px 0px 0px 0px;
	padding: 0px 35px 10px 35px;
	height: auto;
	text-align: left;
	text-align: center;
	border-bottom: 4px #ddd dotted;
	}
	
#imageleft {
	position: inherit;
	float: left;
	width: 202px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	}
	
#imageleft2 {
	float: left;
	width: 309px;
	padding-left: 10px;
	margin: 0px 0px 0px 0px;
	}

#imageright {
	float: right;
	width: 100px;
	padding-left: 3px;
	padding-right: 13px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	} 
	
#gallery {
	display: block;
	float: left;
	margin: 10px 20px 20px 0px;
	border: 2px #ccc solid;
	text-decoration: none;
	}
	
#contentright {
	float: right;
	width: 386px;
	height: auto;
	text-align: left;
	padding-right: 10px;
	border-right: 4px #ddd dotted;
	}
	
#contentright a:link {
	text-decoration: underline;
	color: #663300;
}
#contentright a:visited {
	text-decoration: underline;
	color: #663300;
}
#contentright a:hover {
	text-decoration: none;
	color: #333333;
}
#contentright a:active {
	text-decoration: underline;
	color: #663300;
	}
	
#bottombar {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: #a69990 url('images/bar.jpg') top center repeat-y;
	height: 24px;
	vertical-align: middle;
	line-height: 24px;
	margin-top: 20px;
	color: #FFFFFF;
	}
	
#bottomtext {
	width: 800px;
	height: 24px;
	vertical-align: middle;
	text-align: center;
	line-height: 24px;
	margin; 0px 0px 0px 0px;
	}
	
#end {
	clear:both;
	width: 800px;
	}
	
#imagecontent {
	width: 730px;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 10px;
	}
	
#imagecontent2 {
	clear: both;
	width: 730px;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 10px;
	}
	
p	{
	font: 12px Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	}
	
h1	{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 12px 0px;
	}


h3	{
	margin: 5px 0px 0px 0px;
	border: 1px #ccc solid;
	}
	
#image1 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 200px;
	height: 250px;
	background: url("images/1.jpg") no-repeat;
	text-decoration: none;
	}
#image1 a:hover {	
	background-position: bottom left;
	}

#image2 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 200px;
	height: 150px;
	background: url("images/4.jpg") no-repeat;
	text-decoration: none;
	}
#image2 a:hover {	
	background-position: bottom left;
	}
	
#image3 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 100px;
	height: 200px;
	background: url("images/3.jpg") no-repeat;
	text-decoration: none;
	}
#image3 a:hover {	
	background-position: bottom left;
	}
	
#image4 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 100px;
	height: 200px;
	background: url("images/2.jpg") no-repeat;
	text-decoration: none;
	}
#image4 a:hover {	
	background-position: bottom left;
	}
	
/* Additional Set of images */

#aboutimage1 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 200px;
	height: 250px;
	background: url("images/about1.jpg") no-repeat;
	text-decoration: none;
	}
#aboutimage1 a:hover {	
	background-position: bottom left;
	}

#aboutimage2 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 200px;
	height: 150px;
	background: url("images/about4.jpg") no-repeat;
	text-decoration: none;
	}
#aboutimage2 a:hover {	
	background-position: bottom left;
	}
	
#aboutimage3 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 100px;
	height: 200px;
	background: url("images/about3.jpg") no-repeat;
	text-decoration: none;
	}
#aboutimage3 a:hover {	
	background-position: bottom left;
	}
	
#aboutimage4 a {
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px #ccc solid;
	width: 100px;
	height: 200px;
	background: url("images/about2.jpg") no-repeat;
	text-decoration: none;
	}
#aboutimage4 a:hover {	
	background-position: bottom left;
	}
	
.style1 {color: #663300}
.style2 {font-weight: bold}
.style3 {color: #FF0000}
.style4	{margin: 35px 0px 0px 0px;	font-weight: normal;}