/*GLOBAL RESETS*/
/*(By default some of these have margins etc. that we want to change*/
html,body,p,div,h1{
margin:0;
padding:0;
}



#nav {
float:left;
width:100%;


}

#section {
background-color:white;
float:left;

/* GEOMETRY*/
max-width:750px;
border-width:0px;
padding:0px;  /* padding is space INSIDE the box (around content)  */

margin-top:3px;
margin-bottom:5px;
margin-left:35px;
margin-right:5px;

/* TEXT OPTIONS*/
text-align:left;
font-family:verdana;
font-size:100%;
}


h1 {
vertical-align:top;
/* COLOR SCHEME */
color:white;
background: -webkit-linear-gradient(left,#0056C7, white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #0056C7 , white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #0056C7 , white); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #0056C7 , white); /* Standard syntax (must be last) */

/* GEOMETRY*/
height:60px;
padding:15px;  /* padding is space INSIDE the box (around content)  */

/* TEXT OPTIONS*/
text-align:left;
font-family:verdana;
font-size:300%;

}



a.button{
text-decoration:none;
float:left;

/* COLOR SCHEME */
color:white;
background-color:#C77100;

/* GEOMETRY*/
border-style: solid;
border-radius:10px;
padding:10px;  /* padding is space INSIDE the box (around content) */

margin-top:3px;
margin-bottom:3px;
margin-left:1px;
margin-right:1px;

/* TEXT OPTIONS*/
text-align:center;
font-family:verdana;
font-size:150%;
}

a.button:hover{
background-color:#E07A14;
}