/*
Company:	RHBC
File:		main.css - This contains all the main styles for the website.

All the styles are separated into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: url(../images/home-bkg-repeat.gif) repeat-x 0 0 #0e6c49;
}
body {
	
}
table {
	border: none;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	width: 919px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

/* Body */
div#bd {
	width: 919px;
	margin-left: auto;
	margin-right: auto;
}

/* Footer */
div#ft {
	width: 919px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding: 10px 0;
}
div#ft p {
	text-align: right;
	
}
div#ft a {
	background: url(../images/top-arrow-ongreen.gif) no-repeat 100% 50%;
	padding: 7px 24px 7px 0;
	color: #fff;
}
/*
body.inside div#ft a {
	background: url(../images/top-arrow-onwhite.gif) no-repeat 100% 50%;
	padding: 7px 24px 7px 0;
}
*/
div#ft a:link, div#ft a:visited {
	color: #043422;
}
div#ft a:hover {
	color: #fff;
}
/* @end */

/* @group Modules */
/* Content Top */
div#content-top {
	width: 1034px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.png) no-repeat 0 0;
	overflow: hidden;
}

/* Content Bkg */
div#content-bkg {
	width: 1034px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-bkg.png) repeat-y 0 0;
	overflow: hidden;
}

/* Content Bottom */
div#content-btm {
	width: 1034px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-btm.png) no-repeat 0 0;
	overflow: hidden;
}

/* Head Wrap */
body.home div#hd-wrap {
	background: url(../images/home-hd-bkg.gif) no-repeat 0 0;
	padding: 10px;
	height: 213px;
	width: 899px;
	overflow: hidden;
}
body.home div#hd-wrap div#feature-pic {
	margin: 5px 5px 0 0;
}
body.inside div#hd-wrap {
	background: url(../images/inside-hd-bkg.gif) no-repeat 0 0;
	padding: 10px;
	height: 131px;
	width: 899px;
	overflow: hidden;
}
body.inside div#hd-wrap div#feature-pic {
	margin: 10px 15px 0 0;
}

/* Logo */
body.home div#logo {
	width: 218px;
	height: 150px;
	background: url(../images/rhbc-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 30px 0 0 14px;
	float: left;
	display: inline;
}
body.home div#logo a {
	display: block;
	height: 100%;
}
body.inside div#logo {
	width: 159px;
	height: 110px;
	background: url(../images/rhbc-logo-small.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 10px 0 0 24px;
	float: left;
	display: inline;
}
body.inside div#logo a {
	display: block;
	height: 100%;
}

/* Home Feature Pic */
body.home div#feature-pic {
	width: 642px;
	float: right;
	display: inline;
}
body.inside div#feature-pic {
	width: 642px;
	float: right;
	display: inline;
}

/* Home Callouts */
div.home-callouts div.content {
	padding: 5px 15px;
	color: #0e6c49;
	font-family: Times, serif;
	font-size: 93%;
	height: 260px;
	overflow: hidden;
}
div.home-callouts div.content p {
	margin-bottom: .75em;
}
div.home-callouts div.content ul {
	margin-left: 5px;
	margin-top: 0;
}
div.home-callouts div.content ul li {
	font-weight: bold;
	list-style: none;
	background: url(../images/blue-bullet.gif) no-repeat 0 4px;
	padding-left: 11px;
	padding-bottom: 1px;
}
div.home-callouts a.more {
	display: block;
	background: url(../images/more-bkg.gif) no-repeat 0 0;
	height: 25px;
	line-height: 20px;
	text-align: right;
	padding-right: 20px;
	font-family: Times, serif;
	font-size: 108%;
}
div.home-callouts a.more:link, div.home-callouts a.more:visited {
	color: #fff;
	text-decoration: none;
}
div.home-callouts div#hc-chamber {
	width: 282px;
	background: url(../images/home-callout-bkg.gif) repeat-y 0 0;
	margin: 0 37px 20px 0;
	float: left;
	display: inline;
}
div.home-callouts div#hc-chamber h2 {
	background: url(../images/hd-chamber.gif) no-repeat 0 0;
	margin: 0;
	height: 35px;
	text-indent: -9000px;
}
div.home-callouts div#hc-chamber img, div.home-callouts div#hc-business img, div.home-callouts div#hc-lifestyle img, div.home-callouts div#hc-news img, div.home-callouts div#hc-events img, div.home-callouts div#hc-show-me img {
	margin-left: 6px;
}

div.home-callouts div#hc-business {
	width: 282px;
	background: url(../images/home-callout-bkg.gif) repeat-y 0 0;
	margin: 0 36px 20px 0;
	float: left;
	display: inline;
}
div.home-callouts div#hc-business h2 {
	background: url(../images/hd-business.gif) no-repeat 0 0;
	margin: 0;
	height: 35px;
	text-indent: -9000px;
}

div.home-callouts div#hc-lifestyle {
	width: 282px;
	background: url(../images/home-callout-bkg.gif) repeat-y 0 0;
	margin: 0 0 20px 0;
	float: left;
	display: inline;
}
div.home-callouts div#hc-lifestyle h2 {
	background: url(../images/hd-lifestyle.gif) no-repeat 0 0;
	margin: 0;
	height: 35px;
	text-indent: -9000px;
}

div.home-callouts div#hc-news {
	width: 282px;
	background: url(../images/home-callout-bkg.gif) repeat-y 0 0;
	margin: 0 37px 20px 0;
	float: left;
	display: inline;
}
div.home-callouts div#hc-news h2 {
	background: url(../images/hd-news.gif) no-repeat 0 0;
	margin: 0;
	height: 35px;
	text-indent: -9000px;
}

div.home-callouts div#hc-events {
	width: 282px;
	background: url(../images/home-callout-bkg.gif) repeat-y 0 0;
	margin: 0 36px 20px 0;
	float: left;
	display: inline;
}
div.home-callouts div#hc-events h2 {
	background: url(../images/hd-events.gif) no-repeat 0 0;
	margin: 0;
	height: 35px;
	text-indent: -9000px;
}

div.home-callouts div#hc-show-me {
	width: 282px;
	background: url(../images/home-callout-bkg.gif) repeat-y 0 0;
	margin: 0 0 20px 0;
	float: left;
	display: inline;
}
div.home-callouts div#hc-show-me h2 {
	background: url(../images/hd-show-me.gif) no-repeat 0 0;
	margin: 0;
	height: 35px;
	text-indent: -9000px;
}

/* Seafood Logo */
div.seafood-logo {
	width: 142px;
	height: 162px;
	background: url(../images/seafood-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	float: left;
	display: inline;
}
div.side div.seafood-logo {
	float: none;
	display: block;
	margin-left: 15px;
}
div.seafood-logo a {
	display: block;
	height: 100%;
}

/* Footer Ad */
div.ft-ad {
	margin: 50px 0 0 10px;
	
	display: inline;
}
body.inside div.ft-ad {
	clear: both;
	float: none;
	display: block;
	text-align: right;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
}

/* Bottom Nav */
div#btm-nav {
	width: 700px;
	font-size: 80%;
	padding-top: 20px;
	float: left;
	display: inline;
}
body.inside div#btm-nav {
	color: #7f7f7f;
}
div#btm-nav p {
	margin: 0 0 2px 0;
}
div#btm-nav p.nav-links {
	font-weight: bold;
}
div#btm-nav a:link, div#btm-nav a:visited {
	color: #000;
}
body.inside div#btm-nav a:link, body.inside div#btm-nav a:visited {
	color: #7f7f7f;
}

/* WebLink Logo */
div.weblink-logo {
	width: 197px;
	height: 47px;
	background: url(../images/weblink-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 10px 0 0 0;
	float: right;
	display: inline;
}
div.weblink-logo a {
	display: block;
	height: 100%;
}

/* Business Bryan Logo */
div#biz-bryan {
	width: 156px;
	height: 62px;
	background: url(../images/bizbryan-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 0 0 20px 10px;
}
div#biz-bryan a {
	display: block;
	height: 100%;
}

/* Breadcrumb */
p.bc {
	font-size: 85%;
	padding-left: 10px;
	color: #0e6c49;
	margin: 0;
	height: 30px;
}

/* Side */
div.side {
	width: 200px;
	margin-left: 5px;
	padding-top: 36px;
	float: left;
	display: inline;
}

/* Sidenav */
div#sidenav {
	margin: 0 0 15px 0;
}
div#sidenav ul {
	margin: 0;
	padding: 0;
}
div#sidenav ul li {
	list-style: none;
	border-bottom: 1px solid #fff;
}
div#sidenav ul li a {
	display: block;
	background: url(../images/nav1.gif) no-repeat 0 0;
	text-indent: -9000px;
}
div#sidenav ul li#n-chamber a {
	background-position: 0 0;
	width: 200px;
	height: 24px;
}
div#sidenav ul li#n-chamber a:hover, div#sidenav ul li#n-chamber a.active {
	background-position: -201px 0;
}

div#sidenav ul li#n-business a {
	background-position: 0 -25px;
	width: 200px;
	height: 24px;
}
div#sidenav ul li#n-business a:hover, div#sidenav ul li#n-business a.active {
	background-position: -201px -25px;
}

div#sidenav ul li#n-lifestyle a {
	background-position: 0 -50px;
	width: 200px;
	height: 25px;
}
div#sidenav ul li#n-lifestyle a:hover, div#sidenav ul li#n-lifestyle a.active {
	background-position: -201px -50px;
}

div#sidenav ul li#n-news a {
	background-position: 0 -76px;
	width: 200px;
	height: 24px;
}
div#sidenav ul li#n-news a:hover, div#sidenav ul li#n-news a.active {
	background-position: -201px -76px;
}

div#sidenav ul li#n-events a {
	background-position: 0 -101px;
	width: 200px;
	height: 24px;
}
div#sidenav ul li#n-events a:hover, div#sidenav ul li#n-events a.active {
	background-position: -201px -101px;
}
div#sidenav ul li#n-videos a {
	background-position: 0 -126px;
	width: 200px;
	height: 23px;
}
div#sidenav ul li#n-videos a:hover, div#sidenav ul li#n-videos a.active {
	background-position: -201px -126px;
}
div#sidenav ul li#n-bottom a {
	background-position: 0 -151px;
	width: 200px;
	height: 27px;
}
div#sidenav ul li ul {
	background-color: #e6f0ec;
	padding: 10px 10px 30px 10px;
	width: 180px;
}
div#sidenav ul li ul li {
	border: none;
}
div#sidenav ul li ul li a {
	background: none;
	height: auto!important;
	width: 160px!important;
	text-indent: 0;
	padding: 0 0 3px 11px;
	font-family: Times, serif;
	font-size: 93%;
}

/* Main */
div.main {
	width: 667px;
	float: right;
	display: inline;
}
div.main div.main-top {
	width: 667px;
	height: 20px;
	background: url(../images/main-top.gif) no-repeat 0 0;
	overflow: hidden;
}
div.main div.main-content {
	width: 607px;
	background: url(../images/main-bkg.gif) repeat-y 0 0;
	overflow: hidden;
	padding: 20px 30px;
}
div.main div.main-btm {
	width: 667px;
	height: 21px;
	background: url(../images/main-btm.gif) no-repeat 0 0;
	overflow: hidden;
}
/* @end */

/* @group Nav */
div#util-nav ul {
	margin: 0;
	padding: 10px 0;
	float: right;
	display: inline;
}
div#util-nav ul li {
	list-style: none;
	float: left;
	display: inline;
}
div#util-nav ul li a {
	padding: 0 8px;
	font-size: 93%;
}
div#util-nav ul li a:link, div#util-nav ul li a:visited {
	color: #0e6c48;
	text-decoration: none;
}
div#util-nav ul li a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Default Headings */
div.main h1 {
	margin: 0 0 20px 0;
	font-size: 138.5%;
	color: #0e6c49;
	font-family: Times, serif;
}
div.main h2 {
	margin: 0 0 20px 0;
	font-size: 110%;
	color: #0e6c49;
	font-family: Times, serif;
}
/* @end */

/* @group Common Text Styles */
div.main p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	line-height: 150%;
	padding-right: 5px;
}
/* @end */

/* @group Default Lists */
div.main li {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 93%;
	line-height: 150%;
}
div.main table {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	line-height: 150%;
	border-width:thin;	
}
div.main table th {
	color: #0e6c49;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #0e6c49;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */