/* Core Styles */
*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
	font-size: 62.5%;
}


ul { margin-bottom: 1em; margin-left: 2em; line-height: 1.7em;}
#navcontainer ul { margin: 0; line-height: normal;}

body
{
        font-size: 12px;
	height: 100%;
	text-align: center;
	background: #01245C url('../img/public_opt_background.jpg');
	font-family: Arial, Helvetica, sans-serif;
}


#footer a:link, #footer a:visited, #navcontainer a:link, #navcontainer a:visited
{
	font-weight: bold;
	text-transform: uppercase;
}

.footer a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

.noscreen { display: none; }

.hidden
{
	/* Skip menu */
	position: absolute;
	top: -10000px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Text */
p
{
	line-height: 170%;
	margin-bottom: 10px;
}


address { }

/* Header */
#header
{
	height: 90px;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
	text-align: left;
	width: 80%;
	min-width:780px;
}

.members
{
	color: #fff;
	margin: 20px 0px 0px 390px;
	text-align: center;
	font-weight: bold;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
.join {
	color: #9CC3E0;
	text-transform: uppercase;
}

/* Menu */
#wrap
{
	width: 80%;
	min-width:780px;
	margin: 0px auto;
	font-size: 1.2em;
	background-color: #fff;
}

#navcontainer
{
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
}

#navcontainer ul
{
	padding: .6em 0;
	list-style-type: none;
	background-color: #E8E8E8;
	color: #000;
	width: 100%;
	text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
	text-decoration: none;
	background-color: #E8E8E8;
	color: rgb(1, 36, 92);
	padding: .6em 1.2em;
	border-right: 0px solid #fff;
}

#navcontainer li a:hover
{
	background-color: #9CC3E0;
	color: #B80000;
	text-decoration: underline;
}

/* Content */
#content { font-family: Arial, Helvetica, sans-serif; }

#content-box
{
	background: #ffffff;
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 30px 20px;
	min-height: 475px;
	margin-right: 10px;
}



.content-right
{
  float: right;
  width: 340px;
  background-color: #9CC3E0;
  padding: 10px 20px 20px 20px;
  margin: 0px 0px 30px 30px;
  text-align: left;
}
.content-right h2.blue { margin-top: 1em; padding-top: 0; }

 
#petition
{
	font-family: Arial, Helvetica, san-serif;
	margin: 0px 0px 0px 0px;
	border: 0px solid #fff;
	padding: 10px;
	background: #9CC3E0; 
	text-align: left;
	font-size: 14px;
	line-height: 17px;
}

#content-box-left
{
	margin-top: 10px;
	margin-left: 0px;
	font-family: Arial, Helvetica, san-serif;
}



/* Right column */
#inputArea label { font-size: 14px }

#inputArea input
{
	font-size: 18px;
	padding-top: 1px;
	margin: 3px 0px	3px 0px;
	/*border: solid 1px rgb(1, 36, 92);*/
	/*width: 250px;*/
}

#inputArea input[type="checkbox"] { width: 20px; }

#inputArea textarea
{
	font-size: 12px;
	padding-top: 1px;
	margin-top: 5px;
	margin-bottom: 2px;
	background: #E8E8E8;
	border: solid 1px rgb(1, 36, 92);
	width: 250px;
}

.bigbutton, #inputArea input[type="submit"], .donate input[type="submit"]
{
	font-size: 14px;
	color: #FFF;
	padding: 6px 10px 6px 10px;
	background: rgb(184, 0, 0);
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px auto 2px auto;
	border: solid 0px #fff;
	width: 238px;
	font-family: Arial, Helvetica, san-serif;
}

#inputArea input[type="submit"]:hover
{
	text-decoration: underline;
}

/* Footer */
#footer
{
	width: 100%;
	margin: 0px;
	padding: 20px 0px 10px 0px;
	text-align: center;
	font-size: 12px;	
}


#footer a { text-transform: uppercase; color: #9CC3E0; text-decoration: none; }
#footer a:hover { text-transform: uppercase; color: #fff; text-decoration: underline; }


/* PCCC Specific */
#fecBlurb
{
	margin: 0px auto 10px auto;
	border: 1px solid #599CCE;
	color: #599CCE;
	padding: 15px;
	width: 740px;
	text-align: center;
	font-size: 12px;
	background-color: #051E4B;
}

blockquote, .petitiontext
{
	border-left: 8px solid #E8E8E8;
	margin: 0px 20px 20px 20px;
	font-style: italic;
	font-size: 15px;
	line-height: 19px;
	padding-left: 20px;
}

h2.red {
	color: rgb(184, 0, 0);
	font-size: 18px;
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
}

h2.blue {
	color: #01245C;
	font-size: 16px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

h2.black {
	color: #000;
	font-size: 16px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}


h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; margin-bottom: 1em; margin-top: 2em;}
h2.red { margin-bottom: 0em; margin-top: 0;}
hr { height: 1px; border: none; background-color: black; }
th, td { vertical-align: top }
.donate input { border: 1px solid #777 }
.donate td { line-height: 160%; }
td.petition-header {white-space: nowrap; text-align: right; padding-right: 5px;vertical-align: middle; }
td.petition-select {white-space: nowrap; vertical-align: top; padding-right: 5px; padding-left: 55px; padding-top: 3px;}
td.petition-select-text {font-style: italic; line-height: 14px; padding-top: 6px; }

/* poll stuff */

table.poll { width: 50%; padding-bottom: 3em; }
table.poll td, table.poll th { padding: 3px; }
.question {color: rgb(1, 36, 92); font-size: 16px; border-bottom: 1px solid #666; text-align: left; font-weight: normal; }
table.poll th.question { padding-bottom: .7em; }
tr.head { background-color: #ddd; text-align: right; white-space: nowrap}
tr.head th { padding-left: 2em; padding-right: 3px; text-align: center; }
tr.data td, tr.data th {border-bottom: 1px solid #ccc; }
tr.divider td, tr.divider th { border-top: 2px solid #003; }
tr.data td { text-align: right; }
tr.data th { text-align: left; width: 100%;}

.red { color: rgb(184, 0, 0);}