/* First we clear all the css setting, so style will start with same setting in different browsers*
*******************************************************************************************************************************/
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, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/*Defined html elements *
******************************************************************************************************************************/
html {
	background-color:#999999;
}
body {
	line-height: 1.25;
	color: black;
	width:836px;										/*The width of the site (Should be 955 or 760)*/
	margin:10px auto;
	font-family: Arial, Helvetica, sans-serif;			/*Changing the font family here will change it in most places */
	font-size: 11px;									/*Changing the font size here is increase or decrease the font on the whole site*/
	font-weight: normal;
	padding:0;
	position:relative;
	border:2px solid black;
	background-color: #FFFFFF;							/*Background of the main page */
	
}

a {
	text-decoration: none;
	font-weight:bold;
	color:#005daa;
	text-decoration: underline;
}

a:hover {
	color: #990000;
	text-decoration: none;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

h2{
color: #005daa;	font-weight: normal; font-size: 18px; margin:10px;
}

p{
display:block; margin:5px 0;
}

/*header styles
*******************************************************************************************************************/

#header{
	background-image:url(images/header.gif); height:118px; width:836px;
}

#headerMenu{margin-top:-20px; margin-bottom:10px;}

#headerMenu ul{ }

#headerMenu a:link, #headerMenu a:visited, #headerMenu a:active { color: #FFFFFF; text-decoration:none; margin-left:20px;}

#headerMenu a:hover { text-decoration:underline;}

/*
*******************************************************************************************************************/
.mainContentContainer{ padding:10px; min-height:400px; _height:400px;}
.left{ position:relative; float:left; width:405px;}

#tab1off, #tab2off, #tab3off{ cursor:pointer; width:116px; background-image:url(images/tab-curve-OFF.gif); height:30px; padding:3px 7px; color: #333; font-weight: bold; font-size: 1.1em; position:relative; float:left;}
#tab1on, #tab2on, #tab3on{width:116px; background-image:url(images/tab-curve-ON.gif); height:30px; padding:3px 7px; color: #fff; font-weight: bold;	font-size: 1.1em; position:relative; float:left; display:none;}
#tab2on, #tab2off{margin:0 5px;}
#tab1content, #tab2content, #tab3content{ border:1px solid #999999; width:378px; padding:10px; display:none; font-size:1.1em; height:400px;}
#box11, #box13 {width:378px; padding:10px; border:1px solid #999999;}
#box12, #box14 {width:382px; padding:10px; border:1px solid #999999;}
.tabContentSubBox {border:1px solid #999; padding:10px; clear:both;}
.archive { position:relative; float:right; font-weight:normal; font-size: .8em; margin-right:10px;}


.right{ position:relative; float:right; width:405px;}
.rightColumnA{position:relative; float:left; width:200px;}
.rightColumnB{position:relative; float:right; width:200px;}


#bucketToolKitTop {background-image:url(images/bucket-hdr-toolkit.gif); height:40px; width:200px;}
#bucketPressWireTop {background-image:url(images/bucket-hdr-pres-wire.gif); height:40px; width:200px; margin-top:10px;}
#bucketShouldKnowTop {background-image:url(images/bucket-hdr-should-know.gif); height:40px; width:200px;}
#bucketInteractiveTop {background-image:url(images/bucket-hdr-interactive.gif); height:40px; width:200px; margin-top:10px;}
.bucket{background-color:#E7EBEF; border:1px solid #999; padding:7px;}
.bucket a:link, .bucket a:visited, .bucket a:active, .archive a:link, .archive a:visited, .archive a:active{color: #000000; }
.bucket a:hover, .archive a:hover {color: #990000;}
.sourceText {color: #000000;font-style: italic;	font-size: .9em; margin-bottom:14px;}
.subMenu {font-weight:normal; font-size: .9em; margin-left:10px; }

h3 {color:#990000;	font-weight:bold; font-size:1.2em; margin-bottom:5px;}
.bucketSubBox{ background-color:#f1f2f2; border:1px solid #999999; padding:5px; color:#000000; font-weight:bold; line-height:1.55em }
.textRight{ position:relative; float:right;}
.textLeft{ position:relative; float:left;}
.bucketTextHighlight {color: #005daa; font-size:1.1em; }

.contentColumn {position:relative; float:left; width:600px;}

 .FormAsterisk{color:#FF0000; }

#register br{clear:both; line-height:1px;}

#register select{ width:105px; #width:107px; float:left; position:relative; margin:3px 5px; }
#register input{width:100px; float:left; position:relative; margin:3px 5px;  }
#register label{float:left; text-align:right; position:relative; width:95px; padding-right:2px; padding-top:2px; font-weight:bold; font-size:.9em; line-height:1.75em; cursor:pointer; }
#register .FormAsterisk{float:left; position:relative; line-height:1.75em; display:block; width:8px;}


#bucketRegisterTop {background-image:url(images/bucket-hdr-new-user.gif); height:40px; width:236px;}
#bucketLoginTop {background-image:url(images/bucket-hdr-registered.gif); height:40px; width:236px;}
.registerFormColumns{position:relative; float:left; width:236px; margin-right:10px;}

.leftMain{width:610px; position:relative; float:left;}
h1 { font-size:1.5em; font-weight:bold;}
.zero {line-height:0; height:1px; clear:both;}

#bucketforgotPasswordTop {background-image:url(images/bucket-hdr-password.gif); height:40px; width:236px;}

#voterResourcesLeftTop{position:relative; float:left; width:300px; background-color:#C6BEBD; height:15px; border-top:1px solid #999999;}
#voterResourcesLeft{ position:relative; float:left; width:260px; padding:0 20px; background-color:#F7F7F7; height:300px; border-bottom:2px solid #999999;}

#voterResourcesRightTop{position:relative; float:left; width:255px; background-color:#D6D3D6; height:15px; border-top:1px solid #999999;}
#voterResourcesRight{ position:relative; float:left; width:215px; padding:0 20px; background-color:#FFFBFF; height:300px; border-bottom:2px solid #999999;}

h4, div.box {color: #303F6E; font-size:1.4em; font-weight:bold; line-height:2em; margin-top:15px; }
div.box{width: 17em;  background-color: #fcfcfc; padding-left:5px; }

.subBox{padding:30px; background-color:#F7F7F7; background-image:url(images/bar.gif); background-repeat:no-repeat; margin-top:15px;}
.scrollBox{width:537px; height:145px; overflow:auto; background-color:#FFFFFF; border:1px solid #999999; padding:5px;}

#dealineGeneral, #dealineSpecial, #dealinePrimary{border:1px solid #999999; padding:7px 0 7px 7px; width:600px;}
#dealineSpecial, #dealinePrimary{ display:none;}
#deadline table{border-bottom:3px solid #999999; border-right:3px solid #999999; }
#deadline td{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-size:.9em; padding:3px;}
.dealineHeader1 td{background-color:#CEDBEF; text-align:center;}
.dealineHeader2 td{background-color:#DEDFDE; text-align:center;}
.dealineHeader3 td{background-color:#CCCCCC; text-align:center;}

.biggerbolder{font-weight:bold; font-size:1.1em}

#deadline #tab1off, #deadline #tab2off, #deadline #tab3off{ background-image:url(images/tab-curve-OFF.gif); height:15px; }
#deadline #tab1on, #deadline #tab2on, #deadline #tab3on{background-image:url(images/tab-curve-ON.gif); height:15px; }
#deadline #tab2on, #deadline #tab2off{margin:0 5px;}
#deadline #tab1on {display:block;}
#deadline #tab1off {display:none;}


#whenDoIVote table{border-bottom:3px solid #999999; border-right:3px solid #999999; }
#whenDoIVote td{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-size:.9em; padding:3px; text-align:center;}

#primaryCaucusInformation table{border-bottom:3px solid #999999; border-right:3px solid #999999; }
#primaryCaucusInformation td{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-size:.9em; padding:3px;}

#candidateList table{border-bottom:3px solid #999999; border-right:3px solid #999999; margin-top:15px; width:550px; padding:0; }
#candidateList td{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-size:.9em; padding:3px; width:49%; }
.candidateHeader1 td{background-color:#CEDBEF; text-align:left;}
.candidateHeader2 td{background-color:#DEDFDE; text-align:left;}
.candidateHeader3 td{background-color:#CCCCCC; text-align:center;}

#candetail table{border-bottom:3px solid #999999; border-right:3px solid #999999; margin-top:15px; width:550px; padding:0; }
#candetail td{border-top:1px solid #999999; border-left:1px solid #999999; font-size:.9em; padding:3px; }
.candetailHeader1 td{background-color:#CEDBEF; text-align:left;}
.candetailHeader2 td{background-color:#DEDFDE; text-align:left;}


.formLabel{ margin-top:25px;}
.formField{ position:relative; float:left; width:200px;}
.formText{ position:relative; float:left; width:320px; margin-top:-5px; padding-right:10px;}

#tellAFriend input{width:450px;}
#tellAFriend textarea{width:450px; height:100px;}
.bold{font-weight:bold}
#image{position:relative; float:left; font-size:.8em; margin-right:5px;}
#cap, #dist1, #dist2{position:relative; float:left; font-size:.8em; margin-right:5px; width:150px;}
#candetail .subBox{padding:15px 5px; #padding:30px 5px;}
#candetail div.box {margin:15px 0px 8px 0px; #margin:30px -10px 8px -10px; }
#cap h5, #dist1 h5, #dist2 h5 {font-size:1.2em;}
h5{color:#005daa; font-weight:bold;}
/*footer styles
*******************************************************************************************************************/

#foot{
	
}

#footerContent{
	width:690px; position:relative; float:left; padding-left:10px; line-height:33px;
}

#ddcPowerLogo{
	width:131px; height:33px; display:block; position:relative; float:right; background-image:url(images/footer-image.gif);
	}
	
	
	
	
	
.Panel_nw {
	background-image: url(images/nw.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}
.Panel_top {
	background-image: url(images/top.gif);
	background-repeat: repeat-x;
}
.Panel_ne {
	background-image: url(images/ne.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}
.Panel_right {
	background-image: url(images/right.gif);
	background-repeat: repeat-y;
}
.Panel_se {
	background-image: url(images/se.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}
.Panel_bottom {
	background-image: url(images/bottom.gif);
	background-repeat: repeat-x;
}
.Panel_sw {
	background-image: url(images/sw.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}
.Panel_left {
	background-image: url(images/left.gif);
	background-repeat: repeat-y;
}