body {
   background-color: #000066;
   font: 12px Verdana, Helvetica, Arial, sans-serif;
   }
   
.clear { clear: both; }

.spacer { clear: both; padding-bottom: 5px; }

a { color: #000066; text-decoration: underline;}
a:hover { color: #000066; text-decoration: underline;}


#wrapper {
   margin: 10px auto;
   width: 731px;
   background-color: #F6E896;
   background-image: url(../img/main_background.gif);
   background-repeat: repeat-y;
   }

#masthead {
	width: 731px;
	height: 96px;
   }

#top_nav {
   float: left;
   width: 555px;
   height: 24px;
   background-image: url(../img/photo_back.jpg);
   background-repeat: repeat-x;
   margin: 0px;
   padding: 0px;
   border-left: 1px solid white;
   }
   
ul.nav  {
   display: inline;
   margin: 0; 
   padding: 0; 
   list-style: none; 
   }
   
ul.nav li {
   display: inline;
   float: left;
   font: 10px Verdana, Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 0;
   padding-right: 23px;
   list-style: none;
   line-height: 25px;
   }

ul.nav2  {
   display: inline;
   margin: 0; 
   padding: 0; 
   list-style: none; 
   }
   
ul.nav2 li {
   display: inline;
   height: 22px;
   float: left;
   font: 10px Verdana, Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 0;
   padding-right: 30px;
   line-height: 22px;
   list-style: none;
   }
   
ul.nav li a { color: black; text-decoration: none; }
ul.nav2 li a { color: black; text-decoration: none;}

ul.nav li a:hover { color: black; text-decoration: underline; }
ul.nav2 li a:hover { color: black; text-decoration: underline; }

ul.nav li.img-onoff-noline a { color: white; text-decoration: none; }
ul.nav li.img-onoff-noline a:hover { color: white; text-decoration: underline; }
ul.nav li.img-onoff-first a { color: white; text-decoration: none; }
ul.nav li.img-onoff-first a:hover { color: white; text-decoration: underline; }


/* hide from IE mac \*/
ul.primary {    }

   ul.primary li                  { background: url(../img/tabs/tab_off_off.gif) no-repeat top right;  }
   ul.primary li.img-onoff-first  { background: url(../img/tabs/tab_on_off_first.gif)  no-repeat top right; padding-left: 5px;}
   ul.primary li.img-offon-first  { background: url(../img/tabs/tab_off_on_first.gif)  no-repeat top right; padding-left: 5px;}
   ul.primary li.img-offoff-first { background: url(../img/tabs/tab_off_off_first.gif)  no-repeat top right; padding-left: 5px;}
   ul.primary li.img-offon        { background: url(../img/tabs/tab_off_on.gif)  no-repeat top right; color: inherit; }
   ul.primary li.img-offoff       { background: url(../img/tabs/tab_off_off.gif) no-repeat top right; color: inherit; }
   ul.primary li.img-onoff        { background: url(../img/tabs/tab_on_off.gif)  no-repeat top right; color: inherit; }
   ul.primary li.img-onoff-noline { background: url(../img/tabs/tab_on_off_noline.gif)  no-repeat top right; color: inherit; }
   ul.primary li.img-onoff-noline { background: url(../img/tabs/tab_on_off_noline.gif)  no-repeat top right; color: inherit; }

   ul.primary li.img-laston       { background: url(../img/tabs/tab_on_last.gif)    no-repeat top right; color: inherit; }
   ul.primary li.img-lastoff      { background: url(../img/tabs/tab_off_last.gif)   no-repeat top right; color: inherit; }

   ul.primary li a                { background: transparent; display: block; }
   ul.primary li.img-onoff a      { color: white;   background: transparent; }
   ul.primary li.img-laston a     { color: white;  background: transparent; }

 /*  ul.secondary                   { background: url(../img/tabs/tabs_bottom_border.gif) repeat-x bottom; } */

   ul.secondary li.img-offon-first     {   background: url(../img/tabs/tab2_off_on_first.gif)  no-repeat top right; margin-left: 6px; padding-left: 7px;}
   ul.secondary li.img-onoff-first     {   background: url(../img/tabs/tab2_on_off_first.gif)  no-repeat top right; margin-left: 6px; padding-left: 7px;}
   ul.secondary li.img-offoff-first    {   background: url(../img/tabs/tab2_off_off.gif)       no-repeat top right; margin-left: 6px; padding-left: 7px;}
   
   ul.secondary li.img-offon     {   background: url(../img/tabs/tab2_off_on_first.gif)  no-repeat top right;}
   ul.secondary li.img-onoff     {   background: url(../img/tabs/tab2_on_off_first.gif)  no-repeat top right; }
   ul.secondary li.img-offoff    {   background: url(../img/tabs/tab2_off_off.gif)       no-repeat top right;}
   
   ul.secondary li.img-onoff-one {   background: url(../img/tabs/tab2_on_last.gif)       no-repeat top right; margin-left: 6px; padding-left: 7px; }
   ul.secondary li.img-laston    {   background: url(../img/tabs/tab2_on_last.gif)       no-repeat top right; padding-right: 25px; }
   ul.secondary li.img-lastoff   {   background: url(../img/tabs/tab2_off_last.gif)      no-repeat top right; padding-right: 25px;}



/* **************************************************************** */

#second_nav {
   float: left;
   clear: both;
   width: 554px;
   height: 22px;
   margin-top: 0px !important;
   margin-top/**/:/**/ -1px;
   padding: 0px;
   padding: 11px 0 0px 0;
   background-color: #235B9C;
   border-left: 1px solid white;
   border-right: 1px solid white;
   }


#tab_content {
    float: left;
	width: 556px;
    min-height: 300px;
	margin: 0px;
	padding: 0px;
    background-image: url(../img/content_background.gif);
    background-repeat: repeat-y;
   }
      
#tab_content p, h1, h2, h3, ul, li {
	margin-left: 20px;
	margin-right: 20px;
   }


#content {
   width: 554px;
   background-image: url(../img/tab_background.gif);
   background-repeat: repeat-y;
   min-height: 300px;
   border-right: 1px solid white;
   border-left: 1px solid white;
   margin: 0px;
   padding: 0px;
   }

#content h1 {
   font-size: 18px;
   color: #000066;
   }

#content h2 {
   font-size: 16px;
   color: #000066;
   }

#content h3 {
   font-size: 14px;
   }
   
#content_footer {
   float: left;
   width: 556px;
   background-color: #235B9C;
   margin: 0px;
   padding: 0px;
   }


#content ul.spacebetweenitems li {padding-bottom: 10px;}
#content ul.nobullets li {list-style: none;}
#content ul.noindent { margin-left: 0; padding: 0 0 0.25em 0; }

#photo {
   float: right;
   vertical-align: top;
   width: 175px;
   background-color: transparent;
   margin: 0px;
   padding: 0px;
   }

#footer {
   width: 731px;
   height: 32px;
   margin: 0px;
   padding: 0px;
   }

p.copyright {
   width: 600px;
   margin: 0 auto;
   padding: 0;
   font: 9px Verdana, Helvetica, Arial, sans-serif;
   color: white;
   text-align: center;
   }   
