﻿
/* General Elements */
BODY  {
 background-color : #FFF;
 font-size :100%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 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;
}
DD, LI  {
 font-size :80%;
 font-weight : normal;
 margin-bottom:0;
}
UL LI UL LI {font-size:100%;}
UL LI OL LI {font-size:100%;}
OL LI UL LI {font-size:100%;}
LI P, LI H3, LI H4 {font-size:100%;}
hr { 
 color: #CCC; 
}
/* Links */
A:link {color:#006;}
A:visited {color:#900;}
/* 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:#990000;}
h2 a:visited {text-decoration:none;color:#990000;}
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:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}

p.date {
 color: #666; 
 font-size: 70%; 
}

/*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;
}
/* Page structure */
#topnavborder {background-color: #FFF; width: 100%; height: 2px; font-size: 0%;}  
#topnav {background-color:#000066; width:100%;border:0;padding:0;margin:0; font-size: 0%;}
#programheader {width:100%;background-color:#61C000;}
#content {
  padding:12px 12px 0 12px;
}
#anchorlist li {
margin-top:0;
margin-bottom: 0;
margin-left:-20px;
}
/* Printable versions */
#printable {font-size:8pt;margin-top:12px;}
#printable A:hover {font-size: 8pt;}
#printable A:link, #printable A:visited { font-size:8pt;}
#printabletop {font-size:8pt;margin:15px 300px 0 0; text-align:right;}
#printabletop A:hover {font-size: 8pt;}
#printabletop A:link, #printabletop A:visited {font-size: 8pt;}
/* Left Navigation */
#leftnav {border-right:1px solid #CCC; width:176px; padding:3px 0 0 0;}
#leftnav img {display:block;margin:0;padding:0; }
#leftnav span img {display:inline;}
#leftnav .toplevelnav {border-bottom: 1px solid #CCC; padding-bottom:3px; margin-bottom:3px; }
/* 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 {
 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; 
 }
/* Right column */
#rightcol {width:250px;border-left:1px solid #CCC; float:right;background-color:#FFF; margin-left:10px;}
/* 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 {
 color: yellow; 
 text-decoration: none;
 margin: 0;
 font-size: 70%; }
#searchbox p A:hover { color: yellow; } 
#searchbox p :link, #searchbox p :visited {
 color: white; 
 text-decoration: none; }
#searchbox label {position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}
/* Site Utilities */
#siteutils, .rightcolgroup {border-bottom:1px solid #CCC; padding:0;margin: 0;background-color:#FFF; width:249px;}
#siteutils p
{
 font-size : 70%;
 color : #900;
 margin-top: 5px;
 margin-bottom: 7px;
 padding-left:10px; }
#siteutils p A:hover { color: #900;
text-decoration : none; } 
#siteutils p :link, #siteutils p :visited {
 text-decoration : none;
 color : #006; }
/* Right Column sections */ 
.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 img.floatleft
{
 padding: 3px 10px 5px 20px;
 margin:0;
}
.rightcolgroup p.reader
{
 color : #006;
 margin: 0 0 6px 20px;
 font-size: 70%;
 margin-top:0;
 clear:both;
 padding-top:6px;
 }
 
.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; 
 }
/* Features */
#features img {display:block; margin:0;padding:0; border:0;}
 
/* 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; 
   text-align:center;}
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;
}

table.data2 { border-top :none; border-left:none; font-size:75%; margin-bottom:2px;}
table.data2 td { text-align:left; vertical-align:top}
table.data2 tr.grey { background-color:#EEE;}
table.data2 th.left, table.data2 td.left { 
text-align:left;
}

/* Caption for data tables */
caption {font-size: 110%; font-weight:bold;}
 
DL {
 font-size :80%;
 font-weight : bold;
 color : #000 ;
 margin: 0;
}
DD {margin-bottom:12px; font-size: 100%;}
DT {font-weight:bold;}
 
 
.callout {  width:250px;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px;
 float:right; 
 position:relative;
 }
 
 .calloutwhite {  width:325px;
 color:#000;
 background-color: #ffffff;
 border:1px solid #ccc;
 padding:8px;

 float:right; 
 position:relative;
 }
/*  Forms */
form {margin:0;}
.formarea {
 padding: 25px;
 margin: 0;
 border: 0;
 text-align: left;
 width:600px;
 border:1px solid #CCC;
 }
 
.formarea label {
 font-size: 70%;
 margin-bottom: 0;
 padding-bottom: 0;
 margin-top: 18px;
 display: block;
 font-weight:bold;
 color:#666;
 }
 
.formarea div.radioheader {
font-size: 75%;
 color:#666;
 margin-bottom:2px;
 margin-top:18px;
 font-weight:bold;
}
.formarea p.instruction {
font-size: 70%;
 color:#666;
 margin-bottom:3px;
}
.formarea p.sample {
font-size: 70%;
 color:#666;
 margin-bottom:3px;
 font-style:italic;
}
.formarea textarea { font-family:Arial, Helvetica, sans-serif;}
 fieldset {
 padding:10px; 
 margin-bottom:5px;
 }
 
 legend {font-size:80%; font-weight:bold; color:#900;}
.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;
 }
/* Footer */
#footer p {
 font-size : 72%;
 margin-top: 6px;
 margin-bottom: 0;
 text-align: center;
}
#doe
{
 color : Gray;
}
.reddot
{
 font-size : 8pt;
 font-family : Verdana, Arial, Helvetica;
 font-weight : normal;
 color : red;
 margin-top: 5px;
 margin-bottom: 0;
}
/* For red headers that link, without the underline and with a blue rollover color */
.lineless
    { text-decoration:none;}
.lineless A:hover { 
 color: #000066;
 text-decoration : none; 
 background-color: transparent;
} 
.lineless :link, .lineless :visited {
 color : #990000;
 text-decoration : none;
 background-color: transparent;
}
.lineless-blue A:hover { 
 color: #FFFFFF;
 text-decoration : none; 
 background-color: #000066;
} 
.lineless-blue A:link, .lineless-blue A:visited {
 color : #FFFFFF;
 text-decoration : none;
 background-color: #000066;
}
.navgreyline {border-bottom: 1px solid #CCC; margin-bottom:3px; margin-top:3px;}
.MainBarFont
{
font-weight:700;
color: white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px
}
.MainBar
{
background-color:#000066;
}
.SecBarFont
{
font-weight:700;
color: white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px
}
.SecBar
{
background-color:#000066;
}
.companyname
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}
.tabletext  {
 font-size :90%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight : normal;
 color : #000;
 margin:0;
 padding:0;
 border:0;
 }
.resulttext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 70%;
 color: #000000;
}
.thirdbar {
 background-color: #CCCCCC;
}
.thirdbarfont {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 font-weight: 700;
 color: #000000;
}

/* 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;
}
.photocolor {
 background-image : url(images/photo_head_external.jpg); 
 background-repeat : no-repeat; 
 background-color: #FFFFFF;
}
.background {
 background-image : url(images/header_eere_head_1b.gif);
 background-repeat : no-repeat;
 background-color: #FFFFFF;
}
#maincontent
 {
 padding:12px 12px 12px 12px;
 margin-right:0%;
}


