/*base styles for all browsers PLUS simple styles for simple browsers. primarily nn4. make darn sure everything in here is overridden in the real css*/

/*ie4.5mac has problems with this. it makes text small, and the nested list is impossibly small, even when user increases to largest. solution? ignore it. you will go nuts trying to serve different styles to nn4 and ie4.5mac. either give them both plain xhtml, or style for nn4 at the slight inconvenience of the few, or zero, remaining ie4.5mac users.*/

body {
    margin: -10px;
    padding: 5px 0px 0px;
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    color: #000;
    background-color: #333;
    }

/* Font Declarations */
h1, h2, h3, h4, h5, h6, ol, ul, li, p, td, dt, dd, .rightpix {
    font-family: verdana, arial, sans-serif;
    color: #000;
    }

h1, h3, h4, h5, h6  {
 color: #2F577B;
    font-weight: bold;
}
h1 {
    font-size: 18px;
    }
h2 {
    font-size: 16px;
    }
h3, h4, h5, h6, p, td, ol, ul, li, dt, dd, .rightpix {
    font-size: 12px;
    }
.newshead, .bold, strong, b, .navybold, .redbold, .subhead {
    font-weight: bold;
}
.footer {
    font-size: 10px;
    text-align: center;
}
li > p {
    margin-top: 0.2em;
}
td > p, ul > li {
    font-size: inherit !important;
}
ul.spaced-bullets li, ol.spaced-bullets li {
    padding-top: 8px;
    padding-bottom: 8px;
 font-size: inherit;
}

.small, .techinfo, .rightPix {
    font-size: 10px;
}
.subhead {
    font-size: 12px;
}

blockquote.small {
 font-size: inherit;
}
.techinfo {
    color: #535353;
    left: 15px;
    position: relative;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
    font-family: monospace;
    font-size: 12px;
}

/* Colors */
.navy, .navybold, .subhead {
 color: #2F577B;
}
.red, .redbold {
    color: #f00;
}
.gold-background {
 background-color: #ffcc00;
}
.white-background, .white-bg {
 background-color: #fff;
}
.shaded-rows, tr.shaded-rows td, .yellow-bg {
 background-color: #ffc;
}
i, em, .subhead {
font-style: italic;
}

/* Non-Typography */
td {
	vertical-align: top;
}
.topnav {
    margin-left: 20px;
}
.content-table {
	width: 100%
}

/* */
td.bottommenu {
	vertical-align: bottom;
}

.subNavRight {
	padding-left: 12px;
}
.rightPix {
    float: right;
    text-align: center;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    clear: both;
}
.leftPix {
	float: left;
	text-align: center;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
}
#header {
	padding-top: 9px;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
#rightmenu {padding-top: 12px; padding-bottom: 0px;
}
div.left10 {
    padding-left: 10px;
}
input#go {border: 0px;}

.greybkgrnd {background-color: #CCCCCC;}

.rightbox-grey200 {
    background: #ccc;
    padding: 5px;
    float: right;
    width: 200px;
    margin: 5px;
    clear: right;
}

.rightbox-grey200 ul, .rightbox-grey200 li {font-size: inherit; padding-left: 4px; margin-left:4px;}

/* GT NAVIGATION */

#presentationcontainer {
    background-color:#eee;
    width: 761px;
    position: relative;
    text-align: left;
    display: block;
    margin: 0px auto;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0px;
}

#contentcontainer {
    background-image: url(background-presentation.gif);
    background-repeat: repeat-y;
    width: 762px;
    margin: 0px;
    padding: 0px;
    display: table;
}
    /*  Utility Navigation */


#utilitycontainer {
    width: 760px;
    height: 79px;
    background: #fff;
    margin:  5px 5px 0px 0px;
    padding: 5px 0px 0px;
    text-align: right;
    }

#utility ul {
    text-align: right;
}
#utility ul, #searchboxlabel {
    margin:  0px 5px;
    padding: 3px 0px;
    white-space: nowrap;
    }
#utility li {
    margin: 0px;
    padding: 0px;
    display: inline;
}
#utility li, #utility li a, #searchbox label, #searchboxlabel a {
    font: 9px/2em Verdana, sans-serif;
    font-weight: bold;
}
#utility li a, #searchboxlabel a {
    padding: 0px 0px 0px 23px;
    margin: 0px;
}

#ut-contact a, #ut-careers a, #ut-visitor a, #ut-sitemap a {
    text-align: right;
}

#utility-contact a:link, #utility-careers a:link, #utility-visitor a:link, #utility-sitemap a:link, #searchboxlabel a:link
{ color: #2f577b; text-decoration: none; }
#utility-contact a:visited, #utility-careers a:visited, #utility-visitor a:visited, #utility-sitemap a:visited, #searchboxlabel a:visited
{ color: #2f577b; text-decoration: none; }
#utility-contact a:hover, #utility-careers a:hover, #utility-visitor a:hover, #utility-sitemap a:hover, #ssearchboxlabel a :hover
{ color: #eeb211; text-decoration: underline;}
#utility-contact a:active, #utility-careers a:active, #utility-visitor a:active, #utility-sitemap a:active, #searchboxlabel a:visited
{ color: #2f577b; text-decoration: none; }


#searchboxlabel, #searchbox {
    position: absolute;
    top: 30px;
    display: block;
    height: 54px;
    background: transparent;
    left: 591px;
    }
#searchboxlabel{
    text-align:right;
}
#searchbox {
    text-align:left;
}
.searchtext {
    font: 9px/2em Verdana, sans-serif;
    font-weight: bold;
    color: #2f577b;
}

/*
#searchbox {
    right: 19px;
    width: 160px;
    z-index: 10; }
*/
#searchboxlabel {
    left: 480px;
    width: 105px;
    z-index: 11; }

#search {
    width: 125px;
    margin: 2px;
    font-size: 11px;
    font-weight: normal;
    height: 16px;
/*  position: absolute;*/
    padding: 0px;
    display: block;
}


.registerForm {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #eeb211;
    background-color: #F7D888;
    width: 150px;
    margin: 10px auto 0px;
    padding: 4px;
}
#registerTxt {
	margin: 4px;
	padding: 4px;
	width: 100px;
	height: 8px;
}
.registerSubmit {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#2f577b;
	color:#fff;
	font-weight:bold;
}


.rssfeed {
	padding: 1px 1px 5px 12px;
	font-size:10.5px;
	line-height:14px;
}

#searchsubmit {
    float:right;
    position: absolute;
    top: 5px;
    right: -25px;
    background-image: url(icon-go.gif);
    width: 20px;
    height: 15px;
    display: block;}

/*  Audience Navigation */

#footer, #audiencecontainer {
    width:760px;
    padding:0px;
    margin: 0px 0px 0px 10px;
}

#audiencecontainer {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    background-color: #2f577b;
    position: relative;
    text-align: left;
    margin: 0px;
    border-top: 1px solid #eeb211;
    border-bottom: 1px solid #eeb211;
    height:1.3em;
    padding-bottom: 4px;
    padding-top: 2px;
    }

ul#audiencelist {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    white-space: nowrap;
    float: right;}

ul#audiencelist li {
display: inline;
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 10px !important;
    font-weight: bold;
    margin: 0px;
    padding: 4px 0px 3px 0px;
/*  background-color: #eee; */
    }

#audiencelist a, #audiencelist a:link {
    margin: 0px;
    padding:4px 11px 3px 11px;
    color: #fff;
    border-left: 1px solid #eeb211;
    text-decoration: none; }

ul#audiencelist li#active {
    border-left: 0px solid #eee; }

#audiencelist a:hover {
    margin: 0px;
    padding:4px 11px 3px 11px;
    color: #2f577b;
    border-left: 1px solid #2f577b;
    background-color: #eeb211;
    text-decoration: none; }

/*  Trip Navigation */

#navcontainer {
    width: 178px;
    height: auto;
    padding-bottom: 10px;
    }

#TripNav {
    width: 178px;
    height: relative; /*FIX: need to find a way to make this flexible without cutting it short - this is the thing that's not working in the Assistant version */
    float: left;
    padding: 0px;
    margin: 0px;
    background-color: #c8ddf2;
    border-right: 1px solid #eeb211;
    background-repeat: repeat-y;
}

#navlist {
    width: 178px;
    /* a horizontal list, please */
    font-family: sans-serif;
    margin: 0;
    padding: 0; }

#navlist li { display: inline; /* for the lovely IE5 and IE6 */ }

#tripsubnavlist a, #navlist a {
    display: block;
    font-family: verdana, geneva, arial, sans-serif;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    color: #fff;
    background-color: #5681ae;
}
#navlist a {
    font-size: 11px;
    padding: 8px 0px 5px 10px;
    border-bottom: 1px #c8ddf2 solid;
    margin: 0px; }

#navlist a:hover, #navlist a:visited:hover { background-color: #eeb211; color: #2f577b;}
#navlist a:visited { color: #fff; }

#tripsubnavlist {
    width: 178px;
    font-family: sans-serif;
    margin: 0;
    padding: 0; }

#tripsubnavlist li { display: inline; /* for the lovely IE5 and IE6 */ }

#tripsubnavlist a {
    font-size: 10px;
    background: #95B0CC url(bullet-small.gif) no-repeat 10px 11px;
    padding: 8px 0px 6px 20px;
    margin: 0px; }

#tripsubnavlist a:link, #tripsubnavlist a:visited, #tripsubnavlist a:active { color: #fff; text-decoration: none; }
#tripsubnavlist a:hover, #tripsubnavlist a:visited:hover { color: #eeb211; text-decoration: none; background-color: #fffdf6; }

/*  Breadcrumb Navigation */
#breadcrumbspacer {
	background-color: transparent;
}

#breadcrumb {
    width: 571px;
    margin: 0px;
    border-top: 1px solid #eeb211;
    border-bottom: 1px solid #eeb211;
    padding: 3px 5px;
    background-color:#eee;
    font-family: geneva, helvetica, arial, sans-serif;
    border-left: 1px solid #eeb211;
/*  border-right: 1px solid #eeb211;*/
    font-size: 10px;
    font-weight: normal;
    color: #333;
    clear: both;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { color: #333; text-decoration: none; }
#breadcrumb a:hover {
    color: #000000;
    text-decoration: underline;
}

/*  Content Area */

#sectionTitle, #content {
    float: left;
    display: inline;
    clear: none;
    }
#content {
    width: 565px;
    margin: 20px 5px 20px 1px;
    padding: 0px 0px 10px 10px;
    background-color:#eee;
}
#sectionTitle {
    width: 582px;
    background-color: #5681ae;
    margin: 0px;
    padding: 0px;
    display: block;
    height: 55px;
    text-align:left;
    vertical-align: middle;
    border-bottom: 1px solid #eeb211;
}
#sectionTitle img {
    float: left;
    border-left: 1px solid #eeb211;
}
#sectionTitle h1 {
    padding: 4px;
    margin: 0px;
    float: left;
}
#sectionTitle h1, #sectionTitle h1 a {
    font-weight: bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
	padding-top: 6px;
}


/*  Footer */

#footer {
    /*  padding: 5px 0px 5px 11px;
    margin: 8px 0px 0px;*/
    color: #2f577b;
    background-color: #eeb211;
    border-top: 1px solid #2f577b;
 clear: both;
    padding: 0px;
    margin: 0px;
 }

#footer p {
    text-align: center;
    font-size: 9px;
    margin: 0px 5px 0px;
    padding: 0px;
    font-family : verdana, geneva, Arial, sans-serif; }

#footer a:link {
    font-size: 9px;
    font-family : verdana, geneva, Arial, sans-serif;
    font-weight: bold;
    color : #2F577B; }

#footer a:visited {
    font-size: 9px;
    font-family : verdana, geneva, Arial, sans-serif;
    font-weight: bold;
    color : #2F577B; }

#footer a:hover { color : #2F577B; }
#footer a:active { color : #2F577B; }

/* SITID styles */

td.blackheader  {
   background-color: #000000;
   font-size : 18px;
   font-weight : bold;
   color : #ffffff;
}

A.white_link:link  {
font-size:90%;
   	color : #ffffff;
   	padding-bottom : 5px;
	padding-top : 5px;
	text-decoration:none;
}

A.white_link:visited  {
font-size:90%;
	color : #ffffff;
	padding-bottom : 5px;
	padding-top : 5px;
	text-decoration:none;
}

A.white_link:active  {
font-size:90%;
   color : #ffffff;
   padding-bottom : 5px;
   padding-top : 5px;
   text-decoration:none;
}

A.white_link:hover  {
font-size:90%;
   color : #ffffff;
   padding-bottom : 5px;
   padding-top : 5px;
   text-decoration:underline;
}

.stateSectionTitle {
   font-size: 18px;
   font-weight: bold;
}

.stateRuleType{
   font-size: 16px;
   font-weight: bold;
}

/* Adding things from the Accessibility Assistant Stylesheet from here on down */
div.clear {
  clear: both;
}

div.clearCenter {
  clear: both;
  text-align: center;
}

div.floatLeft {
  float: left;
  padding: 5px;
}

/* invisible links */
.Invisible {
   font-size : 65%;
   font-weight : 100%;
   color : #ffffff;
   text-decoration:none;
   float: left;
}

A.InvisiLink:link    {
   text-decoration : underline;
   color : #ffffff;
   font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   }

A.InvisiLink:visited {
   text-decoration : underline;
   color : #ffffff;
   font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
}

A.InvisiLink:active  {
   text-decoration : underline;
   color : #000000;
   font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
}

A.InvisiLink:hover  {
   text-decoration : underline;
   color : #000000;
   font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
}

/* Basic link styling */
A:link 	{
   text-decoration : underline;
   color : #000000;
   }

A:visited {
   text-decoration : underline;
   color : #441100;
}

A:active  {
   text-decoration : underline;
   color : #441100;
}

A:hover  {
   text-decoration : underline;
   color : #441100;
}

div.section { /* The container for the home page */
	position: relative;
	width: 565px;
	height: 378px;
	background-color: #eeeeee;
}

.navPulldown {	/* Used on the home page for the drop down boxes */
	width: 265px;
}

div.sectionInfoContent a.noline, div.sectionProductContent a.noline, div.sectionRolesContent a.noline {
	text-decoration: none;
	color: #441100;
}

div.sectionInfo { /* Used to place the info image on the home page */
	position: absolute;
	width: 555px;
	height: 128px;
	top: 5px;
	left: 5px;
}

.info {
	float: left;
	width: 555px;
	height: 128px;
	text-align: center;
	background: url(home-info.gif) no-repeat 0 0px;
	clear: both;
}

a.info:link, a.info:visited, a.info:active {
	text-decoration: none;
	background: url(home-info.gif) no-repeat 0 0px;
}

a.info:hover {
	background: url(home-info.gif) no-repeat 0px -128px;
}

a.info img {
	border: none;
}

div.sectionInfoContent { /* places the dropdown box and label on the home page for the info */
	position: absolute;
	top: 25px;
	left: 25px;
    font-size: 105%;
    font-weight: bold;
}

div.sectionProduct { /* Used to place the product image on the home page */
	position: absolute;
	margin-top: 0px;
	width: 555px;
	height:121px;
	top: 133px;
	left: 5px;
}

.product {
	float:left;
	width:555px;
	height:119px;
	text-align:center;
	background: url(home-product.gif) no-repeat 0 0px;
	margin-top: -1px;
	clear: left;
}

a.product:link, a.product:visited, a.product:active {
	text-decoration:none;
	background: url(home-product.gif) no-repeat 0 0px;
}

a.product:hover {
	background: url(home-product.gif) no-repeat 0px -119px;
}

a.product img {
	border: none;
}

div.sectionProductContent { /* places the dropdown box and label on the home page for the products */
	position: absolute;
	top: 140px;
	left: 25px;
    font-size: 105%;
    font-weight: bold;
}

div.sectionRoles { /* Used to place the roles image on the home page */
	position: absolute;
	margin-top: -3px;
	width: 555px;
	height:119px;
	top: 254px;
	left: 5px;
}

.roles {
	float:left;
	width:555px;
	height:121px;
	text-align:center;
	background: url(home-roles.gif) no-repeat 0 0px;
	margin-top: -2px;
	clear: both;
}

a.roles:link, a.roles:visited, a.roles:active {
	text-decoration:none;
	background: url(home-roles.gif) no-repeat 0 0px;
}

a.roles:hover {
	background: url(home-roles.gif) no-repeat 0px -121px;
}

a.roles img {
	border: none;
}

div.sectionRolesContent { /* places the dropdown box and label on the home page for the roles */
	position: absolute;
	top: 255px;
	left: 25px;
    font-size: 105%;
    font-weight: bold;
}

div.guidelineBox { /* used to draw the box around the guideline text on the guideline pages */
	border: 1px solid black;
	background-color: #ffffff;
	padding: 5px;
}

.iconcaption {	/* Use for captions on icons on products pages */
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 85%;
	font-weight: bold;
}

div.issueIndent {	/* Used to indent second level issue lists on issues_* pages */
	margin-left: 25px;
}

div.guidelineIndent {	/* Used to indent lists of applicable guidelines on issues_* pages */
	margin-left: 25px;
	line-height: 1.4;
}

a.pageIssuesIcon {	/* Used to display the issue icon on issue pages */
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 12px;
    background-image: url(issues_01.gif);
}

a.pageIssuesIcon:hover { /* Used to create a rollover for the issue icon */
    background-image: url(issues_02.gif);
}

a.pageStandardsIcon {	/* Used to display the standards icon on standards pages */
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 12px;
    background-image: url(standards_01.gif);
}

a.pageStandardsIcon:hover {
    background-image: url(standards_02.gif);
}

a.pageQuickCheckIcon { /* Used to display the quick check icon on quick check pages */
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 12px;
    background-image: url(quick_check_01.gif);
}

a.pageQuickCheckIcon:hover {
    background-image: url(quick_check_02.gif);
}

a.pageDetailedEvalIcon { /* Used to display the detailed evaluation icon on detailed evaluation pages */
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 12px;
    background-image: url(detailed_eval_01.gif);
}

a.pageDetailedEvalIcon:hover {
    background-image: url(detailed_eval_02.gif);
}

a.pageExamplesIcon {	/* Used to display the examples icon on examples pages */
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 12px;
    background-image: url(examples_01.gif);
}

a.pageExamplesIcon:hover {
    background-image: url(examples_02.gif);
}

a.pageATIcon {	/* Used to display the AT icon on AT pages */
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 12px;
    background-image: url(at_01.gif);
}

a.pageATIcon:hover {
    background-image: url(at_02.gif);
}

div.solutionImage { 	/* Use around centered images in Potential Issues lists on Issues pages */
	margin-left: -40px;
	margin-bottom: 1em;
	text-align: center;
}