/*
Copyright for original style sheet, long since overwritten.
------------------------------------------------------
This style sheet based off of a template, Copyright Kemie Guaida, 
some rights reserved http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in the style sheet.
------------------------------------------------------
*/

/*
Copyright for Drop Down Navigation, long since tweeked to death
------------------------------------------------------
This copyright notice must be untouched at all times.

The original version of this menu stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
------------------------------------------------------
*/

/* general styles */

body {
color: #000000;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
text-align: center;
background: #E6E6E6;
}

a {
color: #000066;
}

a:hover {
color: #760000;
}

a:visited {
color: #2C91B2;
}

a:visited:hover {
color: #333333;
}

h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 2.0em;
color: #000066;
margin: 15px 5px 10px 15px;
border: .5em; 
border-bottom: .4em #66ccff ridge; 
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #760000;
margin: 15px;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000000;
margin: 15px 5px 10px 15px;
padding-left: 0px;
border: .5em;
border-bottom: .5em #090041 inset;
}

h4 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #FFFFFF;
background: #000066;
margin: 15px 0px 10px 0px;
padding: 0 0 0 15px;
}

h5   { 
color: #ffffff; 
font-size: 1.2em; 
font-family: "Arial Narrow", Tahoma, Geneva, Arial, Helvetica, sans-serif; 
background: #004080 url(../image-files/back_sidebar.jpg); 
margin: 15px 0 0 0; 
padding: 0 0 0 10px; 
}

p {
margin: 10px 15px 5px 15px;
}

img { 
border: 8px #ffffff solid; 
}

#imageleft {
float:left;
border: 1px #fff solid;
margin-right: 7px;
margin-bottom: 7px;
}

#imageright {
float:right;
border: 1px #fff solid;
margin-left: 7px;
margin-bottom: 7px;
}

#imagecenter {
text-align: center;
border: 1px #fff solid;
margin-left: 7px;
margin-bottom: 7px;
}

/* layout styles */

#container   { 
margin: 350px auto 0px; 
line-height: 1.8em; 
background: #FFFFFF url(../image-files/back_container.gif) repeat-y; 
text-align: left; 
padding: 1px 0px 0px 0px; 
width: 866px;
}

#banner { 
height: 20px ;
}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0px 0px 20px;
background: none;
}

#content { 
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
background-image: url(../image-files/back_content_.jpg); 
background-repeat: no-repeat; 
margin: 10px 10px 0; 
padding: 0; 
width: 570px; 
float: left;
}

#contentc2 { 
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
background-image: url(../image-files/back_content_.jpg); 
background-repeat: no-repeat; 
margin: 10px 10px 0; 
padding: 0; 
width: 750px; 
float: left;
}

* html #content {
margin-left: 5px;
}

#sidebar { 
color: #787878; 
background-image: url(../image-files/back_sidebar.jpg); 
background-repeat: no-repeat; 
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 254px; 
float: left;
}


/* meta nav */

#nav-meta {
float: right;
margin: 0px 7px 0 0;
background: #004080;
color: #ffffff; 
}

#nav-meta ul {
margin: 0;
padding: 0px;
}

#nav-meta li {
display: inline;
padding: 0px 0px 0px 6px;
}

#nav-meta a, #nav-meta a:visited {
color: #FFFFFF;
text-decoration: none;
margin: 10px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #b3b3b3;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}

/* main nav */

#nav-main { 
background: url(../image-files/back_navmain.gif) no-repeat #000066; 
margin: 10px 16px 0px 11px;
min-height: 30px; 
}

#nav-main ul {
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
}

#nav-main li  { 
background: url(../image-files/back_navmainitems2.gif) no-repeat right top; 
list-style-type: none; 
margin: 7px 3px 0px 3px; 
width: auto; 
float: left;
}

#nav-main a:link, #nav-main a:visited  { 
color: #ffffff; 
font-weight: bold; 
text-decoration: none; 
background: url(../image-files/back_navmainitems.gif) no-repeat left top; 
display: block; 
padding: 1px 10px 2px 10px;
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #1a3e7f;
font-weight: bold;
text-decoration: none;
padding: 1px 10px 2px 10px;
}

.nav-main {
width: 866px;
height:50px; 
font-size:0.85em; 
position:relative; 
z-index:100;
border-right:1px solid #000;
margin-top:3px;
}
/* hack to correct IE5.5 faulty box model */
* html .nav-main {width:865px; w\idth:865px;}
/* remove all the bullets, borders and padding from the default list styling */
.nav-main ul {padding:0;margin:0;list-style-type:none;}
.nav-main ul ul {width:106px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.nav-main li {float:left;width:106px;position:relative;}
/* style the links for the top level */
.nav-main a, .nav-main a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:106px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#2C91B2; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .nav-main a, * html .nav-main a:visited {width:108px; w\idth:97px;}

/* style the second level background */
.nav-main ul ul a.drop, .nav-main ul ul a.drop:visited {background:#ccc url(../image-files/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.nav-main ul ul a.drop:hover{background:#56A7C1 url(../image-files/drop.gif) bottom right no-repeat;}
.nav-main ul ul :hover > a.drop {background:#000066 url(../image-files/drop.gif) bottom right no-repeat;}
/* style the third level background */
.nav-main ul ul ul a, .nav-main ul ul ul a:visited {background: silver;}
/* style the third level hover */
.nav-main ul ul ul a:hover {background: #355576;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav-main ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .nav-main ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.nav-main ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.nav-main ul ul ul.left {left:149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.nav-maintable {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.nav-main ul ul a, .nav-main ul ul a:visited {background: #ccc; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .nav-main ul ul a, * html .nav-main ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.nav-maina:hover, .nav-main ul ul a:hover{color:#fff; background: #000066;}
.nav-main:hover > a, .nav-main ul ul :hover > a {color:#fff;background:#000066;}

/* make the second level visible when hover on first level list OR link */
.nav-main ul li:hover ul,
.nav-main ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.nav-main ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.nav-main ul :hover ul :hover ul{ visibility:visible;}

.current  { 
background-image: url(../image-files/back_current2.gif) !important; 
margin-top: 4px 
}

.current a:link, .current a:visited  { 
color: #760000 !important; 
background-image: url(../image-files/back_current1.gif) !important 
}

.current a:hover, .current a:visited:hover {
color: #4c4c4c !important;
}

/* Styllized List */
ul.sitemap li ul {
 background: transparent �
 url(../image-files/sitemapfolderbullet.gif) no-repeat;
 list-style-type: none;
 margin: -1.4em 0 0 -1.6em;
 padding: 1.4em 0 0 0.6em;
}

ul.sitemap li a.parent {
 background: transparent �
 url(none) no-repeat;
}

ul.sitemap li ul li {
 margin-left: 0.5cm;
 padding-left: 10px;
}


/* End Styllized List */


/* sub nav */

#nav-breadcrumbs {
clear: both;
}

#nav-breadcrumbs ul {
margin: 0;
padding: 0 0 0 10px;
}

#nav-breadcrumbs li  { 
background-image: url(../image-files/bullet_off.gif); 
background-repeat: no-repeat; 
background-position: left center; 
list-style-type: none;
float: left;
margin-right: 15px;
padding-left: 15px;
	display: inline;
}

#nav-breadcrumbs a:link, #nav-breadcrumbs a:visited {
text-decoration: none;
}

.youarehere a:link, .youarehere a:visited {
font-weight: bold;
color: #760000;
}

.youarehere {
background: url(../image-files/bullet_on.gif);
}

.youareherefirst { 
background-image: none !important;
font-size: 1em;
color: #000066;
font-weight: bold;
font-style: italic;
}

/*
.youareherefirst a:link, .youarehere a:visited {
}
*/

/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp {
margin: 5px;
}

#nav-supp li  { 
background-image: url(../image-files/bullet_link.gif); 
background-repeat: no-repeat; 
background-position: left center; 
margin: 2px 0px 2px 10px; 
padding: 0 0 0 15px ;
}

#nav-supp h5 {
margin: 25px 0 10px 0;
}

/* footer */

#info-site  { 
background-image: url(../image-files/back_infosite.gif); 
background-repeat: no-repeat; 
background-position: center bottom; 
text-align: center; 
margin: 0; 
padding: 30px 0 15px; 
font-size: 8pt;
clear: both;
}

#info-company  { 
color: #ffffff; 
background: #ffffff url(../image-files/back_navmain.gif) no-repeat; 
margin: 10px 16px 10px 10px; 
padding: 5px;
}

#info-company a,#info-company a:visited {
color: #FFFFFF;
}

#info-company a:hover,#info-company a:visited:hover {
color: #FFFFFF;
}

#info-standards{
font-size: 8pt;
padding: 0;
margin: 5px !important;
}