﻿/*
	Reset all styles

Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0px;}
fieldset,img{border:0px;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* general styles */

* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}



body {
color: #000;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.0em;
text-align: left;
background: #fff;
}

a {
color: #005880;
}

a:hover {
color: #006B95;
background: #cff;
}

a:visited {
color: #006B95;
}

a:visited:hover {
color: #2C91B2;
background: #cff;
}

a:active {
color: #cff;
background: #006B95;
}


div#all{
width: 800px;
margin: 10px;
padding: 0px 0px 10px 0px;
border: 1px solid #ccc;
}

div#content{
width: 800px;
padding: 0px 10px 0px 10px;
}

h1 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
line-height: 1.2em;
color: #006B95;
margin: 15px 0 15px 0;
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 1.2em;
color: #007AAC;
margin: 12px 0 12px 0;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
color: #56A7C1;
margin: 10px 0 10px 0;
}

h4 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
margin: 6px 0 6px 0;
}

div#content p {
margin: 5px 0px 5px 0px;
line-height: 1.4em;
padding: 0px 0px 6px 0px;
}

div#content>ul,ol {
padding-bottom: 6px;
}

div#content>ul {
margin-left: 16px;
list-style: disc;
}

div#content>ol {
margin-left: 32px;
list-style: decimal;
}

div#content>ol ol{
margin-left: 32px;
list-style: lower-alpha;
}

div#content>ul li, div#content>ol li {
line-height: 1.36em;
margin-bottom: 6px;
}



dl {
margin: 0px 0px 5px 10px;
line-height: 1.2em;
}

dt, strong {
font-weight: bold;
}

dd {
margin-left: 25px;
}

table{
font-size: 12px;
}

#mastercom {
margin: 10px 15px 5px 15px;
}

/* layout styles */

#container {
width: 806px;
text-align: left;
margin: 10px auto 0 auto;
background: url(/css/images/back_container.gif) #FFFFFF repeat-y;
padding: 0 !important;
line-height: 1.82em;
}

#banner {
height: 100px;
background: url(/css/images/back_banner.jpg) #006B95 no-repeat;
}

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

#page_content {
clear: left;
float: left;
width: 740px; 
margin: 10px 10px 0 10px;
background-image: url(/css/images/back_content.jpg);
background-repeat: no-repeat;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

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

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

/* meta nav */

#nav-meta {
float: right;
margin: 11px 25px 0 0;
background: url(/css/images/back_navmeta2.gif) no-repeat bottom right;
}

#nav-meta ul {
margin: 0;
padding: 2px;
background: url(/css/images/back_navmeta1.gif) no-repeat bottom left;
}

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

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

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

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

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


/* site header */

/* site footer */

#site_footer {
border-top: dashed 1px #ccc;
color: #aaa;
margin: 10px 0;
padding: 10px 0 0 0;
clear:all;
}

#site_footer a, #site_footer a:visited {
color: #999;
}

#site_footer a:hover, #site_footer a:visited:hover {
color: #666;
}

/* site navigation */

#nav_site {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 0px 10px 0px;
width:780px;
min-height: 30px;
background: url(/css/images/back_navmain.gif) #007AAC no-repeat;
}

#nav_site ul {
margin: 0;
padding: 0 0 0 10px;
}

#nav_site li
{
	list-style-type: none;
	float: left;
	width: auto;
	margin: 7px 5px 0 5px;
	background: url(/css/images/back_navmainitems2.gif) no-repeat top right;
}

#nav_site a:link, #nav_site a:visited
{
	display: block;
	color: #D1EBF4;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 12px 7px 12px;
	background: url(/css/images/back_navmainitems.gif) no-repeat top left;
}

#nav_site a:hover, #nav_site a:visited:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 12px 6px 12px;
}

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

.current a:link, .current a:visited {
color: #006B95 !important;
background-image: url(/css/images/back_current1.gif) !important;
}

.current a:hover, .current a:visited:hover {
color: #2C91B2 !important;
}

/* sub nav */

#nav-section {
clear: both;
}

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

#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(/css/images/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

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

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

.youarehere{
background-image: url(/css/images/bullet_on.gif)!important;
}

/*supplemental nav */

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

#nav-supp {
margin: 15px;
}

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

/* footer */
#info-site {
clear: both;
text-align: center;
background-image: url(/css/images/back_infosite.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
padding: 30px 0 15px 0;
}

	
#info-company {
padding: 5px;
background: url(/css/images/back_navmain.gif) #007AAC no-repeat;
margin: 10px 16px 10px 10px!important;
color: #FFFFFF;
}

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

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

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

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body */

table.greyline
{
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table.greyline thead {background: #eee; font-weight:bold;}
table.greyline thead td {padding: 3px; border: 1px solid #ccc;}
table.greyline tbody tr {}
table.greyline tbody td {padding: 3px; border: 1px solid #ccc;}
table.greyline colgroup {}
table.greyline col {}
table.greyline td.label {font-weight: bold; text-align: right;}
table.greyline th {}

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body, but with td.label aligned at top */

table.greyline_form
{margin: 0px; border-collapse: collapse; border: 2px solid #ccc; line-height: 1.2em;}
table.greyline_form thead {background: #eee; font-weight:bold;}
table.greyline_form thead td {padding: 3px; border: 1px solid #ccc;}
table.greyline_form tbody tr.section {background: #eee; font-weight:bold;}
table.greyline_form tbody tr {}
table.greyline_form tbody td {padding: 3px; border: 1px solid #ccc;}
table.greyline_form colgroup {}
table.greyline_form col {}
table.greyline_form td.label {font-weight: bold; text-align: right; vertical-align: top;}
table.greyline_form th {}

.label
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}


/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body, but with top cell alignment */

table.greyline2
{
	margin: 0px 0px 0px 20px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table.greyline2 thead {background: #eee; font-weight:bold;}
table.greyline2 thead td
{
	padding: 3px;
	border: 1px solid #ccc;
	vertical-align: bottom;
}
table.greyline2 tbody tr {}
table.greyline2 tbody td {padding: 3px; border: 1px solid #ccc; vertical-align: top;}
table.greyline2 colgroup {}
table.greyline2 col {}
table.greyline2 td {}
table.greyline2 th {}


.align_center {text-align:center;}
.valign_top {vertical-align: top;}
.required {font-weight: bold; color: #F00;}

#error_message {
width: 70%;
font-weight: bold;
color: #F00;
border: 1px solid black;
background: yellow;
margin: 5px 0px 5px 0px;
padding: 5px;
}
#error_message h2 {
color: black;
}
#secure{
float:right;
}
.radio_spacer {
padding: 0 10px;
float:left;
}

.hr {
clear: both;
border-bottom: 1px #ccc solid;
height: 10px;
}

.img_right {
float: right;
margin-left: 5px;
}

form ul {margin-left:1em; list-style:disc;margin-bottom: 0.5em;}
form ul li {margin: 0.5em 0; line-height: 1.2em;}