body {background:#3b5998 ;
font-family: Tahoma, Geneva, sans-serif;
margin: 0;
color: #555555;}

a img {border:none;}
a {text-decoration:none;}

h1 {background: #3b5998;
padding: 5px;
margin: 0px 0 0 0;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color: #fff;
font-size: 24px;}

#wrap {background: #fff;}

#nav {background: #EEEFF4;
font-weight:bold;
font-size: 16px;
display:block;
height: 100px;
border-bottom: 1px solid #D9DFEA;
margin: -15px 0 0 0;}

#nav ul {position:relative;
top: 75px;}
#nav li {display:inline-block;
list-style:none;
float:left;
margin: 0 2px;}

#nav li a {padding: 5px 10px;}

#nav li a:link, #nav li a:visited {color: #6878AC;
background: #D9DFEA;}
#nav li a:hover, #nav li a:active {color: #fff;
background:#6878AC;}

.rules {font-weight:normal;
float:right;
margin: 0px 0 0 0;}

#nav .rules li a:link,#nav  .rules li a:visited, #nav .rules li a:hover, 
#nav .rules li a:active {background:none;
font-size: 12px;} 

#nav .rules li a:hover, #nav .rules li a:active {color: #323232;}

#content {margin: 0 auto;
width: 500px;
padding: 25px;
}

.details {background: #EEEFF4;
padding: 25px 10px;
margin: 25px 0;
width: 475px;}

.left {float:left}
img.left {margin: 0 0 0 15px;}

.ipad {padding: 0 50px 0 0;}

#btn {clear:both;
margin: 10px 0;}
.btn a {
background: #ccc;
background: url(http://vilas.org/sweepstakes/fbgrade.gif);
display:inline-block;
float:left;
padding: 10px;
font-weight:bold;
margin: 0 50px 0 0;
border: 1px solid #999999;
-webkit-box-shadow: 2px 2px 5px #ccc;
-moz-box-shadow: 2px 2px 5px #ccc;
box-shadow: 2px 2px 5px #ccc;}

.btn a:hover {background: #fff;
-webkit-box-shadow: 2px 2px 5px #ddd;
-moz-box-shadow: 2px 2px 5px #ddd;
box-shadow: 2px 2px 5px #ddd;}

.btn a:link {color: #323232;}
.btn a:visited {color: #323232;}

#foot {clear:both;}

.credit {margin: 0 auto;
width: 300px;
padding: 10px 0;}

.credit a:link, .credit a:visited, .credit a:hover, .credit a:active {color: #fff;}
.credit a:hover {text-decoration: underline;}