/* Global
------------------------------------------------------------------*/
*  {
  margin: 0;
  padding: 0;
  border: 0;
  }

body {
  font: 75% Verdana,Arial,Helvetica,sans-serif;
  line-height: 1em;
  background: #ff6600;
  color: #333;  
  }

html>body {
  font-size: 12px;
  }


/* Links
------------------------------------------------------------------*/
a,
a:link, 
a:visited {
  text-decoration:none;
  color:#286ea0;
  }

a:hover {
  text-decoration:underline;
  }

#footer a {
  color:#808080;
  }
  
  
/* Layout
------------------------------------------------------------------*/
#wrapper {
  width: 800px;
  margin: 0 auto;
  padding: 0;
  background: url(/images/v2/content-bg.gif) repeat-y;  
  }

#container {
  padding: 0 36px;
  }

#cbottom {
   height: 108px;
   background: url(/images/v2/content-bg-b.gif) no-repeat;  
  }

#cbottom p {
  font-size: .9167em; /* 11px */ 
  line-height: 1.6364em; /* 18px */ 
  margin: 0; 
  }

#cbottom .paid {
/*
  border: 0.1em solid #fff;
  margin: 0;  
  padding: .4em 0;
*/
  }

#copywrap {
  padding: 0 36px;
  }

#logo {
/*  background: url(/images/v2/reelect.png) center right no-repeat; */
  }

#logolink {
  background: url(/images/v2/girgenti-for-senate.png) no-repeat;   /* Franklin Gothic */
  display: block;
  width: 477px;
  height: 108px;
  z-index: -1000;
  border: none;
  }

#banner {
  width: 730px;
  height: 252px;
  padding: 18px 0;
  background: #ff6600;
  }

#banner_img {
  width: 694px;
  height: 252px;
  margin: 0 auto;
  border: 1px solid #fff;
  background: #ff6600 url(/images/25.jpg) bottom center no-repeat;
  }

#main {
  width: 485px;
  float: left;
  }

div.item {
  margin: 0;
  padding: 0;
  }

.block {
  background: #f0f0f0;
  padding: 15px;
  }

#sidebar{
  width:227px;
  float:right;
  margin-top: 18px;
  }

#footer{
  clear: both;
  line-height: 1.8em;
  font-size: 0.833em;
  margin-top: 1.8em;
  text-align: center;
  }
  

/* Typography
------------------------------------------------------------------*/
h1 {
  font-size: 2em; /* 24px */ 
  line-height: 1.5em; /* 36px */ 
  margin-top: 0; 
  margin-bottom: 0; 
  }

h2 { 
  font-size: 1.8333em; /* 22px */ 
  line-height: 1.6364em; /* 36px */ 
  margin-top: .8182em; 
  margin-bottom: 0; 
  }

h3 { 
  font-size: 1.6667em; /* 20px */ 
  line-height: 1.8em; /* 36px */  
  margin-top: .9em; 
  margin-bottom: 0; 
  }

h4 { 
  font-size: 1.5em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin: .5em 0; 
  }

h5 { 
  font-size: 1.3333em; /* 16px */ 
  line-height: 1.125em; /* 18px */ 
  margin-top: 1.125em; 
  margin-bottom: 0; 
  }

h6 { 
  font-size: 1.1667em; /* 14px */ 
  line-height: 1.2857em; /* 18px */ 
  margin-top: 0; 
  margin-bottom: 0; 
  }

blockquote { 
  color: #666; 
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1.5em 2.5em; 
  }

p {
  font-size: 1em;  
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
  }

p.date {
  font-size: .9167em; /* 11px */ 
  line-height: 1.6364em; /* 18px */ 
  margin: 0; 
  font-weight: bold;
  }
  
.error {
  color: red;
  }
  
/* Navigation
------------------------------------------------------------------*/
#navcontainer{
  height: 36px;
  line-height: 1.5em;
  margin: 0;
  padding:0;
}

#nav {
  width: 730px;
  margin: 9px 0 0 0;
  float: left;
  list-style-type: none;
  }

#nav li, #subnav li, .anchors li { 
  margin: 0;
  list-style: none; 
  }

#nav li a { 
  font: bold 1.2em Arial, Helvetica, sans-serif; 
  }
  
#nav li {
  background: url(/images/v2/bkg_mainNav.gif) 0 0 repeat-x;
  float: left;
  position: relative;
  height: 27px;
  margin-right: 1px;
  border-left: 1px solid #999999;
  }

#nav li#navGetInvolved { margin-right: 0; }

#nav a {
  display: block;
  color: #fff;
  text-align: center;
  padding: 6px 0 2px 0;
  }

#nav a:hover { text-decoration: none; }

#navHome { width: 85px; }
#navAbout { width: 110px; }
#navDistrict { width: 110px; }
#navLegislation { width: 122px; }
#navNews { width: 85px; }
#navMedia{ width: 85px; }
#navGetInvolved { width: 120px; }

#nav li:hover, 
#nav li.over, 
#default #navHome, 
#about #navAbout,
#district #navDistrict, 
#legislation #navLegislation, 
#news #navNews, 
#media #navMedia,
#volunteer #navGetInvolved { 
  background: #ff6600;
  border-left: 1px solid #ff6600;
  cursor: pointer;
  }

#default #navHome a, 
#about #navAbout a,
#district #navDistrict a, 
#legislation #navLegislation a, 
#news #navNews a, 
#media #navMedia a,
#volunteer #navGetInvolved a  { 
  cursor: default;
  }

#nav li:hover a, 
#default li#navHome a, 
#about li#navAbout a,
#district li#navDistrict a, 
#legislation li#navLegislation a, 
#news li#navNews a, 
#media li#navMedia a,
#volunteer li#navGetInvolved a {
  color: #fff;
  } 


/* Lists
------------------------------------------------------------------*/
ul, ol, dl {
	list-style-type: disc;
	margin: 0 0 0 .5em;
	padding: 0;
  }

li, dt, dd {
  font-size: 1em;  
  line-height: 1.5em;
  margin: 0 0 0 1em; 
  }

dl.aa  dt {
  font-size: 1em;  
  line-height: 1.5em;
  margin: 0 0 0 0;
  font-weight: bold;
  }  

span.rssSubdate {
  font-weight: bold;
  }


/* Photo Gallery
------------------------------------------------------------------*/
.lightbox  {
  margin: 0;
  padding: 0;
  }

.lightbox li {
  float: left;
  margin: 0.5em 5px 0.5em 0;
  padding: 0;
  list-style: none;
  }

.lightbox img {
  border: 1px solid #c0c0c0;
  background: #ccc;
  padding: 2px;
  }
  
  
/* Forms
------------------------------------------------------------------*/
.formsection {
	display: block;
	padding: 6px 4px;
	font-weight: bold;
	color: #fff;
  background: url(/images/v2/bkg_mainNav.gif) 0 0 repeat-x;
  }

fieldset { border: 0; }

#volunteerform fieldset,
#updateinfoform fieldset {
	display: block;
	margin: 0 0 3em 0;
	padding: 0;
  border: none;
  }

#volunteerform fieldset.radio,
#updateinfoform fieldset.radio {
	margin: 1em 0 2em 0;
  }

#volunteerform fieldset.radio input,
#updateinfoform fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
	border: none;
  }

#volunteerform fieldset.radio label,
#updateinfoform fieldset.radio label {
	font-weight: normal;
	margin-top: -0.1em;
  }

label { font-weight: bold; }

input,
input.textinput,
textarea {
  border: 1px solid #ddd;
  margin: 0.3em 0;
  padding:2px;
  color: #333333;	
  }

#volunteerform input.textinput,
#updateinfoform input.textinput,
#volunteerform select.textinput {
	display: block;	
  }

select {
  border: 1px solid #ddd;
  margin: 0.3em 0;
  padding: 0;
  color: #333333;	
  }

input.textinput:hover,
input.textinput:focus,
textarea:hover,
textarea:focus,
select.textinput:hover,
selct.textinput:focus  {
  border: 1px solid #aaa;
  }

input.submitbutton {
  border: 1px solid #999;
  border-top-color: #ccc;
  border-left-color: #ccc;
  padding: 0.25em;
  background-color: #484848;
  color: #FFFFFF;
  line-height: 1.5em;
  font-size: 1em;
  margin: 0.75em 0 .75em 0;
  font-weight: bold;
  }

input.submitbutton:hover,
input.submitbutton:focus {
  border: 1px solid #999;
  border-top-color: #ccc;
  border-left-color: #ccc;
  background: #ff6600;
  color: #fff;
  cursor: pointer;
  }

input.requirederrorElement,
input.requirederrorElement:hover,
input.requirederrorElement:focus,
select.requirederrorElement,
select.requirederrorElement:hover,
select.requirederrorElement:focus,
textarea.requirederrorElement,
textarea.requirederrorElement:hover,
textarea.requirederrorElement:focus {
  border: 1px solid #990000;
  background: #FCF4F0;
  }

#firstname,
#middlename,
#lastname {
	width: 10em;
  }

#email {
	width: 20em;
  }

#address1,
#address2 {
	width: 15em;
  }

#city {
	width: 13em;
  }

#phone,
#cell {
	width: 12em;
  }

#zipcode {
	width: 5em;
  }

#comments {
	width: 35em;
	height: 12em;
  }

#volunteerform label,
#updateinfoform label {
	float: left;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: bold;
  }

#volunteerform .radio ul  {
	float: left; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
  }

#volunteerform .radio ul li {
	float: left; 
	width: 18em; 
	margin: 0.5em 0; 
	padding: 0; 
	list-style: none;
	line-height: 1.9em;
  }

.clearer {
	clear: both;
	height: 1px;
  }

ul.formerror:before {
  content: "Please complete the following fields:";
  font-weight: bold;
  line-height: 1.5em;
  }
  
ul.formerror {
  margin: 0;
  padding: 0.25em;
  list-style: none;
  }

ul.formerror li {
  padding: 0 0 4px 30px;
  line-height: 1.5em;
  color: #990000;
  }

ul.formerror li {
  background: url(/images/v2/cross.gif) no-repeat 10px 3px
  }
  

/* Mini Calendar
------------------------------------------------------------------*/
.minical {
  clear: both;
  width: 100%;
  }

.minical td {
/*  padding: 1px 3px 4px; */
  text-align: center;
  }
.minical td a { 
  font-weight: bold;
  }

.minical .full {
  background: #EFEFEF;
/*   border: 1px solid #DDD; */ 
  }

.minical caption {
  display: none;
  }

.minical_nav {
  text-align: center;
  }
.minical_nav a.next,
.minical_nav h3,
.minical_nav a.prev {
/*  font-size: 25px; */
  display: inline;
  }
#sidebar .minical_nav h3 {
/*  font-size: 15px; */
  margin: 0;
  }
#sidebar .minical_nav a.next,
#sidebar .minical_nav a.prev {
/*  font-size: 20px */
  }

div.zem_event_calendar_nav {
  font-size: 18px;
  text-align: center;
  }


/* Misc
------------------------------------------------------------------*/

.right{
  text-align:right;
  }

img {
  vertical-align: middle;
  border: 0;
  }	

a img{
  border:0;
  }

.photo {
  padding:5px;
  display:block;
  margin:0 auto 15px auto;
  background-color:#f0f0f0;
  }

.hide{
  display:none;
  }

.float_left {
  float: left;
  }

.float_right {
  float: right;
  }

img.imageleft,
img.imageright {
  padding: 2px;
  border: 1px solid #aaa;
  }

img.imageleft {
  float: left;
  margin-right: 10px;
  }

img.imageright {
  float: right;
  margin-left: 10px;
  }