html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

/*RESET GOES ABOVE */
 

body {
    background-color:#F598B1
        
}
.picture{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    overflow:hidden;
    width:150px;
    height:150px;
    margin:auto;
   
    }
    
    .picture:hover{
        border-style:solid;
        border-width:6px;
        border-color:#c1c1c1;
    }
.container{
    width:900px;
    margin:0 auto;
    padding:20px 0;
    background-color:#FBC1C0;
    font-family: 'Life Savers', cursive;

}

.pagehead{

color:#FFFFFF;
margin:0 auto;
text-align:center;
height:160px;

}
.pagehead h2{
    float:right;
    margin-right:20px;
}
.pagehead h1{
    float:right;
    margin-right:20px;
    line-height:90px;
font-size: 2.5em;
}

#nav{
   height:40px;
    
}

.menu{
    text-decoration:none;
    list-style-type:none;
    float:right;
    display:block;
}

.menu li{
    display:block;
    float:left;
   
    background-color:#F598B1;
}
.menu li:hover {
    background-color:#FDDFD0;
    color:#C1C1C1;
}
.menu li:first-child{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-top-left-radius:10px;
      -moz-border-bottom-left-radius:10px;
    -moz-border-top-left-radius:10px;
}

.menu a{
    text-decoration:none;
    color:#ffffff;
    display:block;
     padding:10px 20px;
     font-size:1.5em;
}
.menu a:hover{
    color:#C1C1C1;
}
.content{
    position:relative;
    width:840px;
    margin:30px auto;
    background-color:#F598B1;
    text-align:center;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    
}

.content a{

}
table{
    margin:auto;
}
table.jon {
    width:800px;
    
}

table.jon td{
    text-align:left;
    color:#ffffff;
}
table.form{
    color:#ffffff;
}
table.form td{
    height:auto;
    width:auto;
    text-align:left;
}
table td{
font-size:18px;
    text-align:center;
    vertical-align:middle;
    height:164px;
    width:164px;
    padding:20px;
}

.instruct{
    font-size:18px;
    text-align:left;
    padding:20px;
    color:#ffffff;
}
.button{
    float:left;
    text-align:center;
    width:200px;
    height:200px;
    background-color:#FBC1C0;
     border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    vertical-align:middle;
    overflow:hidden;
    
}
table.buttons {
    
}
.butcontainer{
    margin:0 auto;
    height:220px;
}
.button a{
    padding-top:70px;
    text-decoration:none;
    color:#ffffff;
    display:block;
    font-size:22px;
    line-height:24px;
    height:200px;
}
.button a:hover{
    color:#c1c1c1;
}
.button:hover{
    background-color:#FDDFD0;
    color:#c1c1c1;
}
.button_sm{
    float:left;
    text-align:center;
    width:200px;
    height:200px;
    background-color:#FBC1C0;
     border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    vertical-align:middle;
    overflow:hidden;
    
}
.button_sm a{
    padding-top:80px;
    text-decoration:none;
    color:#ffffff;
    display:block;
    font-size:22px;
    line-height:24px;
    height:200px;
}
.button_sm:hover{
    background-color:#FDDFD0;
}
.button_sm a:hover{
    color:#c1c1c1;
}

.antispam{
       display:none;
   }
   .text h1{
       color:#ffffff;
   }
   .text{
       text-align:left;
       padding:20px;
       margin:0 auto;
   }