﻿/* General Elements */
BODY  {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color : #FFF;
 font-size :100%;
 font-weight : normal;
 color : #000;
 margin:0;
 padding:0;
 border:0;
 padding-bottom:25px;
 }
P  {
 text-align: left;
 margin-top:0;
 font-size:80%;
}
B, strong  {
 font-weight : bold;
}
I, em { font-style:italic; }
SUB { 
 font-size: smaller;
 vertical-align: sub; 
 line-height: 1px;
}
sup {
  font-size: smaller; 
  vertical-align: super; 
  line-height: 1px;}
UL  {
 margin-top: 0;
}
DT, DD, LI  {
    font-size :80%;
    font-weight : normal;
    margin-bottom:0;
}
DD {margin-bottom: 12px;}
DT {font-weight:bold;}

LI P, LI H3, LI H4 {font-size:100%;}
UL LI UL LI {font-size:100%;}
OL LI UL LI {font-size:100%;}
hr { 
 color: #CCC; 
}
pre {font-size :80%;}
/* Links */
A:link {color:#006;}
A:visited {color:#900;}
.fakelink {
 text-decoration : underline;
}
/* Titles */
H1 { 
 font-size :110%;
 font-weight : bold;
 color : #900;
 margin: 0;
}
 
H2  {
 font-size :95%;
 font-weight : bold;
 color : #900 ;
 margin: 0;
}
h2 a:link {text-decoration:none;color:#900;}
h2 a:visited {text-decoration:none;color:#900;}
h2 a:hover {text-decoration:underline;color:#006;}
H3  {
 font-size :80%;
 font-weight : bold;
 color : #000 ;
 margin: 0;
}
H4  {
 font-size: 80%;
 color : #4E4E4E;
 font-weight : bold;
 margin: 0; 
}
h4.printable {font-size: 90%; margin-bottom:18px;}
/* Generic */
.small
{
 font-size : 70%;
}
.med
{
 font-size : 75%;
}
.reg  {
 font-size : 80%;
 }
 
.notop
{
 margin-top: 0;
}
.nobottom
{
 margin-bottom: 0;
}
.nomargin
{
 margin-top: 0;
 margin-bottom: 0;
}
 
.hide {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
/*Images */
img { border:0;} 
.floatright {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
.floatleft {float: left; position: relative; margin: 0.25em 1.5em 0.66em 0;}
.caption {
 font-size : 70%;
 margin-top: 0;
}
img.arrowicon {
	float:none; 
	padding: 0 0 0 3px; 
	vertical-align:middle;
}

/* Page structure */ 
#topnav {background-color:#000066; width:100%;border:0;padding:0;margin:0;}
#programheader {width:100%;background-color:#61C000;}
#twocolheader {
  padding: 0 0 0 12px;
 margin:0;
 width:100%;
}
#twocolcontent {
 width:80%;margin-top:0;padding-top:0;padding-left:12px;
}
/* Left Navigation */
#leftnav {border-right:1px solid #CCC; width:176px; padding:3px 0 0 0;}
#leftnav img {display:block;margin-top:0px;padding:0; }
#leftnav .toplevelnav {border-bottom: 1px solid #CCC; padding-bottom:3px; }
#leftnav .navgreyline {border-bottom: 1px solid #CCC; margin-bottom:3px; margin-top:3px;}
/* Right Navigation */
.headline
{
 color : #006;
 margin: 5px 0 0 0;
 padding-left:10px;
 font-size: 75%;
}
.headline A:hover { color: #900;
text-decoration : none; }
.headline :link, p.headline :visited {
 color : #006;
 text-decoration : none; }
.date {
 color:#666; 
 margin: 0 0 7px 0;
 font-size: 70%; }
.more  {
 color : #006;
 margin: 5px 0 7px 0;
 padding-right:10px;
 text-align:right;  }
.more A:hover { color: #900;
text-decoration : none; } 
.more :link, p.more :visited {
 color : #006;
 text-decoration : none;
}
/* Right column */
#rightcol {width:250px;}
/* Search box */
#rightcol {width:250px;}
/* Search box */
#searchbox {background-color:#006;
padding:0 0 3px 10px;
margin:0;
}
#searchbox form, #searchbox img {margin:0;padding:0;border:0;}
#searchbox input {background-color:#FFF;margin:0;padding:0;}
#searchbox p {
font-size :8pt;
 color: yellow; 
 text-decoration: none;
 margin: 0;
}
#searchbox p A:link, #searchbox p A:visited {
font-size :8pt;
 color: white; 
 text-decoration: none;
}
#searchbox p A:hover { color: yellow; }
#searchbox label {
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}
/* Printable version */
#printable {font-size:70%; margin-top:12px;}
#printable A:hover {font-size: 8pt;}
#printable A:link, #printable A:visited { font-size:8pt;}
#printabletop {font-size:70%; margin:15px 50px 0 0; text-align:right;}
#printabletop A:hover {font-size: 8pt;}
#printabletop A:link, #printabletop A:visited {font-size: 8pt;}
#anchorlist li {
margin-top:0;
margin-bottom: 0;
margin-left:-20px;
}
/* Quick Links */
#quicklinks { width:128px;
 position:relative;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px;
}
 
#quicklinks h3 {color:#006; margin:0; font-size: 75%;}
#quicklinks ul {margin-left:18px;margin-top:6px;padding:0;}
#quicklinks li {margin-bottom:0.5em;
 list-style-type: disc;
 color:#cccccc;  font-size: 70%}
#quicklinks li A:hover { color: #900;
text-decoration : none; } 
#quicklinks li :link, #quicklinks li :visited {
 color : #006;
 text-decoration : none; 
 }
/* Site Utilities */
#siteutils {
border-left:1px solid #CCC; 
border-top:1px solid #006;
border-bottom:1px solid #CCC; 
padding:0;
margin: 0;
background-color:#FFF;
width:249px;
}
#siteutils p
{
 font-size : 8pt;
 color : #900;
 margin-top: 5px;
 margin-bottom: 7px;
 padding-left:10px;
}
#siteutils p A:link, #siteutils p A:visited
{
font-size : 8pt;
 text-decoration : none;
 color : #006;
}
#siteutils p A:hover { 
color: #900;
font-size : 8pt;
text-decoration : none; } 
 
/* Data Tables */
table.data { 
 border-top : 1px solid #CCC;
 border-left : 1px solid #CCC; 
 font-size:75%; 
 margin-bottom:12px;}
table.data td { 
 border-right : 1px solid #CCC;
 border-bottom : 1px solid #CCC; }
table.data tr.grey { background-color:#EEE;}
table.data th { 
 border-right : 1px solid #CCC;
 border-bottom : 1px solid #CCC; }
table.data th.left, table.data td.left { 
 text-align:left;
 }
div.navsection h3 {background-color:#EEE;padding:2px;margin-top:18px;}
/* Caption for data tables */
caption {font-size: 110%; font-weight:bold;}
 
.callout {  width:250px;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px;
 float:right; 
 position:relative;
 }

/*  Forms */
form {margin:0;}
#formarea {
 padding: 0;
 margin: 25px;
 border: 0;
 text-align: left;
 width:600px;
 }
#formarea div.radioheader {
font-size: 75%;
 color:#666;
 margin-bottom:2px;
 margin-top:18px;
 font-weight:bold;
}
 
#formarea label {
 font-size: 70%;
 margin-bottom: 0;
 padding-bottom: 0;
 margin-top: 10px;
 display: block;
 font-weight:bold;
 color:#666
 }
#formarea h3 {
font-size: 75%;
}
.form-button {
 color: #000;
 background-color: #fff;
 border: 1px solid #666;
 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
 font-weight: bold;
 padding-left: 1px;
 padding-right: 1px;
 margin: 0;
 font-size: xx-small;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: x-small;
 }
 
 fieldset {
 padding:15px; 
 margin-bottom:12px;
 }
 
 legend {font-size:80%; font-weight:bold;}
/* Blue line illustration in EERE header. Be sure you replace with your program's blue line illustration. */
/* Footer */
#footer p {
 font-size : 72%;
 margin-top: 6px;
 margin-bottom: 0;
 text-align: center;
}
.rightcolgroup {border-left: none; border-bottom:1px solid #CCC; padding:0;margin: 0;background-color:#FFF; width:249px;}
.rightcolgroup p.headline
{
 color : #006;
 margin: 5px 0 0 0;
 padding-left:20px;
 font-size: 75%;
}
 
.rightcolgroup p.headline A:hover { color: #900;
text-decoration : none; } 
 
.rightcolgroup p.headline :link, p.headline :visited {
 color : #006;
 text-decoration : none; }
 
.rightcolgroup p.reader
{
 color : #006;
 margin: 0 0 6px 20px;
 font-size: 70%;
 margin-top:0;
 clear:both;
 padding-top:6px;
}
 
.rightcolgroup img.floatleft
{
 padding: 3px 10px 5px 20px;
 margin:0;
} 
.rightcolgroup p.reader A:hover { color: #900;
text-decoration : none; } 
 
.rightcolgroup p.reader :link, p.reader :visited {
 color : #006;
 text-decoration : none; 
 }
 
.rightcolgroup p.date {
 color:#666; 
 margin: 0 0 7px 0;
 padding-left:20px;
 font-size: 70%; }
 
.rightcolgroup p.more  {
 color : #006;
 margin: 5px 0 7px 0;
 padding-right:10px;
 text-align:right;  }
 
.rightcolgroup p.more A:hover { color: #900;
text-decoration : none; } 
 
.rightcolgroup p.more :link, p.more :visited {
 color : #006;
 text-decoration : none;
}
 
.rightcolgroup h3 {
font-size: 75%;
font-weight:bold;
 margin: 10px 0 0 0;
 padding-left:20px; 
 color:#666;
}
 
.rightcolgroup p.learnmorelink {
font-size: 70%;
 margin: 0 0 10px 0;
 padding-left:20px; 
}
 
.rightcolgroup p.learnmorelink A:hover { color: #900;
text-decoration : none; } 
 
.rightcolgroup p.learnmorelink :link, p.learnmorelink :visited {
 color:#006;
 text-decoration : none; 
 }
#doe
{
 color : Gray;
}
.reddot
{
 font-size : 8pt;
 font-family : Verdana, Arial, Helvetica;
 font-weight : normal;
 color : red;
 margin-top: 5px;
 margin-bottom: 0;
}
.leftgrey {
border-left:1px solid #CCC;}
/* Added for Events calendar */
.events_sort_cell {
  font-size: 83%;  
  background-color: #eeeeee; 
  border-color:#cccccc;
  font-weight:bold;
}
.events_text_cell {
  font-size: 83%;  
}
/* Back to Top Anchor Link */
.backtotop {
text-align: right;
font-size :70%;
}
.backtotop A:hover { 
color: #900;
} 
.backtotop :link, .backtotop :visited {
color : #006;
}