html {
     background-color:               #2f678a; 
     background-image:             url(images/background.gif);
     background-repeat:            repeat-x;
          }
 
     body
      {
	margin:             0;
	padding:            0;
	line-height:        1.5em;
	text-align:         center;
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
      }
      
    
      #container
     {
       width:                    820px;     
       background-color:        #fff;
       line-height:             130%;
       margin:                  0 auto;
       text-align:               left;
       border-top:               3px solid #555;
       border-right:             5px solid #555;
       border-bottom:            3px solid #555;
       border-left:             2px solid #555;
     }
  
    
   
/* HEADER */

    #top
     {
      
      background-color:     #36b70a;
      background-repeat:    no-repeat;
      border-bottom:         3px solid gray;
      padding-left:         32px;
      padding-right:       32px;
      position:             relative;
      
     }

 

    #leftnav
    {
     float:                   left;
     margin:                   0;
     margin-bottom:            0;
     padding:                  20px 0;
     background:             #7da5be;
     background-image:          url(images/nav_bg.gif);
     background-repeat:      repeat-x;    
     width:                  12em;
         
   }

   
   #leftnav p 
   { 
     margin:                  0 0 1em 0;
     
   }

   #content
    {
      margin:                 0 0 0 205px;
      border-left:            5px dotted gray;
      padding:                10px 20px;
    	}
  
   #content p
  {
	font-family:               Arial, Helvetica, sans-serif;
	text-align:                justify;
	letter-spacing:            1.5px;
	
  }
   
  

   #footer
   {
    padding:                  0 10px 0 20px;
    
    color:                    #000;  
    background-image:       url(images/footer.gif);
    background-repeat:      repeat-x;
    text-align:               center;
    font-size:                14px;
    font-family:              Geneva, Arial, Helvetica, sans-serif;
    letter-spacing:           .05em;
    border-top:               3px solid gray;	
    
   }
 



   #content h2
  {
        margin:                   1em  0  1.5em 0;
        text-align:               left;
   	font-family:              "Times New Roman", Times, serif;
	font-size:                18px;
	font-style:               italic;
	border-bottom-width:      2px;
	border-bottom-style:      solid;
	border-bottom-color:      #999999;
	letter-spacing:           0.3em;
}

     #content h2:first-letter
   {  
      font-size:                 xx-large;
      font-weight:               bold;
      font-style:                italic;
     
    }
	
  



   #content p:first-letter
   {
      font-size:               24px;
      font-weight:             bold;
      font-style:              italic;
      color:                   #666666;
    }

   #content p:first-line
   {
      
	  word-spacing:           .03em;
   }

   #top .logo  {
   
    border:                   none;
    padding:                  10px 5px 5px 0;
    }
  

 

  #downloadpdf .center  {

   border:                  none;
   
   }

 
  .link {

   color:                  #055670;
   text-align:             center;
   text-decoration:        none;
   border:                 none;
   
   }


   .link a:hover {
  
   background-color:      #ccc;
   text-decoration:       underline;
    }
  


  h3 {
   
   font-size:              14px;
}
  
  .passvalidated {

   border:                 none;
     }


/* NAVIGATION */

   #navcontainer { margin-left: .5em; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #000;
background-color: #00CC33;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
font-weight: bold;
font-size: .8em;
}

#navcontainer a:hover
{
color: #000;
background-color:           #00FF00;
text-decoration:         underline;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;

}


#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width:   128px;
color: #000;
background-color: #00FF66;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #000;
background-color: #00FF00;

}


#active a
{
color: #000;
background-color:           #00FF00;
text-decoration:         underline;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}


#content a {

   color:                  #3D0563;
   text-align:             center;
   text-decoration:        underline;
  
   }

#content a:hover {
  
   background-color:      #ccc;
   text-decoration:       underline;
    }

#content ul li {

  font-size:             95%; 
 }


.welcome {

  padding-top:            15px;
  padding-bottom:       10px;
 border-bottom-width:      2px;
	border-bottom-style:      solid;
	border-bottom-color:      #999999;
	letter-spacing:           0.3em;
	
}

/* END NAVIGATION */