@charset "utf-8";
/* Wireframing - place borders around all div elements during development */ 
  div {
	border:0px solid #F00;
}
body {
   font: 62.5%/150% Arial, Helvetica, sans-serif;
   padding: 0;
   text-align: left;
   margin-top: 5px;
   background: #FFFFFF url(../graphics/sbh3_bg.png) repeat-x fixed;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	color:#27221f;
/* border: 1px solid red; */}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
strong {
	color: #993333;
}
a:link, a:visited {
	color:#4F5543;
	border-bottom: 1px dotted #4F5543;
	text-decoration: none;
}
a:hover {
	color: #000;
	background-color: #eee;
	border:none;
}
b {
	font-weight:bold;
}
p {
/* border: 1px solid red; */}
/* remove image borders*/

img {
	border-style: none;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
#container {
	width: 950px;
	margin: 15px auto 0;
	text-align: left;
}

#container #mainContent h3 {
	margin-bottom: 0px;
}


dl {
	width: auto;
	margin: 10px 5px 5px 10px;
}

dt {
color: #993333;
}

dd {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 1em;
}


#logo {
	width: 350px;
	height: 53px;
	margin-bottom: 10px;
	text-decoration: none;
}
#logo a:link, #logo a:visited, #logo a:hover {
	border-bottom: none;
}
#mainContent {
	background: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.8em;
}

#mainContent p {
	margin: 5px 10px 10px 10px;
}


#header {
	background: url(../graphics/HedImg_Scat2.jpg) no-repeat;
	padding: 0;
	margin: 0px 0px 15px;
	border: 5px solid #000000;
	overflow: hidden;
	height: 300px;
	width: 940px;
}
/* Start navcontainer code */
/* DEFAULTS */
ul#navlist li a, ul#subnavlist li a {
	text-decoration: none;
}
div#navcontainer {
	width: 225px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
	/* border: 1px solid #999999; */
	float: left; /* since this element is floated, a width must be given */

}
/* NAV LIST */
ul#navlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #999999;
	font: bold 1.1em/2.8em Verdana, Arial, Helvetica, sans-serif;
}
ul#navlist li {
	display: inline;
}
ul#navlist li a {
	color: #fff;
	display: block;
	background: #191919 url(../graphics/bullet_191919.png) no-repeat 5px center;
	padding: 2px 0 2px 35px;
	border-bottom: 1px solid #FFFFFF;
}
ul#navlist li a:hover {
	background: #928C8B url(../graphics/bullet_928C8B.png) no-repeat 5px center;
}
ul#navlist li a#current {
	color: #fff;
	background: #568181 url(../graphics/Marks_chk_568181.png) no-repeat 5px center;
}
/* SUB NAV LIST */
ul#subnavlist {
	margin: 0px;
	list-style-type: none;
	padding: 0;
}
ul#subnavlist li {
	display: inline;
}
ul#subnavlist li a {
	display: block;
	color: #000000;
	background: #E5E5D9;
	padding: 2px 0 2px 35px;

}
ul#subnavlist li a:hover {
	background: #ffffff url(../graphics/flour_on_white.png) no-repeat 15px center;
}
ul#navlist li a#subcurrent {
	color: #000000;
	background: #F5F5F0 url(../graphics/bredcrmb_blt.png) no-repeat 5px center;
}
ul#navlist li a#suvcurrent:hover {
	background: #ddd;
}

/* End navcontainer code */

/* content_head list code */
/* Don't like this code - I think there is a better way to do it - will revisit when I figure it out*/

.content_head {
	background: #C3D29B url(../graphics/foot_bc_trail.png) no-repeat 4px 4px;
	border: 1px solid #AAAAAA;
	height: 35px;
	line-height: 2.5em;
}
.content_head ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.content_head li {
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 0px 5px;
	display: inline;
}
.bread_bullet {
	background: transparent url(../graphics/bredcrmb_blt.png) no-repeat left center;
}
.content_head a:link, .content_head a:visited {
	color:#993333;	
	border-bottom: 1px dotted #993333;
	text-decoration: none;
}
.content_head a:hover {
	color: #000;
	border:none;
}

.content_head h1 {
	color: #6E6564;
	border:none;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	line-height: 1.8em;
	letter-spacing: .05em;
}
/* End content_head list code */

#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 225px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF;
	margin: 0px;
}

#sidebar a:link {
	color: #568181;
	text-decoration: none;
	border-style: none;
}
#sidebar a:visited {
	color: #669999;
	border-style: none;
}
#sidebar a:hover {
	color: #CC9933;
	background-color: transparent;
	text-decoration: underline;
	border-style: none;
}


#sidebar ul {
	list-style: square;
	text-align: left;
	margin: 0px;
	padding: 0px 4px 0px 15px;
	line-height: 1.5em;
	font-size: 1.1em;
}


.sidebar_head {
	background: #6E6564 url(../graphics/foot_sb_trail.png) no-repeat 4px 4px;
	border: 1px solid #6E6564;
	margin-bottom: 10px;
	height: 35px;
}

.sidebar_head h3 {
	color:#ffffff;
	margin: .7em 0 0 35px;
}

.container_left {
	width: 225px;
	margin-top: 10px; 
	padding: 0;
	border: 1px solid #999999;

}

#mainContent {
	margin: 0 235px 0 237px;
	background: #FFFFFF;
}
#footer {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#F5F5F0 url(../graphics/HashFoot_568181.png) no-repeat 5px 5px;
	border: 1px solid #CCCCB3;
	height: 35px;
}
#footer p {
	margin: 5px 5px 5px 40px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 1.5em;
	line-height: 1.5em;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.sidebar_div {
	margin: 20px 0px;
	height: auto;
	border-top: 1px solid #756E64;
	border-right: 1px none #756E64;
	border-bottom: 1px solid #756E64;
	border-left: 1px none #756E64;
}

.sidebar_div p {
	margin: 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 1.2em;
	line-height: 1.5em;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.section_divide {
	background: url(../graphics/flour_plop.png) repeat-x;
	height: 14px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#container #mainContent strong {
	font-weight: bold;
	letter-spacing: .07em;
}
.spacer_clr_rt {
	clear: right;
}

.spacer_clr_lt {
	clear: left;
}

.spacer_clr_both {
	clear: both;
}

.horiz_rule {
	width: 325px;
	border-bottom: 1px dashed #848A84;
	margin: 20px auto;
}
.image_container_rt {
	border: 1px dashed #6F6F6F;
	margin: 5px;
	padding: 5px;
	float: right;
}

.image_container_lt {
	border: 1px dashed #6F6F6F;
	margin: 5px;
	padding: 5px;
	float: left;
}
#mainContent ul {
	list-style: disc;
	padding: 0px 5px 0px 25px;
	margin: 0px;
}
span.accent {
	color: #993333;
}

#facebook {
   background: transparent url(../graphics/facebook_icon.png) no-repeat 6px center;
   font-size: 1.5em;
   line-height: 2.0em;
}

#facebook p { margin-left: 45px; }

#facebook a {
   font-weight: 400;
   color: #3B5998;
   border-bottom: none;
   text-decoration: underline;
}

#facebook a:hover {
   border:none;
   text-decoration: none;
}



#yahoo {
   background: transparent url(../graphics/Yahoo_48.png) no-repeat 6px center;
   font-size: 1.5em;
   line-height: 2.0em;
}

#yahoo p { margin-left: 45px; }

#yahoo a {
   font-weight: 400;
   color: #FF0C0C;
   border-bottom: none;
   text-decoration: underline;
}

#yahoo a:hover {
   border:none;
   text-decoration: none;
}