@charset "UTF-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding:0px;
margin:0px;
background-color:#FFFFFF;
}

a.menu:link {font-size:20px; color:#FFFFFF; text-decoration: none;}
a.menu:visited {font-size:20px; color:#FFFFFF; text-decoration: none;}
a.menu:active {font-size:20px; color:#FFFFFF; text-decoration: none;}
a.menu:hover {font-size:20px; color:#3866CC; text-decoration:none;}

a.upload {
color:#3866CC; 
text-decoration: none;
}

a.before {
color:#A90000;
text-decoration: none;
}

.title {
font-size:28px;
color:#333333;
margin:0px;
margin-bottom:2px;
padding:2px;
font-weight:bold;
}

.clocktextright {
font-size:20px;
color:#333333;
margin:0px;
margin-bottom:0px;
padding:0px;
font-weight:bold;
float:left;
text-align: right;
}

.subtitle {
font-size:20px;
color:#333333;
margin:0px;
padding:2px;
font-weight:bold;
}

.candidates {
font-size:13px;
color:#000000;
margin:0px;
padding:2px;
font-weight:bold;
}

.instruction {
font-size:12px;
color:#000000;
margin-top:7px;
margin-bottom:1px;
margin-left:-5px;
padding-bottom:3px;
}


.ins {
font-size:12px;
color:#000000;
vertical-align: top;
margin-top:0px;
}

#page {
width:950px;
height:100%;
padding:20px;
padding-top:5px;
border-color:#FFFFFF;
border-width:thin;
border-style:solid;
margin:auto;
margin-top:10px;
vertical-align:middle;
}

#header {
width:100%;
margin-top:10px;
margin-bottom:5px;
float:left;
}

#logo {
height:100%;
float:left;
margin-bottom:-10px;
}

.edit {
margin-top:-20px;
margin-left:-20px;
margin-bottom:-20px;
margin-right:-20px;
}

.headline {
margin-top:-20px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
}

#headline {
background-color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:25px;
height:30px;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
position:relative;
left:501px;
text-align:right;
top:-2px;
width:450px;
color:#333333;
}

.headline_text {
color:#3866CC;
position:relative;
left:845px;
text-align:right;
top:-42px;
width:100%;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
padding: 0px;
}


.headline_input {
background-color:white;
border-color:#666666;
border-style:solid;
border-width:thin;
font-family:Arial,Helvetica,sans-serif;
font-size:25px;
height:30px;
left:0;
margin:0 0 -12px;
position:absolute;
text-align:left;
top:0px;
width:99%;
padding:0px;
color:#666666;
}


#time {
width:205px;
height:20px;
float:right;
margin-top:-1px;
margin-left:50px;
margin-bottom:0px;
margin-right:0px;
text-align: left;
}

.clocktext {
width:205px;
font-size:20px;
color:#333333;
margin-top:5px;
margin-left:50px;
margin-bottom:0px;
margin-right:0px;
padding:0px;
font-weight:bold;
float:right;
text-align: left;
height:20px;
}

#body {
width:100%;
float:left;
}

#body_left {
width:700px;
float:left;
}

#body_right {
width:0px;
float:left;
margin-top:8px;
margin-left:15px;
margin-right:0px;
}

#instructions {
width:220px;
margin:0px;
padding:3px;
padding-left:7px;
border-color:#666666;
border-style:solid;
border-width:thin;
float:left;
margin-bottom:5px;
}

.number {
margin:0px;
margin-right:3px;
float:left;
color:#000000;
font-size:14px;
font-weight: bold;
}

#stats {
width:220px;
padding:5px;
border-color:#666666;
border-style:solid;
border-width:thin;
float:left;
}

#maps {
position: relative;
width:100%;
padding:0px;
margin-top:10px;
float:left;
border-color:#666666;
border-style:none;
border-width:thin;
}

#map {
position:relative; 
width: 670px; 
height: 390px
}

#alaska {
position:absolute; 
left:0; 
top:260px;  
width: 110px; 
height: 130px
}

#hawaii{
position:absolute;  
left:150px; 
top:310px;  
width:100px; 
height: 80px
}

#menu {
font-weight:normal;
margin-right:-12px;
margin-top:5px;
border-color:#666666;
border-style:none;
border-width:thin;
height:21px;
width:226px;
float:left;
text-align:center;
background-color:#333333;
padding:3px;
}

.clock {
font-size:25px;
font-weight: bolder;
text-align:left;
color:#3866CC;
}

.obama{
font-size:20px;
color: #3866CC;
font-weight:bold;
text-align:right;
}

.mccain {
font-size:20px;
color:#A90000;
font-weight:bold;
text-align:right;
}

.independent{
font-size:20px;
color:#FFCC00;
font-weight:bold;
text-align:right;
}

.ob{
font-size:20px;
color: #3866CC;
font-weight:bold;
text-align:right;
}

.mc{
font-size:20px;
color:#A90000;
font-weight:bold;
text-align:right;
}

.in{
font-size:20px;
color:#FFCC00;
font-weight:bold;
text-align:right;
}


.cominstructions{
float:left;
margin-top:15px; 
width:800px;
font-weight:bold;
padding-bottom: 15px;
}


#sideinfo {
width:300px;
position:absolute;
text-align:right;
top:0px;
right:50px;
z-index:3000;
}

#side_panel {
width:220px;
margin-top:0px;
margin-right:0px;
position:relative;
left:0px;
top:0px;
}