body {
font-family: arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: justify;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #663300;
}

h1 {
background-color: #663300;
color: #FFFF66;
font-size: 18pt;
font-weight:bold;
padding:1px 1px;
margin:3px 3px;
}

h2 {
color: #663300;
font-size: 16pt;
font-weight:bold;
padding:1px 1px;
margin:3px 3px;
}

h3 {
color: #663300;
font-size: 14pt;
font-weight:bold;
padding:1px 1px;
margin:3px 3px;
}

a:link, a:visited {
color: #754719;
font-family: arial, Helvetica, sans-serif;
font-size: 12pt;
text-decoration: underline;
}

a:hover, a:active {
color: #845b32;
font-family: arial, Helvetica, sans-serif;
font-size: 12pt;
text-decoration: none;
}

info_td {
width: 300px;
}


.hintanchor{ /*CSS for link that shows hint onmouseover*/
color:#663300;
margin: 5px 8px;
text-decoration:none;
}

.hintanchor: a {
text-decoration:none;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #FFFF66;
width: 150px; /*Default width of hint.*/ 
padding: 5px;
border:1px solid #663300;
font:normal 13px Verdana;
z-index:100;
border-right: 3px solid #b2997f;
border-bottom: 3px solid #b2997f;
visibility: hidden;
}

hr {
color: #663300;
background-color: #663300;
width:80%;
height:2px;
}

.hilite {
width:200px;
float:left;
padding:10px;
margin:0px;
background-color:#FFFF66;
font-weight:bold;
font-size:18pt;
text-decoration:none;
border:1px solid #663300;
color: #663300;
}

.lolite {
width:200px;
float:left;
padding:10px;
margin:0px;
background-color:#FFFFFF;
font-weight:bold;
font-size:18pt;
text-decoration:none;
border:1px solid #663300;
color:#dacdc1;
}

.sminput {
width:40px;
}

.rborder {

border:2px solid #999999;
padding:1px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;

}

.sborder {

border:1px solid #999999;
padding:2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;

}

/* Button */
.button{
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#d16e0d), to(#cdaa88));
   background: -moz-linear-gradient(top, #d16e0d, #cdaa88);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   
   position: relative;
   overflow: hidden;
   display: inline-block;
}

.button:before {
   content: "";
   color: white;
   width: 200%;
   height: 200%;
   position: absolute;
   top: -200%;
   left: -225%;

   background-image: -webkit-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0)); 
   background-image: -moz-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));  
    
     -moz-transition: all 0.5s ease-out; 
       -o-transition: all 0.5s ease-out; 
  -webkit-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
}

.button:hover:before {
   color: white;
  top: 200%;
  left: 200%;   
}

/* End Button */

.footer a:link, .footer a:visited {
font-size: 11pt;
color: #845b32;
font-family: arial, Helvetica, sans-serif;
text-decoration: underline;
}

.footer a:hover, .footer a:active {
font-size: 11pt;
color: #845b32;
font-family: arial, Helvetica, sans-serif;
text-decoration: none;
}

.footer {
margin-top:-20px;
font-size: 11pt;
color: #845b32;
font-family: arial, Helvetica, sans-serif;
text-decoration: none;
}

.line0 {
background-color: #FFFFFF;
color: #663300;
width:100%;
}

.line1 {
background-color: #ffd700;
color: #663300;
width:100%;
}