body {background: url(graphics/grad.gif) repeat-x; 
      Font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      background-color: #000059;
      font-size:100%;
      margin:0px;
      padding:0px;
      text-align:center;
      }
      
h1, h2 {text-align:center; 
    color:#FFFF00; 
    font-size:120%;
    font-weight:bold; }
      
#logo{width:80px;
      height:80px;
      position:absolute;
      top:5;left:10;}
      
#header{margin-left:30%;
      width:600px;
      height:100px;}
      
#crumbs{margin-left:-50px;
        position:relative;
        top:-15px;
        color:white;}
      
#content {
     margin-left:18%;   
     color:#FFFFFF;
     padding-left:1%;
     padding-right:1%;
     text-align:left;
     background-color:#2D73B9;
     }

/*Control Anchors*/
a:link, a:visited {color:#9C2C86; text-decoration:none;}
a:hover, a:active {color:#D1004B; text-decoration:underline; font-weight:bold}
/*end of control anchors*/

/*Control copyright*/
p.copyright {font-size:100%; 
     color:yellow; 
     top:auto; 
     left:10px; 
     }

/*Control Navigation Bar*/
#navbar {position:absolute; 
    top: 130px; 
    left:10px;
    width: 15%;
    padding:3px;
    border-color:#2D73B9;
    border-style:outset;
    text-align:left;
    font-size:75%;
    font-weight:normal;
    color:#9C2C86;
    background-color:#C0C0C0;}

ul.root{list-style-type:none;
    cursor:pointer;
    margin-left:0px;
    padding-left:0px;
    border-left:0px;
    }

ul.ind{list-style-type:none;
      border-left:0px;
      margin-left:0px;
      padding-left:15px;
      }
    


/*#navbar ul {padding-left:0px;}*/



/* end of navigation bar */

/* Control footer placement */
#footer {width:750px; 
   height:25px; 
   clear:both; 
   margin-left:50px;
}

#footer .hleft{float:left;
   margin: 5px 50px 5px 0; }
#footer .hright{float:right; }
      
/*Control wording div*/
#wording {position:absolute; top:125px; left:70%; width:30%; float:right;}

/* format picture display */      

    img.minis {
       margin:0px; 
       height:100px; 
       width:66px; 
       border:0px;
       } 
	div#minipics a:hover {
       background:#2D73B9; 
       border:none;
       }
	div#minipics a img.big {
       height: 0; 
       width: 0; 
       border:none;
       } 
	div#minipics a:hover img.big {
       position:absolute; 
       top:130px; 
       left:35%; 
       height:500px; 
       width:333px; 
       border:double silver thick;
       } 
	
    img.caption {margin:2px; 
       height:100px; 
       width:333px; 
       border-style:outset;
       position:absolute;
       top:500px; 
       left:35% }
/* style the frame the pictures sit in and the pictures */    
#frame {
      position:absolute; 
      top:130px; 
      left:35%; 
      height:510px; 
      width:333px; 
      border:double silver thick;
      } 
    
img.navpic {
    border:2px; 
    float:left;
    border-style:solid; 
    height:120px; 
    width:66px; 
    margin-left:100px; 
    color:#FFFFFF;}
/* end of picture display */

/* style submit button */
#activate {background:white;
            margin-left:10%;
            border:5px;
            border-style:outset;
            color:yellow;
            width:40%; 
            font-size:120%;
            text-align:center;
            }
            
span.endmain {float:left; }
