/* * * GENERAL * * */
body { 
    padding: 0; 
    margin: 0; 
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    color: #000; 
  /*  background: url(Images/lines.gif) no-repeat top right fixed;*/
    line-height: 1.5em; 
    }
strong { font-weight: bold; color: #005daa; }
a { color: #005daa; }
a:hover { color: #ff6600; }
h1 { 
    position: relative; 
    float: left; 
    clear: both; 
    width: 100%; 
    color: #005daa; 
    color: #1f4898; 
    font-size: 2em; 
    font-family: "Big Caslon", Garamond, "Times New Roman", Times, serif;
    font-weight: normal;
    padding: .5em 0;
    border-bottom: 1px dashed #1f4898;
    letter-spacing: .05em;
    }
h2 { 
    color: #808080; 
    font-size: 1.5em; 
    border-bottom: 1px dashed #999;
    padding-bottom: 2px;
    font-family: "Lucida Grande", Geneva, Arial, sans-serif;
    }
h3 { color: #000; font-size: 1em; font-weight: bold; font-style: italic; }
ul { padding: 0 2em; }

/* * * TOOLS * * */
.clear { clear: both; }
.embedL { float: left; margin: 0 1em 0 0; border: 1px outset #000; }
.embedR { float: right; margin: 0 0 0 1em; border: 1px solid #999; background: #fff; padding: 6px; }
.impact { font-size: 150%; font-family: Times, serif; font-style: italic; line-height: normal; }

/* * * HEADER & NAVIGATION * * */
div#top { position: absolute; top: 10px; width: 100%; height: 83px; z-index: 1; }
div#logo { position: relative; float: left; width: 40%; min-width: 300px; }
div#logo img { float: right; padding: 0 12px; background: #fff;  }
div#nav { position: absolute; width: 60%; min-width: 450px; bottom: 0px; left: 40%;
    background:  url(Images/nav-bg.jpg) repeat-y left #68C17F; line-height: normal; }
div#nav ul { position: relative; margin: 0 0 0 6px; padding: 6px 0; list-style: none; 
    float: left; }
div#nav ul li { position: relative; margin: 0; padding: 2px; list-style: none; 
    float: left; clear: none; z-index: 10; }
div#nav ul li a { position: relative; margin: 0 15px 0 0; padding: 4px; 
    text-decoration: none; color: #fff; border: 0px; font-weight: bold; z-index: 10; }
div#nav>ul li a { border: 1px solid transparent; }
div#nav ul li a:hover, div#nav ul li a.hover { color: #000; background: #ccc; 
    border: 1px solid #000; border-width: 1px 1px 0 1px; }
div#nav ul li a.solo:hover { color: #000; background: #ccc; border: 1px solid #000; }
div#nav ul li ul { position: absolute; margin: 3px 0 0 0; padding: 1px 0; 
    background: url(Images/sub-menu-bg.gif) repeat-x top #fff; display: none; 
    border: 1px solid #000; min-width: 130px; z-index: 5; left: 2px; top: 17px; }
div#nav>ul li ul { top: 16px; }
div#nav ul li.last ul { right: 17px; left: inherit; }
div#nav ul li ul li { display: block; width: 130px; clear: both; margin: 0; 
    padding: 1px 0; }
div#nav ul li ul li a { margin: 0 2px; padding: 2px; display: block; width: auto;
    color: #333; white-space: normal; font-weight: normal; }
div#nav ul li ul li a:hover { border: 1px solid orange; color: #0000cc;
    background: url(Images/submenu-hover-bg.gif) repeat-y left #ffeb7e; }
	
/* * * LEFT NAV * * */
div.left_nav { width: 125px; float: left; position: relative; background: #eee;
	margin: 9px; padding: 0; border: 1px solid #999; }
div.left_nav * { font-size: 11px; }
div.left_nav h1 { 
    color: #000; 
    margin: 0; 
    background: #ccc; 
    text-align: center;
	border-bottom: 1px solid #999; 
	float: none; 
	font-family: Geneva, Arial, sans-serif;
	padding: 0;
	letter-spacing: .15em;
	}
div.left_nav ul { padding: 0; margin: 6px 9px; 
	list-style-type: none; }
div.left_nav li { line-height: normal;  margin: 0 0 6px 0; }
div.left_nav ul ul { list-style-type: disc; }
div.left_nav ul ul li { margin: 0 0 0 1em; }

/* * * CONTENT * * */
div#container { position: absolute; clear:left; top: 110px; z-index: 0; }
html>body div#container { width: 100%; }

div#content { border: 1px solid #999; background: url(Images/content-bg.jpg) repeat-x top #fff; }
div#content { width: 80%; margin-left: 10%; }

div.crumbs { font-size: 90%; padding: 3px; border-bottom: 1px solid #999; 
    background: url(Images/crumbs-bg.jpg) left repeat-y #eee; line-height: normal; }
div#inner { 
    margin: 9px 0 0 9px; 
    float: left; 
    clear: none; 
    position: relative; 
    width: 80%; 
    font-family: "Lucida Grande", Geneva, Arial, sans-serif;
    line-height: 1.75em;
    }
div#inner.no_sidebar { margin: 0 18px; width: 95%; }
div#inner h1 { margin-top: 0; }
div#inner h2 { margin-left: 9px; }
div#inner h3 { margin-left: 9px; }
div#inner p, div#inner ul { margin-left: 24px; }
ul#faq { list-style-type: none; }
ul#faq li { margin: 24px 0; }
ul.br-lis { margin: 0; padding: 0; list-style-type: none; }
ul.br-lis li { text-indent: -2em; margin: 0 0 .75em 2em; }
ul.br-lis strong { display: block; }

div#hsPage h2 { 
    margin: 0 0 9px 9px; 
    clear: both;
    float: left; 
    width: 95%; 
    background: #005daa; 
	color: #fff; 
	padding: 3px; 
	text-align: center; 
	top: .5em; 
	position: relative; 
	display: block; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	border: 0;
	}
div.hsBox { float: left; clear: both; position: relative; border-bottom: 1px dashed #ccc; 
	width: 95%; padding: .75em 0; }
html>body div#hsPage h2,
html>body div.hsBox { width: 100%; }
div.hsBox p { margin: 0; }
ul.links { margin: 0; padding: 0; list-style-type: none; float: right; clear: both; }

/* * * FOOTER * * */
div#footer { position: relative; float: left; clear: both; margin: 20px 10% 0 10%; }
div#footer { width: 58%; }
html>body div#footer { width: 80%; }
div#footer p, div#content-foot p { font-size: 90%; text-align: center; }
p.badges img { height: 25px; border: 1px solid #ccc; }

.row {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    vertical-align: top;
    padding: 6px 0;
    }
.row .lh {
    position: relative;
    float: left; 
    clear: none;
    text-align: right;
    width: 45%;
    }
.row .rh {
    position: relative;
    float: left;
    clear: none;
    width: 45%;
    padding-left: 1em;
    }
.row textarea { 
    width: 100%;
    height: 8em;
    }
.note {
    color: #808080;
    font-size: 90%;
    margin: 0;
    line-height: 1em;
    }

/* red hilite: #aa0049 */
/* basic blue: #4f88df */
/* dark blue:  #0043aa */
/* mild blue:  #3971B6 */
/* dark grey:  #555555 */
/* lavendar:   #bac2eb */