/*
This CSS File contains the common design elements for both browsers that support CSS 2.0 and those that do not.
*/

html { height: 100%; margin-bottom: 1px; }
/* This code adds a vertical scrollbar to FireFox so that we eliminate the ugly page shift when content is lengthy*/

body 
{
   font-family:verdana; 
    font-size:68.75%; /* Setting a standard font size compatible with all browsers. % used to change all tags as a ratio. */
    background-color:#8ca9d3; /* Blue background for page. */
    min-width:95.0em;  /* Minimum width to keep page consistent when window size is adjusted too small. (approx. 752px at default font size) */
    max-width:100%;
    margin:0;  /* This keeps borders from appearing on top left and right of page. */
    padding:0; /* Same as above line. */
    background: #8ca9d3 url(hcde-county.gif) right 130px no-repeat/* This sets Navigation background, while layering beneath the book. */
    }
    
h1,h2,h3,h4,h5,h6,p,ul,address
{
    margin:.8em 0 .2em 0; /* Sets margins in ratio of Heading sizes. */
    color:black;
    }  
address
{
    text-align:center;
    }


 /* All font sizes in em's to maintain elasticity. */    
h1, h3.ItemTitle {font-size:2.4em;} 
h2 {font-size:2.0em;} 
h3 {font-size:1.8em;} 
h4 {font-size:1.6em;} 
h5 {font-size:1.5em;} 
h6 {font-size:1.3em;} 
p,blockquote,address {font-size:1.2em;}
table {font-size:1.0em;}

div
{
    text-align:left;
    }

ul,ol,li
{
    color:black;
    margin:0; 
    padding:0; 
    margin-left:1em; /* Indents every list, without indenting the list items. */
    font-size:1.2em; 
    }
ol li
{
    list-style-type:decimal;
     font-size:0.90em;  
    }  
li 
{
    list-style:outside;  /* Outside bullets used in combination with left margin of ul above. */
    color:black;
    font-size:0.9em;  
    
}
   
a 
{ /* Decorate links */
    text-decoration:none; 
    font-weight:900; 
    color:black;
    } 
fieldset 
{
    border:none;
    }
    
cite
{
    float:right;
    text-align:right;
    padding-bottom:1em;
    }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#Header 
{ /* Sizing the Header */
    height:125px; /* Header is a fixed height to prevent it growing. */
    width:100%; 
    min-width:68.4em;   /* Minimum width to keep Header consistent when window size is adjusted too small. (approx. 752px at default font size) */
    margin-bottom:30px;
    background:#ffd782 url(hcde-org-sun-rays-hdr.gif) center -47px no-repeat; /* Color matches that of the darker rays. */
    }

#Header h1,#Ticker h5,#Summary h5
{ /* Hide headers. */
    visibility:hidden; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0;
    font-size:0;
    }
#Header p {text-align:center;}
#Slogan 
{  /* (Investing in our future) */
    font-size:3.3em; 
    letter-spacing:.3em; 
    color:#bf9a4b; 
    min-width:20.7em; 
    width:100%; 
    position:absolute; 
    left:0px; 
    top:125px; 
    margin-top:-1.3em;
    }
#Ticker 
{
   /* visibility:hidden;
    width:0px;
    height:0px;
    text-align:center; 
    margin-top:125px;   In px to keep with header's fixed height. 
    margin-bottom:.9em;*/
    }
#Ticker p 
{
    /*background:url(ticker.png) no-repeat center;  png needs to be gif. 
    padding:.1em; 
    font-size:1.2em; 
    margin:0; 
    overflow:hidden;*/
    }
#Search,#Navigation
{
    margin:0em; 
    width:11.0em; /* Approx. 150px in default font size. */
    }

#Search,#Navigation 
{
    margin-right: 5.5em; margin-left: 0.0em;
    z-index:99;
    float:right; 
    clear:right; 
 
    }
#Search 
{
  position:relative;
    top:115px;  /* In px to keep with header's fixed height. */
    }

#Navigation, #RelatedItems 
{
    line-height:1.3em;
    }
#Navigation 
{
    margin-top:0em;
    }
#Navigation li, #RelatedItems li
{
    margin:.4em;
    }

#Search input 
{ /* this removes the 3d look and relatively sized the box. */
    margin:0; 
    padding:0; 
    width:10em;
    }
#Links 
{
  float:left; 
  clear:left;
  margin: -2.75em -3.8em 0em -1.0em;
    }



 /* This starts the content area. */

#Shell 
{
    padding:0;
    position:relative; top:-30px
    }
    
/*#Shell .Spacer,#Content .Spacer 
{ /* this gives the top and bottom of the book space. 
    height:15px;
    width:1px;
    margin:0;
    }*/

#Content 
{
    margin:0;
    }

#Content div li
{
    color:black;
    }

#Content div 
{  /* All div's inside #Content will have background and padding, no margin.
        This connects the book from top to bottom. */
    padding:.3em 2.2em 2.2em 1.75em;
    min-height: 33.50em;
    min-width: 500px
    }

#Content div div,#Content div table div
{
    background:transparent;
    }
    
#Text img
{   /* This modifies img's embedded in text. */
    margin:1.5em;
    margin-top:1em;
    border:none;
    }
    
.ItemImgPrimary
{   /* This modifies img's embedded in text. */
    float:right;
    max-width:19em;
    max-height:20em;
    }
#Text p
{
    margin-top:1.2em;
    }    

#Summary
{
    font-size:1.1em;
    }    



table, tr, td 
{ 
    margin:0;
    padding:0;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    clear: both;
    }

.portraitimg 
{
    float:left;
    margin:.2em 1em 1em 2em;
    
    }
.FeaturedItems .AlternateRow img
{
    float:right;
    margin:.2em 0 1em 1em;
    }
    
.FeaturedItems p
{
    margin-top:0.1em;
    margin-bottom:0.1em;
    }    
    
.FeaturedTitle, .FeaturedMore
{
    display:block;
    }
    
#Summary,.FeaturedItems,#Text
{ /* this adjusts spacing to balance horizontal line on h5 below these div's */
    margin-bottom:0;
    padding-bottom:-1em;
    }
.ItemList h5,.FeaturedItems h5,.RelatedItems h5
{ /* this adds a horizontal line to visually separate content */
    border-top:1px solid black;
    padding-top:2em;
    margin-top:0;
    }
    
.ItemList p
{
    margin-left:1.5em;
    display:list-item;
    }
#Content .QuickLinks p
{
    margin-top:0.2em;
    margin-bottom:0;
    }

.RelatedItems h5, .FeaturedItems h5
{ /* this prevents item's images from overlapping the related items text */
    clear:both;
    }

#RelatedItems ul, #HighlightedItems ul 
{
    margin-left:0px; /* this removes extra margin used in other ul's */
    }
#RelatedItems li, #HighlightedItems li 
{ /* Removing bullets from lists. */
    list-style:none outside;
    }


.Paging a
{
    margin:1em;
    margin-left:0;
    }

/*#SectionTitle,#SubsectionTitle,#ItemTitle {position:relative; top:24px; padding:0em 24px 0em 24px; line-height:0em; display:inline;}

#HighlightedItems 
{
    margin-top:.5em;
    width:100%;
    }
#HighlightedItems h5
{
    width:45em;
    margin:auto auto 0 1.3em;
    }
#HighlightedItems ul 
{
    width:68.4em;  /* Matches the overall min-width of the page. 
    }*/
#HighlightedItems img 
{ /* Specify image height (approx. 150px at base font size.) 
    min-height:11.4em; 
    min-width:11.4em;  /* Needs to match CSS sizing of #HighlightedItems li. 
    border:none;*/
    }
#HighlightedItems a:hover img 
{ /* Work magic to display Title instead of pic. */
    }
#HighlightedItems li 
{
    /*list-style:none; 
    float:left; 
    width:13.6em;  /* Needs to match CSS Sizing of #HighlightedItems img. 
    height:13.6em; 
    border:.4em white solid; 
    margin:1.3em; 
    margin-top:1em;
    overflow:hidden;*/
    }
#HighlightedItems p 
{
    /*margin:0px;  Removing margin added to all paragraphs that shifted the images. */
    }
#HighlightedItems,#Footer 
{    /* To position relative to content while filling 100% width of screen, position:absolute; is required without specifying Y coordinates.
        They occupy same space when it moves up to fill the void since #HighlightedItems now has its own layer. */
    /*position:absolute; 
    left:0; */
    }
#Footer 
{
    margin-top:2.5em; 
    left:10.4em; 
    right:10.4em; 
    padding-bottom:.5em; 
    text-align:center;
    }
#Footer address
{
    margin-top:0;
    }

.Spacer 
{
    visibility:hidden; 
    margin:0px;
    }
    
    
.EmptyData 
{
    display:none;
    visibility:hidden;
    height:0;
    padding:0;
    margin:0;
    }     
.FooterSeal
{
    /*float:right;
    clear:both; 
    position:relative; 
   
    right:-13.0em; 
    bottom:30em;*/ 
    border:none;
    height:13.0em; 
    width:13.0em; 
   /* margin:0 0 -23.6em -23.6em;*/
    }
.WizardNavigation
{
    position:absolute;
    top:233px;
    left:20px;
    }
.Validator li
{
    color:Red;
    }

  /* #Application td 
{
    padding:.2em 1em .2em 1em;
    }