/* 
***********************
color table:

      black:#000; (or #000000)
      white:#fff; (or #ffffff)

green: #008000
Yellow: #ffc
teal: #699
Orange: #FF9900
Light Orange: #FFDBA7
Dark Blue: #355977 (for H2 and for copy2 link)
Darker Blue: #000066 (for copy2 link hover)
Dark Blue for Left Nav Menu Main 4 Headings: R: 37, G: 71, B: 100 = #254764
Medium Gray (columns background): #B9C9D5
Light Gray (box borders): #C9D7E1
Ultra Light Gray (background color in section-specific bottom nav boxes): #F2F5E2
Green: #ABBA39
Gray Headings (h1, h2): #355977
subhedgray sitemap subheadings: #7F7F7F

Blue for Left Nav Menu Main 4 Headings: R: 37, G: 71, B: 100 = #254764



Link Colors CSS

a:link {color: #000000; ---- All unvisited links will be colored black ----- }

a:visited {color: #FF9900; -----  All visited links will be colored tan ----- }

a:active {color: #FF0000; -----  All active links will be colored red ----- }

a:hover {color: #0000FF; background: #FFFF00;}

When the mouse pointer is over the link the link will be colored blue
and the background color of the link will change to yellow
***********************
*/

body {
      margin:0;
      padding:0;
      font-size:.9em;
      font-family: georgia, palatino, "times new roman", roman, serif;
      color:#000;
      height:100%; /* this is the key! */
      }

.copy {
      margin:0;
      padding:0;
      font-size:.9em;
      font-family: helvetica, arial, sans-serif;
      color:#000;
      }

.copysmall {
      margin:0;
      padding:0;
      font-size:.75em;
      font-family: helvetica, arial, sans-serif;
      color:#000;
      }
.copysmall a:link { text-decoration: underline; }
.copysmall a:visited { text-decoration: underline; }
.copysmall a:hover { text-decoration: underline; } 

.blurbright {
      margin:0;
      padding:0;
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      color:#000;
      }
.blurbright a:link { text-decoration: none; }
.blurbright a:visited { text-decoration: none; }
.blurbright a:hover { text-decoration: underline; } 




.bullet {
      margin:0;
      padding:0;
      font-size:.9em;
      font-family: helvetica, arial, sans-serif;
      color:#000;
      }

.bulletsmall {
      margin: 0px 0px 0px 18px;
      padding:0;
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      color:#000;
      }
/* margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */

.bulletsmallblue {
      margin: 0px 0px 0px 18px;
      padding:0;
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      color:#000066;
      }

.bulletsmallorange {
      margin: 0px 0px 0px 0px;
      padding:0;
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      color:#FF9900;
      }

.bulletsmallorange a:link { color: #FF9900; text-decoration: none; font-family: helvetica, arial, sans-serif; }
.bulletsmallorange a:visited { color: #FF9900; text-decoration: none; font-weight: bold; font-family: helvetica, arial, sans-serif; }
.bulletsmallorange a:hover { color: #FF9900; text-decoration: underline; font-family: helvetica, arial, sans-serif; text-decoration: underline; } 

/* margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */


.copyorange {
      margin:0;
      padding:0;
      font-size:.9em;
      font-family: helvetica, arial, sans-serif;
      color:#FF9900;
      }

.copyorangesmall {
      margin:0;
      padding:0;
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      color:#FF9900;
      }


.copygreensmall {
      margin:0;
      padding:0;
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      color:#ABBA39;
      }


.topheader {
      font-size:3em;
      line-height:4em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000066;
      text-align: center;
      margin: 0 0 0 0;
      }

h1 {
      font-size:1em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000066;
      margin:0;
      }

.h1black {
      font-size:1em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000;
      margin:0;
      }


/* margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */

h2 {
      font-size:.95em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000066;
      margin:0;
      }

.h2green {
      font-size:.95em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #008000;
      margin:0 0 0 -5pt;
      }

.h3green {
      font-size:.9em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #008000;
      }

.h3green a:link { color: #008000; text-decoration: none; font-family: helvetica, arial, sans-serif; }
.h3green a:visited { color: #008000; text-decoration: none; font-weight: bold; font-family: helvetica, arial, sans-serif; }
.h3green a:hover { color: #008000; text-decoration: underline; font-family: helvetica, arial, sans-serif; text-decoration: underline; } 


.h3blue {
      font-size:.9em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000066;
      }

.h3blue a:link { color: #000066; text-decoration: none; font-family: helvetica, arial, sans-serif; }
.h3blue a:visited { color: #000066; text-decoration: none; font-weight: bold; font-family: helvetica, arial, sans-serif; }
.h3blue a:hover { color: #000066; text-decoration: underline; font-family: helvetica, arial, sans-serif; text-decoration: underline; } 

.h3bluesmall {
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000066;
      }

.blogbluehed {
      font-size:.8em;
      font-family: helvetica, arial, sans-serif;
      color: #000066;
      }





h3 {
      font-size:.8em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000;
      margin:0;
      }

.sideright {
      font-size:.8em;
      font-family: helvetica, arial, sans-serif;
      color: #000;
      margin:0;
      }

/* margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */

.h3orange {
      font-size:.8em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #FF9900;
      margin: 0 0 0 0; 
      position: absolute;
      width: 190px;
     }

.h3orangewide {
      font-size:.8em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #FF9900;
      margin: 0 0 0 0; 
      position: absolute;
     }

.h3orangesmall {
      font-size:.7em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #FF9900;
      margin: 0 0 0 0; 
      position: absolute;
      width: 190px;
     }


#sideleftcolumn {
      margin: 0 0 0 0; 
      padding:0;
      width:181px;
      background:#fff;
      border:none;
      }


.h3sideleft {
      font-size:.8em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #FF9900;
      margin: 0 8px 0 8px; 
      position: absolute;
      width:180px;
     }

.sideleft {
      font-size:.8em;
      font-family: helvetica, arial, sans-serif;
      color: #000;
      margin: 0 8px 0 8px; 
      position: absolute;
      width:180px;
      }

h4 {
      font-size:.9em;
      font-family: georgia, palatino, serif;
      color:#000;
      background:#fff;
      font-weight: bold;
      margin:0;
      }

.text {
     font-size:.9em;
     font-family: georgia, palatino, "times new roman", roman, serif;
     color:#000;
      }


.link_underline_copy { color: #000; font-size:.9em; font-family: georgia, palatino, "times new roman", roman, serif; }
.link_underline_copy a:link { color: #000066; text-decoration: underline; font-family: Verdana, sans-serif; }
.link_underline_copy a:visited { color: #000066; text-decoration: underline; font-family: Verdana, sans-serif; } 
.link_underline_copy a:hover { color: #000066; text-decoration: underline; }



.caption { color: #000; font-size: 0.7em; line-height: 1em; font-weight: bold; font-family: verdana, arial, sans-serif; }
.caption a:link { color: #000066; text-decoration: none; font-family: Verdana, sans-serif; }
.caption a:visited { color: #000066; text-decoration: none; font-family: Verdana, sans-serif; } 
.caption a:hover { color: #000066; text-decoration: underline; }

.caption_blurb { text-align: center; color: #000; font-size: 0.7em; line-height: 1em; font-weight: bold; font-family: verdana, arial, sans-serif; }
.caption_blurb a:link { color: #000066; text-decoration: none; font-family: Verdana, sans-serif; }
.caption_blurb a:visited { color: #000066; text-decoration: none; font-family: Verdana, sans-serif; } 
.caption_blurb a:hover { color: #000066; text-decoration: underline; }




.captionblue { color: #000066; font-size: 0.7em; line-height: 1em; font-weight: bold; font-family: verdana, arial, sans-serif; }
.captionblue a:link { color: #000066; text-decoration: none; font-family: Verdana, sans-serif; }
.captionblue a:visited { color: #000066; text-decoration: none; font-family: Verdana, sans-serif; } 
.captionblue a:hover { color: #000066; text-decoration: underline; }



.minilink { color: #FF9900; font-size: 0.6em; line-height: 0.7em; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.minilink a:link { color: #FF9900; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.minilink a:visited { color: #FF9900; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.minilink a:hover { color: #FF9900; text-decoration: underline; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; } 



a{
      text-decoration:none;
      color: #000066; 
      }
      
a:link{
      background: transparent;
      color: #000066; 
      }
      
a:visited{
      background: transparent;
      color: #000066; 
     }
      
a:active{
      background: transparent;
      color: #000066; 
      }
     
a:hover{
      text-decoration: underline;
      background: transparent;
      color: #000066; 
      }

      


/* --- other sample tries -------

background-image:url(images/nav-blue-background-gradient-left-740x1528.png); background-repeat:no-repeat;
width: 740px; --------- used 741 (from 740) to correct firefox indented body ---------
height: 90px; 
margin: 0 0 0 0;
*/
/* ------------------------------------------------------------------------------- */

#header {
      width:740px; 
      height:70px;
      border:none;
      padding:0;
      margin: 0 0 -60px 0;
      text-align: center;
      align: center;
   }

/* background-image:url("images/top-header.gif"); background-repeat:no-repeat; */

.hed { 
      font-size:1.5em;
      font-family: helvetica, arial, sans-serif;
      font-weight: bold;
      color: #000066;
      text-align: center;
     }

/* margin: 0 8px 0 8px; 
margin - top, right, bottom, left */

#left {
      position:absolute;
      left:0;
      top:90px;
      padding:0;
      width:200px;
      height:100%;
      color:#000;
      background:#fff;
      border:none;
      margin: 0 0 0 8px; 
      }

/* margin: 0 8px 0 8px; 
margin - top, right, bottom, left */

.content {
      position: relative;
      top:80px;
      margin-left:220px;
      margin-right:220px;
      margin-bottom:20px;
      color:#000;
      border:none;
      padding:0 10px;
      }

.contentblog {
      position: relative;
      top:80px;
      margin-left:220px;
      margin-right:220px;
      margin-bottom:20px;
      color:#000;
      border:none;
      padding:0 10px 0 0;
      }


/*  margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */

#right {
      position:absolute;
      right:0;
      top:90px;
      padding:0 10px 0 10px;
      width:200px;
      height:50%;
      color:#000;
      background:#fff;
      border-left:1px solid #FF9900;
      margin: 0 8px 0 8px; 
      }

#rightblog {
      position:absolute;
      right:0;
      top:90px;
      padding:0 10px 0 10px;
      width:200px;
      height:50%;
      color:#000;
      background:#fff;
      border-left:1px solid #FF9900;
      margin: 0 8px 0 8px; 
      }


/*  margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */


#header p {
      padding:10px;
      }


#left p {
      padding:0 10px;
      }


#right p {
      padding:0 10px;
      }

#rightblog p {
      padding:0 10px 0 10px;
      }

/*  margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */


p.top {
      margin-top:20px;
      }

#footer { 
clear: both; 
padding-top: 1em; 
text-align: center;
 }

#clear { 
clear: both; 
padding-top: 1em; 
text-align: left;
 }



/* -------------------------------------------------------------------------------    

      
      
      
      
 ------------------------------------------------------------------------------- */

/* LEFT-NAV EXTRA */
/* margin - top, right, bottom, left */

.navleft1_nolink { color: #FFDBA7; font-size: 1em; line-height: 2em; text-decoration: none; font-weight: bold; font-family: Verdana, sans-serif; }

.navleft1_link { color: #FFDBA7; font-size: 1em; line-height: 2em; text-decoration: none; font-weight: bold; font-family: Verdana, sans-serif; }
.navleft1_link a:link, 
.navleft1_link a:visited { color: #FFDBA7; font-size: 1em; line-height: 2em; text-decoration: none; font-weight: bold; font-family: Verdana, sans-serif; }
.navleft1_link a:hover { color: #FFDBA7; font-size: 1em; line-height: 2em; text-decoration: underline; font-weight: bold; font-family: Verdana, sans-serif; }


.navleft2_link { color: #000; font-size:.9em; line-height: 1em; text-decoration: none; font-weight: bold; font-family: Verdana, sans-serif; }
.navleft2_link a:link, 
.navleft2_link a:visited { color: #FFF; font-size:.9em; line-height: 1em; text-decoration: none; font-weight: bold; font-family: Verdana, sans-serif; margin-left: 15px; }
.navleft2_link a:hover { color: #FFF; font-size:.9em; line-height: 1em; text-decoration: underline; font-weight: bold; font-family: Verdana, sans-serif; }
/* END LEFT-NAV EXTRA */


/* BEGIN - ROUNDED BOX 15-em style */

.bottomleftround {background-color: transparent; background: url(bottomleftround.gif) 0 100% no-repeat #e68200; width: 200px; }

/* float: left; width: 15em; margin: 8px 8px 3px 0; 
margin - top, right, bottom, left */

.bottomrightround {background-color: transparent; background: url(bottomrightround.gif) 100% 100% no-repeat}
.topleftround {background: url(topleftround.gif) 0 0 no-repeat}
.toprightround {background: url(toprightround.gif) 100% 0 no-repeat; padding:10px}
.end4box {font-size: 1px; height: 1px}


/* END - ROUNDED BOX style */


/* Image DropShadow style -- use dropshadow easily in text areas */

div.imgleft { 
float:left; 
background: url('archive/images/dropshadow.gif') no-repeat bottom right !important; 
margin-left:3px !important; margin-right:0 !important; margin-top:8px !important; margin-bottom:0 !important
 }

div.imgleft img { 
display: block; 
position: relative; 
background-color: #fff; 
border: 1px solid #666; 
margin: -2px 4px 4px -2px; 
/* margin - top, bottom, right, left */
padding: 1px;
 }

/* above is image left-float -- below is right--float */

div.imgright { 
float:right; 
background: url('archive/images/dropshadow.gif') no-repeat top left !important; 
margin-left:3px !important; margin-right:8px !important; margin-top:0 !important; margin-bottom:0 !important
 }

div.imgright img { 
display: block; 
position: relative; 
background-color: #fff; 
border: 1px solid #666; 
margin: 4px -2px -2px 4px; 
/* margin - top, bottom, right, left */
padding: 1px;
 }



/* END OF DropShadow Style */

      /*  end end  */