* {
	margin: 0;
	padding: 0;
	}

html, body {
	height: 100%;
	}

br { clear: both; }
div.clear { clear: both; font-size: 2px; line-height: 1.0em; }

#Container {
	margin: 0 auto;
	height: 99%;
	width: 750px;
	text-align: left;
	background: transparent url(img/bkd_fade_lighten.gif) 0 85px repeat-x;
	}

#MainNav {
	width: 750px;
	height: 22px;
	background: transparent url(img/mainnav.gif);
	position: relative;
	border-bottom: 4px solid #cddaeb;	}
	
#MainNav li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#MainNav li, #MainNav a {
	height: 22px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#MainNav a {
	text-indent: -9000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#nav_home {left: 17px; width: 52px;}
#nav_events {left: 69px; width: 87px;}
#nav_photos {left: 156px; width: 76px;}
#nav_ourboard {left: 232px; width: 85px;}
#nav_about {left: 317px; width: 85px;}
#nav_contact {left: 402px; width: 101px;}

#nav_home a:hover { background: transparent url(img/mainnav.gif) -17px -22px no-repeat;}
#nav_events a:hover { background: transparent url(img/mainnav.gif) -69px -22px no-repeat;}
#nav_photos a:hover { background: transparent url(img/mainnav.gif) -156px -22px no-repeat;}
#nav_ourboard a:hover { background: transparent url(img/mainnav.gif) -232px -22px no-repeat;}
#nav_about a:hover { background: transparent url(img/mainnav.gif) -317px -22px no-repeat;}
#nav_contact a:hover { background: transparent url(img/mainnav.gif) -402px -22px no-repeat;}

#nav_home a.selected:link, #nav_home a.selected:visited { background: transparent url(img/mainnav.gif) -17px -44px no-repeat;}
#nav_events a.selected:link, #nav_events a.selected:visited { background: transparent url(img/mainnav.gif) -69px -44px no-repeat;}
#nav_photos a.selected:link, #nav_photos a.selected:visited { background: transparent url(img/mainnav.gif) -156px -44px no-repeat;}
#nav_ourboard a.selected:link, #nav_ourboard a.selected:visited { background: transparent url(img/mainnav.gif) -232px -44px no-repeat;}
#nav_about a.selected:link, #nav_about a.selected:visited { background: transparent url(img/mainnav.gif) -317px -44px no-repeat;}
#nav_contact a.selected:link, #nav_contact a.selected:visited { background: transparent url(img/mainnav.gif) -402px -44px no-repeat;}

#BodyContent {
	margin: 45px auto 0 auto;
	}

#Home #BodyContent {
	margin-top: 0;
	}

#Home #BodyContent h2 {
	background: transparent url(img/blockquote_home.gif) top left no-repeat;
	height: 137px;
	text-indent: -9000px;
	}


/*-------------------------------------------------
MAIN BODY CONTENT
-------------------------------------------------*/

#MainBodyContainer {
	float: right;
	width: 510px;
	}

#MainBodyContent {
	padding-right: 30px;
	}

#MainBodyContent h3 {
	margin-top: 1.5em;
	}

#Home #MainBodyContent h3 {
	margin-top: 0;
	}

/* Homepage feature area */
#Home #MainBodyContainer { float: left; margin-bottom: 30px; }
#Home #MainBodyContent { padding:0; margin-left: 30px; background: url(img/bkd_home_feature.gif) repeat-x;  }

#MainBodyContent ul {
	margin: 1em;
	}

#MainBodyContent li {
	margin-left: 2em;
	line-height: 1.5em;
	font-size: 11px;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif;
	color: #666;
	}

#BoardMember {
background: #e1e8f6;
vertical-align: top;
horizontal-align: left;
width: 300px;
height: 90px;
position: relative;
margin: 10px;
padding: 10px;
font-size: 11px;
}

#BoardPicture {
width: 90px;
horizontal-align: left;
margin-left: 0px;
position: absolute;
}

#BoardName{
horizontal-align: left;
vertical-align: middle;
position: absolute;
margin-left: 100px;
margin-top: 10px;
padding-bottom: 3px;
width: 190px;
font-size: 11px;
line-height: 11px;
}

#BoardName p{
horizontal-align: left;
vertical-align: middle;
position: absolute;
font-size: 11px;
width: 190px;
line-height: 12px;
}

/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

#SideBarContainer { float: left; width: 210px; }
#SideBarContent { padding-left: 30px; }

#Home #SideBarContent { padding-top: 15px; }
#SideBarContent div.sidebar-section { margin-bottom: 15px; }

#SideBarContent div.sidebar-section div { background: url(img/bkd_feature_dotted.gif) top left repeat-x; padding: 15px 0 10px 0; }

#SideBarContent h3 { padding-top: 0; height: 21px; color: #666; text-transform: uppercase; }
#SideBarContent h5 { color: #FA8100; font-size: 11px; padding: 0; }

#SideBarContent p { font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif; margin: 0.5em 0; line-height: 1.4em }
#SideBarContent p a { font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif; padding-right: 8px; }


/*-------------------------------------------------
SUB NAVIGATION
-------------------------------------------------*/

#SideBarContent ul {
	width: 180px;
	list-style: none;
	border-top: 2px solid #ccc;
	margin-bottom: 30px;
	}

#SideBarContent li, #SideBarContent li a {
	display: block;
	height: 30px;
	}

#SideBarContent li {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #efefef url(img/bkd_sidenav.gif) top left;
	font-size: 11px;
	padding-left: 15px;
	line-height: 30px;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif;
	}

#SideBarContent li a:link, #SideBarContent li a:visited { color:#666; text-decoration: none; }
#SideBarContent li a:hover, #SideBarContent li a:visited:hover { color:#000; text-decoration: none;background: transparent url(img/bkd_sidebar_link_over2.gif) center right no-repeat; }
#SideBarContent li.selected { background-color: #fff; background-image: none; }
#SideBarContent li.selected a:link, #SideBarContent li.selected a:visited { color:#FA8100; background: transparent url(img/bkd_sidebar_link_on2.gif) center right no-repeat; }


/*-------------------------------------------------
HOMEPAGE FEATURE
-------------------------------------------------*/

#FeatureContainer { padding: 10px 15px; }
#FeatureContainer h3 { height: 21px; color: #3D4E7D; text-transform: uppercase; }
#FeatureContainer h4 { margin-bottom: 5px; }

#FeatureContainer div {
	padding: 15px 0 10px 0;
	background: transparent url(img/bkd_feature_dotted.gif) top left repeat-x;
	}

#FeatureContainer div img {
	margin: 4px 0 10px 15px;
	float: right;
	border: 1px solid #3B4C77;
	}

#FeatureContainer div p {
	color: #000;
	line-height: 1.5em;
	}

#FeatureContainer div p a {
	padding-right: 8px;
	background: transparent url(img/bullet_arrow.gif) center right no-repeat;
	}


/*-------------------------------------------------
QUOTE CONTAINER
-------------------------------------------------*/

#QuoteContainer {
	width: 180px;
	float: right;
	margin: 5px 0 10px 15px;
	background: #6D7A9D url(img/bkd_quote_fade.gif) bottom left repeat-x;
	}

#QuoteContent { padding: 10px 15px; }
#QuoteContent h3 { height: 21px; margin:0; padding:0; color: #fff; text-transform: uppercase; }
#QuoteContent img { border-width: 1px; }
#QuoteContent a:link img, #QuoteContent a:visited img { border: 1px solid #98A1BA; }
#QuoteContent a:hover img, #QuoteContent a:visited:hover img { border: 1px solid #fff; }


/*-------------------------------------------------
CASE STUDIES LIST
-------------------------------------------------*/

#CaseStudyList { margin: 2.0em 0; }

#CaseStudyList table {
	border-top: 2px solid #ccc;
	margin-top: 5px;
	width: 100%;
	}

#CaseStudyList td {
	background: transparent url(img/bkd_feature_dotted.gif) bottom left repeat-x;
	padding: 7px 0;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif;
	font-size: 11px;
	color: #666;
	}

#CaseStudyList td a { font-weight: bold; text-decoration: none; }


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

#Footer {
	margin: 2.0em auto 0 auto;
	width: 750px;
	}

#Footer p {
	margin:0;
	padding: 2em 0 1em 0;
	font-size: 11px;
	color: #666;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif;
	background: transparent url(img/bkd_fade_darken.gif) bottom left repeat-x;
	}

#Footer div {
	padding: 10px 15px;
	font-size: 11px;
	color: #fff;
	background: #4A6181;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif;
	}


/*-------------------------------------------------
ROUNDED CORNERS
-------------------------------------------------*/

/* set background images for corners */
.rbtop div { background: url(img/bkd_corner_tl.gif) no-repeat top left; }
.rbtop { background: url(img/bkd_corner_tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bkd_corner_bl.gif) no-repeat bottom left; }
.rbbot { background: url(img/bkd_corner_br.gif) no-repeat bottom right; }

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 5px;
	font-size: 1px;
}

		


/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/


body {
	background: #d2dae1 url(img/bkd_main4.gif) 50% 0% repeat-y;
	text-align: center;
	font-family: Georgia, Times, Serif;
	color: #333;
	font-size: 1.0em;
	}

a:link, a:visited { color: #3B4C77; text-decoration: underline;}
a:hover, a:visited:hover { color: #FA8100; text-decoration: underline;}



/*-------------------------------------------------
HEADING TEXT ELEMENTS
-------------------------------------------------*/

h1, h2, h3, h4, h5 {
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-serif;
	font-weight: bold;
	line-height: 1em;
}

h1 {
	width: 750px;
	height: 85px;
	text-indent: -9000px;
	}

h2 {
	padding: 0 0 5px 0;
	font-size: 21px;
	color: #3D4E7D;
	text-transform: uppercase;
	}

h3 {
	font-size: 14px;
	color: #FA8100;
	}

h4 {
	margin: 0 15px 0 0;
	font-size: 14px;
	color: #FA8100;
	}

h5 {
padding-top: 1px;
	padding-bottom: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	}
	
p {
	margin: 0.3em 0 1.0em 0;
	font-size: 12px;
	line-height: 1.7em;
	}

p.lead {
	margin: 0 0 1.5em 0;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	}

q {
	text-align: right;
	color: #fff;
	display: block;
	font-size: 14px;
	margin-top: 1em;
	}

cite {
	color: #98A1BA;
	display: block;
	margin-top: 0.5em;
	text-align: right;
	font-size: 14px;
	}
	
	
/*-------------------------------------------------
MISCELLANEOUS
-------------------------------------------------*/

hr { display: none; }