/* --------------------------------------------------------------------------
               ONLINEPRIMARY.US HOME PAGE STYLE SHEET
----------------------------------------------------------------------------- */

/* ---------------- GENERAL ------------------- */
#logo-home {
	float : left;
	width : 485px;
	height : 110px;
	background-image : url(../images/index/logo-index.gif);
}

#topmenu-home {
	float : left;
	width : 414px;
	height : 79px;
}

#main-wrapper-home {
	clear : both;
	width : 100%;
	margin : 0;
	padding : 0;
	overflow : hidden;
	background-color : #fff;
}

.boxText {
	font-size : 1.3em;
	color : #333;
	margin : 0;
	padding : 0;
}

.boxTextSmall {
	font-size : 1em;
	color : #333;
	margin : 0;
	padding : 0;
}

/* ---------------- EVER WONDER BOX ------------------- */
#everwonder {
	width : 100%;
	height : 198px;
	padding-top : 14px;
	background-image : url(../images/index/header.jpg);
	background-repeat : no-repeat;
}

#everwonder-header {
	width : 249px;
	height : 27px;
	background-image : url(../images/index/ever-wonder-header.gif);
	background-repeat : no-repeat;

	margin-left : 16px;
}

#everwonder-text {
	width : 840px;
	margin-left : 35px;
	margin-top : 5px;
}

#everwonder-text ul {
	list-style-type: none;
}

#everwonder-text li {
	background-image: url(../images/index/starbullet.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 1.6em;
	font-size : 1.6em;
	font-weight : bold;
	line-height : 1.8em;
	color : #055588;
}

#everwonder-close {
	float : left;
	width : 500px;
	margin-left : 35px;
}

#everwonder-close p {
	float : left;
	font-size : 1.6em;
	font-weight : bold;
	line-height : 1.8em;
	color : #055588;
} 

#everwonder-btn {
	float : left;
	margin-left : 16px;
	margin-top : 3px;
}

.everwonder-big {
	font-size : 125%;
}

.learnmore {
	display : block;
	width:135px;
	height:25px;
	background: url(../images/index/learnmore.gif) no-repeat 0 0;
}

a.learnmore:link, a.learnmore:visited, a.learnmore:active {
	background: url(../images/index/learnmore.gif) no-repeat 0 0;
}

a.learnmore:hover {
	background: url(../images/index/learnmore.gif) no-repeat 0 -27px;
}

/* ---------------- MAIN SECTION ------------------- */

#actionboxes {
	clear : both;
	width : 100%;
	margin : 0;
	padding : 0;
}

/* ---------------- VOTE HERE ------------------- */
#vote-box {
	float : left;
	width : 275px;
	height : 300px;
	border : 2px solid #2692BE;
	margin-left : 10px;
	margin-top : 10px;
	margin-bottom : 15px;
}

#votebox-header {
	background-image : url(../images/index/votehere-header.gif);
	width : 275px;
	height : 47px;
	background-repeat : no-repeat;
}

#votebox-inner {
	margin : 5px;
	color : #333;
}

#democratic-btn {
  display : block;
  width : 258px;
  height : 34px;
	margin : 19px 3px;
  background : url(../images/index/democratic-btn.gif) no-repeat 0 0;
}

#democratic-btn:hover { 
  background-position : 0 -36px;
}

#republican-btn {
  display : block;
  width : 258px;
  height : 34px;
	margin : 19px 3px;
  background : url(../images/index/republican-btn.gif) no-repeat 0 0;
}

#republican-btn:hover { 
  background-position : 0 -36px;
}

#openprimary-btn {
  display : block;
  width : 258px;
  height : 34px;
	margin : 19px 3px;
  background : url(../images/index/openprimary-btn.gif) no-repeat 0 0;
}

#openprimary-btn:hover { 
  background-position : 0 -36px;
}

#hand-images {
	width : 260px;
	height : 53px;
	margin-left : 5px;
	margin-top : 1px;
}

/* ---------------- RESULTS ------------------- */
#results-box {
	float : left;
	width : 275px;
	height : 300px;
	border : 2px solid #2692BE;
	margin-left : 18px;
	margin-top : 10px;
	margin-bottom : 15px;
}

#resultbox-inner {
	margin : 5px;
	color : #333;
}

#results-header {
	background-image : url(../images/index/results-header.gif);
	background-repeat : no-repeat;
	width : 275px;
	height : 47px;
}

#results-voteTotal {
	float : left;
	width : 260px;
	margin : 6px;
}

#results-menu {
	float : left;
	width : 260px;
	height : 21px;
	margin : 0 6px;
}

#demtab {
	float : left;
	display : block;
	height : 21px;
	width : 85px;
	background : url(../images/index/democratic-tab.gif) -86px 0;
}

#reptab {
	float : left;
	display : block;
	height : 21px;
	width : 87px;
	margin-left : 3px;
	background : url(../images/index/republican-tab.gif) 0 0;
}

#opntab {
	float : left;
	display : block;
	height : 21px;
	width : 70px;
	margin-left : 3px;
	background : url(../images/index/open-tab.gif) 0 0;
}

#demtab:hover { 
  background-position : -86px 0;
}

#reptab:hover { 
  background-position : -88px 0;
}

#opntab:hover { 
  background-position : -72px 0;
}

#results-border {
	float : left;
	width : 260px;
	margin-left : 6px;
	border : 1px solid #F6A22B;
}

#result-chart-bac {
	background-image : url(../images/index/result-chart-bac.gif);
	background-repeat : no-repeat;
	width : 258px;
	height : 18px;
	margin : 0;
}

#result-list table {
	width : 258px;
	background-color : #f6f6f6;
}

#result-list td {
	padding : 2px;
	font-size : 1.2em;
	font-weight : bold;
}

#result-list td.cname {
	width : 138px;
	padding-left : 6px;
}

#result-list td.cvotes {
	width : 90px;
	text-align : right;
}

#result-list td.cpct {
	width : 30px;
	text-align : right;
}

#result-list-d {
	display : block;
}

#result-list-r {
	display : none;
}

#result-list-o {
	display : none;
}

.result-list {
	background-color : #F9F9F9;
	width : 258px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-right : 2px;
}

#results-link {
	display : block;
	float : left;
	margin : 0;
	padding : 6px 6px;
}

#results-link ul {
	list-style-type: none;
}

#results-link li {
	background-image: url(../images/index/bullet3.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 1.6em;
	font-size : 1.6em;
	font-weight : bold;
	line-height : 1.8em;
}

#results-link li a {
	color : #333333;
	text-decoration : none;
}

#results-link li a:hover{
	color : #055588;
}

/* ---------------- PRIMARY CENTRAL ------------------- */
#primary-box {
	float : right;
	margin-left : 5px;
	width : 275px;
	height : 300px;
	border : 2px solid #2692BE;
	margin-right : 15px;
	margin-top : 10px;
	margin-bottom : 15px;
}

#primary-header {
	background-image : url(../images/index/primary-header.gif);
	width : 275px;
	height : 47px;
	background-repeat : no-repeat;
}

#primary-topbac {
	background-image : url(../images/index/pc-news-bg.gif);
	height : 70px;
	background-repeat : repeat-x;
}

#pc-menu {
	width : 250px;
	float : left;
	margin-left : 10px;
	margin-top : 5px;
	margin-bottom : 3px;
}

#pc-menu p {
	font-size : 130%;
	margin-top : 10px;
}

#pc-menu ul {
	list-style-type: none;
}

#pc-menu li {
	background-image: url(../images/index/bullet3.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 1.6em;
	font-size : 1.6em;
	font-weight : bold;
	line-height : 1.8em;
}

#pc-menu li a:hover{
	color : #055588;
}

#pc-menu li a {
	color : #333333;
	text-decoration : none;
}

/* -------------- footer ------------------- */
#bottomnav ul {
	padding : 0;
	margin-top : 8px;
	margin-left : 10px;
	list-style: none;
	font-size : 1.3em;
}

#bottomnav li {
	float : left;
}

#bottomnav li a {
	color : #333;
	text-decoration: none;
	margin : 0 7px;
}

#bottomnav a:hover {
	color : #fa7;
}

/* -------------- misc ------------------- */

.over {
	clear : both;
	margin : 0;
	padding : 50px;
	font-size: 200%;
	font-weight: bold;
	color: #055588;
	text-align: center;
}