* {margin: 0; padding: 0; outline: none;}
body {
margin: 0 auto;
padding: 0;
font: 75% 'lucida sans', Arial, Helvetica, Sans-Serif;
line-height: 1.7em;
background: #fff url(../images/bg.jpg) repeat-x;
color: #555;
}
			/*WRAP*/
#wrap {
width: 800px;
margin: 0 auto;
padding: 0;
background: #fff;
color: #555;
}
				/*HEADER */
#header {
width: 800px;
height: 200px;
margin: 0 auto;
padding: 0;
overflow: hidden;
color: #000;
text-align: right;
}
#header img.logo {
float: right;
margin: 19px 0 55px 20px;
padding: 0;
border: none;
}
#header h1 {
margin: 110px 0 10px;
padding: 0;
letter-spacing: 3px;
font-size: 320%;
color: #0093dd;
background: transparent;
}
#header h1 span {
	font-weight:normal;
	font-variant:small-caps;
	color: #86c127;
}
#header h2 {
margin: 0;
padding: 0;
font-size: 100%;
letter-spacing: 1px;
color: #fff;
background: transparent;
}
#slogan {
float: left;
width: 200px;
height: 200px;
margin: 0;
padding: 0;
background: #fff url(../images/slogan.jpg);
color: #000;
}
#topnav {
float: right;
height: 40px;
text-align: right;
margin: 0;
padding: 0;
}
#topnav ul {
margin: 0;
padding: 0;
list-style: none;
}
#topnav li {
display: inline;
}
#topnav li a, #topnav li a:visited {
color: #555;
font-size: 120%;
font-weight: bold;
display: block;
float:left;
height: 28px;
padding: 11px 10px 1px 10px;
margin: 0;
text-decoration: none;
}
#topnav li a.current {
	color: #0093dd;
	background: url(../images/pointer.gif) no-repeat center bottom;
}
#topnav a:hover {
color: #fff;
background: url(../images/pointer.gif) no-repeat center bottom;
}
				/*CONTENT */
#content {
width: 800px;
margin: 0 auto;
padding: 0;
}
#content p {
padding: 0;
margin: 0 0 10px 0;
line-height: 2em;
}
#content h1 {
margin: 30px 0 5px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #999;
font: normal 200% Century Gothic, Verdana, Arial, Sans-Serif;
color: #86c127;
}
#content h2 {
padding: 0 0 5px 0;
margin: 20px 0 5px 0;
border-bottom: 1px solid #999;
font: normal 150% Century Gothic, Verdana, Arial, Sans-Serif;
color: #86c127;
}
#content h3 {
	margin: 15px 0 5px 10px;
	padding: 0;
	font: 130% Century Gothic, Verdana, Arial, Sans-Serif;
	color: #666;
}
#content img.center {
	display: block;
	margin: 10px auto;
	border: solid 1px #0093dd;
}
#contentleft {
float: left;
width: 480px;
margin: 0;
padding: 0 0 20px 0;
}
#contentleft ul {
	margin-left: 35px;
	line-height: 1.7em;
	font-style: italic;
	color: #0093dd;
}
#contentleft ul li {
	margin: 0 0 10px 0;
}
#contentleft dl {
	line-height: 2.0em;
	margin: 0;
	padding: 0;
}
#contentleft dl dt {
	margin: 15px 0 10px 0;
	font: 130% Century Gothic, Verdana, Arial, Sans-Serif;
	color: #0093dd;
}
#contentleft dl dd {
	margin: 0 0 0 20px;
	padding: 10px;
	border: solid 1px #0093dd;
	background-color: #e9f4d8;
}
#pano { width: 450px; height: 250px; margin: 15px auto; border: solid 1px #46461f; }
				/*RIGHT SIDEBAR*/
#right_sidebar {
float: right;
width: 250px;
margin: 23px 0 20px 0;
padding: 0 0 90px 30px;
background: url(../images/BBH_logo.gif) center bottom  no-repeat;
border-left: 1px solid #86c127;
border-bottom: 0px solid #ccc;
}
/* unclicked style div.more */
#right_sidebar div.more i {float:right; cursor:pointer; color:#0093dd; font-size:.8em ; font-weight:bold;}
#right_sidebar div.more i.hide {display:none;}
#right_sidebar div.more p {display:none;}
#right_sidebar div.more img {display:none;}

/* clicked style div.click */
#right_sidebar div.click i.show {display:none;}
#right_sidebar div.click i.hide {display:block;}
#right_sidebar div.click p {display:block;}
#right_sidebar div.click img {display:block; float:left; padding-right:10px;}

#right_sidebar ul {
list-style-type:circle;
margin: 5px 0 0 15px;
padding: 0;
font-size: 90%;
line-height: 2em;
}
/*#right_sidebar ul li {
display: inline;
padding: 0;
margin: 0;
}
#right_sidebar ul li a {
display: block;
color: #000;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #C0C0C0;
}
#right_sidebar ul li a:hover {
background: #eee;
color: #7E9135;
}*/
#right_sidebar p {
padding: 0;
margin: 0 0 5px 0;
font-size: 95%;
}
#right_sidebar img.link {
	display: block;
	margin: 10px auto;
	border: none;
}

			/*FOOTER BACKGROUND*/
#footerbg {
background: #555;
border-top: 3px solid #86c127;
}
				/*FOOTER*/
#footer {
width: 800px;
height: 20px;
margin: 0 auto;
padding:20px 0;
text-align: center;
position: relative;
line-height: 1.5em;
background: #555;
color: #fff;
}
#footer p {
padding: 0;
list-style-type: none;
margin: 0;
color: #fff;
}
#footer h2 {
padding: 0 0 20px 0;
margin: 15px 0 0 0;
text-transform: uppercase;
letter-spacing: 3px;
font: bold 120% Arial, Helvetica, Sans-Serif;
border-bottom: 2px solid #666;
color: #a6ba61;
background: inherit;
}
#footer a {
color: #aaa;
text-decoration: underline;
}
#footer a:hover {
color: #fff;
text-decoration: underline;
}
/*#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer ul li {
display: inline;
padding: 0;
margin: 0;
}
#footer ul li a {
display: block;
color: #B5C28A;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #666;
}
#footer ul li a:hover {
background: #444;
color: #fff;
}
#footerleft {
float: left;
width: 250px;
margin: 0 20px 0 0;
padding: 0;
background: #555;
}
#footermiddle {
float: left;
width: 250px;
margin: 0 20px 0 0;
padding: 0;
background: #555;
}
#footerright {
float: right;
width: 250px;
margin: 0;
padding: 0;
background: #555;
}*/
#credits {
padding: 5px;
margin: 0;
background: #555;
color: #fff;
}
			/*LINKS*/
a, a:visited {
	color: #000;
	font-weight: bold;
	background: inherit;
	text-decoration: underline;
}
a:hover {
color: #86c127;
background: inherit;
text-decoration: underline;
}
a img {
border: none;
}
			/*CLASS*/
.left {
float: left;
}
.small {
font-size: 90%;
font-weight: bold;
background: inherit;
color: #809337;
}
			/*TYPOGRAPHY*/
blockquote {
font-weight : bold;
font-style : italic;
color : #0093dd;
}
