/*
Beaconfire sample XHTML/CSS base file
Version: 1.0
Author: Tim Arnold, Beaconfire Consulting
tim.arnold@beaconfire.com
http://beaconfire.com
*/
/* IE CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* IE fix for Mac */
/* IE fix reset for non-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */
/* IE hack to fix weird EM bug (http://www.positioniseverything.net/explorer/italicbug-ie.html) */
/* \*/
* html #main {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */

body { text-align: center; background-color: #e5e5cc}
h1 {font-size: 1.8em; margin: 0; padding: 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.13em; margin: 0 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.2em; margin: 0.5em 0 0; font-weight: bold;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form { margin: 0; padding: 0; }
hr { clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
ol {list-style: decimal;}
ol li {padding: 6px 0 6px; 0;}


/* ************************** */
/* Layout: the big containers */
/* ************************** */

#wrapper { width: 829px; margin: 0 auto; text-align: left; padding-top: 10px; font-family: arial; font-size: .75em; line-height: 1.6em;}
#header { width: 829px; background-image: url('../img/hd-logo.gif'); background-repeat: no-repeat;}
#subnav-column { width: 120px; float: left; background-color: #ececec; }
#page { clear: both;}
#content { width: 510px; float: left; padding-top: 10px;}

#content-well { clear: both;}
#content-2 {width: 508px; background-color: #ffffff; border: 1px orange solid; margin-top: 10px;}
#content-2 .sidecontent {padding: 0 20px 0 30px;}
#content-2 .sidecontent b {color: #555;}
#content-2 #secondary {float: left; width: 500px;}
#content-2 #secondary #pad {padding: 0 20px 0 30px;}
#content-2 #secondary h3 {color: #ce6f18; font-size: 1.2em; font-weight: bold; padding: 14px 0 10px 30px; background-image: url('../img/bullet-2.gif'); background-repeat: no-repeat;}


#sidebar {width: 251px;  float: right; background-color: #ffffff; border: 1px orange solid; margin: 10px 60px 0 0px;}
#sidebar.first {height: 190px;}
#sidebar.second {height: 333px;}
#sidebar .sidecontent {padding: 0 20px 0 30px;}
#sidebar .sidecontent b {color: #555;}
#sidebar .floatimage {float: left}
#sidebar .side2 {float: left}
#sidebar #secondary {float: top; width: 500px;}
#sidebar #secondary #pad {padding: 0 20px 0 30px;}
#sidebar h3 {color: #e5b43a; font-size: 1.2em; font-weight: bold; padding: 14px 0 10px 30px; background-image: url('../img/bullet-top.gif'); background-repeat: no-repeat;}
#sidebar h3.blue {color: #003d7d; background-image: url('../img/bullet-3.gif'); background-repeat: no-repeat;}


#footer { width: 829px; }

/* ************ */
/* Header Stuff */
/* ************ */


#logo {width: 130px; float: left;}
#header ul.nav {padding-top: 100px; padding-right: 60px;}
#header ul.nav li {float: right; border-top: 1px orange solid; border-bottom: 1px orange solid; border-right: 1px orange solid; padding: 3px; background-color: #fff; width: 120px; text-align: center;}
#header ul.nav li.left {float: right; border: 1px orange solid;}
#header ul.nav li a {text-decoration: none; font-size: 1.1em; color: #666; font-family: arial, helvetica; font-weight: bold;}
#header ul.nav li.on {float: right; background-color: #c60}
#header ul.nav li.on a {color: #fff; }

/* *********** */
/* Left Column */
/* *********** */

#subnav-column {  }
#subnav-column ul,
#subnav-column ol {margin: 1em 0; padding-left: 1em;}

/* ************ */
/* Content Area */
/* ************ */

#breadcrumb {  }
#breadcrumb li { float: left; }
#content-well ul,
#content-well ol {margin: 1em 0; padding-left: 2.5em;}

li.second  {padding-left: 15px;  list-style: circle;}

/* ************ */
/* Right Column */
/* ************ */

#sidebar {  }
#sidebar ul,
#sidebar ol {margin: 1em 0; padding-left: 2.5em;}

/* ********/
/* Footer */
/* ****** */

#footer { clear: both; width: 770px; padding-top: 10px; color: #c60; font-weight: bold; font-size:90%}
#footer #links-info {float: left; width: 500px; text-align: center;}
#footer #links-info a {color: #c60;}
#footer #copyright {float: right; width: 250px; text-align: center;}


/* **************** */
/* Subpage Specific */
/* **************** */

#sub-left-sidebar { width: 213px; float: left; margin-top: 10px; background-image: url('../img/bg-side.gif'); background-color: #cc6600 ; background-repeat: repeat-y; min-height:530px; height: auto !important; height: 530px;}

#sub-content  { width: 544px; float: left; background-color: #ffffff; border: 1px orange solid; margin: 10px;  min-height:530px; height: auto !important; height: 530px;}

#sub-left-sidebar #content-well img {border: 1px orange solid;}

#sub-content h3 {color: #ce6f18; font-size: 1.4em; font-weight: bold; padding: 14px 0px 0px 30px; background-image: url('../img/bullet-2.gif'); background-repeat: no-repeat;}
#sub-content h4 {color: #ce6f18; font-size: 1.2em; font-weight: bold; padding: 0px 0px 10px 0px;}
#sub-content h5 {color: #000000; font-size: 1.0em; font-weight: bold; padding: 14px 0px 10px 0px;}
#sub-content li {list-style-type:disc; }
#sub-content ul {margin: 1em 0; padding-left: 2.5em;}
#sub-content .pad { padding: 10px 30px 30px 30px;}
#sub-content .pad2 { padding: 0px 30px 0px 30px;}
#sub-content .pad3 { color: #ce6f18; padding: 0px 100px 0px 100px;}
#sub-content .pad3a { color: #ce6f18; padding: 0px 100px 0px 170px;}
#sub-content .nopad { padding: 0px 0px 0px 15px;}
#sub-content .headpad { position:relative; top:-25px; left:200px; z-index:1;}
#sub-content .headpadnarrow { position:relative; top:-25px; left:350px; z-index:1;}
#sub-content .centbox {position:relative; top:14px; left:60px; z-index:1;}


.leftnav li { border-top: 1px orange solid; border-left: 1px orange solid; border-right: 1px orange solid;}
.leftnav li a {display: block; width: 161px; padding: 4px 0 3px 50px; background-image: url('../img/leftnav-off.gif'); background-repeat: no-repeat; background-color: #cc6600; color: #ffffff; font-size: 1em; font-weight: bold; text-decoration:none;}
.leftnav li a:hover {display: block; width: 161px; padding: 4px 0 3px 50px; background-image: url('../img/leftnav-on.gif'); background-repeat: no-repeat; background-color: #cc6600; color: #ffffff; font-size: 1em; font-weight: bold; text-decoration:none;}