@charset "UTF-8";

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */


body { 
        text-align:center;
        min-height:468px;/* for good browsers*/
        min-width:552px;/* for good browsers*/
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        background: url(images/vert_strip2.gif) repeat-y;
}
#xouter{
        height:100%;
        width:100%;
        }
#xcontainer {
        position:relative;
        height: 550px;
        width: 850px; 
        margin: 0 auto;  
        margin-top: 100px; 
}       


#xinner {
        width: 850px;
        background:#fff;
        height: 550px;
        text-align: center;
        margin-left:auto;
        margin-right:auto;      
        background:url(images/home_bg.gif) no-repeat;

}
#mainContent {
        padding: 50px 200px 0 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
        text-align:right;
}

#mainContent p{
        color:#CC0000;
        font-size:90%;
        }
        
#mainContent h1{
        color:#000000;
        font-size:130%;
        font-weight:bold;
        }
        
/*main title link style*/
#mainContent a:link, a:visited{ 
        color:#000000;
        font-size:130%;
        font-weight:bold;
        text-decoration: none;
}
        
#mainContent a:hover{
        color:#CC6600;
        font-size:130%;
        font-weight:bold;
        text-decoration:underline;
        }
        
/*history card link syle*/
#mainContent a[href="/registration.html"]  {
        color:#CC6600;
        font-size:110%;
        font-weight:normal;
        text-decoration: none;
}

/*form styles*/
 input {
  width: 200px;
}


/* style form elements on focus */
input:focus, textarea:focus{
  background: #ffc;
}

.formbutton {
  display:inline-block;
  width: 6em;  /* dimensions needed for IE5.x/Win */
  background-color: #CC0000;
  border: 1px solid black;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-weight:bold;
  height:auto;
  padding: 0.2em;
  }
  
    .formbutton2 {
      display:inline-block;
      width: 6em;  /* dimensions needed for IE5.x/Win */
      background-color: #CC0000;
      border: 1px solid black;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      font-weight:bold;
      height:25px;
      padding: 0.2em;
      
    position:relative;
  }
  
  .formbutton3 {
        display:inline-block;
        width: 7em;  /* dimensions needed for IE5.x/Win */
        background-color: #CC0000;
        border: 1px solid black;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-weight:bold;
        height:25px;
        padding: 0.2em;
        
      position:relative;
  }

 .formbutton4 {
    display:inline-block;
    width: 9em;  /* dimensions needed for IE5.x/Win */
    background-color: #CC0000;
    border: 1px solid black;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    height:25px;
    padding: 0.2em;    
    position:relative;
  }
  
 .formbutton5 {
    display:inline-block;
    width: 14em;  /* dimensions needed for IE5.x/Win */
    background-color: #CC0000;
    border: 1px solid black;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    height:25px;
    padding: 0.2em;
        
    position:relative;
  }
.formbutton6 {
  display:inline-block;
  width: 6em;  /* dimensions needed for IE5.x/Win */
  background-color: #CC0000;
  border: 1px solid black;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-weight:bold;
  height:23px;
  padding: 0.1em;

  }
  
button.formbutton6 , input[type="submit"].formbutton6 {
  background-color: #cc0000; 
}
  

.formbutton:hover, formbutton2:hover , .formbutton3:hover , .formbutton4:hover
.formbutton5:hover, .formbutton6:hover{
          background: #FFFFFF;
          color: #ffffff;
}

#powered_by{

font-size: 10px; 
width:  830px; 
margin: 0 auto; 
text-align: left; 
padding-top: 10px; 


}

#powered_by a:link, #powered_by a:hover, #powered_by a:visited,  #powered_by a
{
    text-decoration: none; 
    color: #343434; 
    font-size: 10px; 
} 

 #powered_by img{ 
 border: 0; 
 }
/*       
.formbutton2:hover {
          background: #ffffff;  
          color: #cc0000;

}

 
.formbutton3:hover {
          background-color:#ffffff;
          color:#cc0000;
          }
 
.formbutton4:hover {
          background-color:#ffffff;
          color:#cc0000;
          }
 
.formbutton5:hover {
          background-color:#ffffff;
          color:#cc0000;
          }          
 
.formbutton6:hover {
          background-color:#ffffff;
          color:#cc0000;
          } 
*/