/* CSS Document 
 * IL Senate Republicans - main style sheet
 * Created: June 09, 2009
 * Author: stefan@sabix.com  
 */
 
@import url('form.css');

* { margin:0; padding:0; border:0;}
html { background-color:#000204; background-image:url('../images/bg-body.jpg'); background-repeat:repeat-x;}
  body { background:transparent url('../images/bg-container.jpg') top center no-repeat; text-align:center; font-family:Arial,Helvetica,sans-serif; color:#6d6e71; font-size:14px;}
    #container { width:961px; height:1280px; margin:0 auto; text-align:left;}
      #header { width:100%; height:218px; float:left;}
        #logo { width:498px; margin-top:57px;}
        #nav { width:auto; padding:27px 0 0 0;}
      #content { width:100%; float:left; position: relative;}
        #content_banner { position:relative; width:100%; height:340px; overflow:hidden; background:#0051a4 url('../images/bg-banner.jpg') top left no-repeat;}
          #content_banner_scroll { position:absolute; top:260px; left:330px;}
          #content_banner_dibuttons { width:330px; height:60px; overflow:hidden; float:left;}
          #content_banner_links { width:330px; height:280px; overflow:hidden; float:left;}
          #content_banner_main { width:630px; height:340px; overflow:hidden; float:right; color:red;}
        #content_landing { width:100%; height:722px; background:transparent url('../images/bg-content_landing.jpg') top left no-repeat;}
          #content_landing_news { width:330px; float:left;}
            #content_landing_news_container { width:300px; height:525px; overflow:auto; padding:15px;}
          #content_landing_events { width:330px; float:left;}
            #content_landing_events_container { width:300px; height:525px; overflow:auto; padding:15px;}
          #content_landing_members { width:300px; float:right;}
            #content_landing_members_container { width:290px; height:525px; overflow:auto; padding:5px;}
          #content_landing_spotlight { width:650px; text-align:center; float:left;}
        #content_interior { width:100%; height:1062px; background:transparent url('../images/bg-content_interior.jpg') top left no-repeat;}
          #content_interior_main { width:640px; height:905px; overflow:auto; float:left;}
            #content_interior_main_container { padding:20px 30px; float:left;}
			#content_interior_main_container_candidates { padding:20px 10px; float:left;}
          #content_interior_side { width:320px; height:970px; overflow:auto; color:#ffffff; float:left;}
            #content_interior_side_container { padding:15px 25px; float:left;}
            #content_side_dibuttons { width:320px; height:55px; overflow:hidden; float:left;}
            #content_side_links { margin-bottom:5px;}
            #content_side_news { width:266px; margin-bottom:5px; background:transparent url('../images/bg-content_side_item.png'); float:left;}
              #content_side_news_container { padding:10px 15px;}
            #content_side_events { width:266px; margin-bottom:5px; background:transparent url('../images/bg-content_side_item.png'); float:left;}
              #content_side_events_container { padding:10px 15px;}
            #content_side_members { width:266px; margin-bottom:5px; background:transparent url('../images/bg-content_side_item.png'); float:left;}
              #content_side_members_container { padding:10px 15px;}
            #content_side_spotlight { width:266px; margin-bottom:5px; padding:15px 0; background:transparent url('../images/bg-content_side_item.png'); text-align:center; float:left; display:none;}

#twitterPosts { list-style: none; padding: 0 8px; font-size: 12px; }

#twitterPosts a { color: #3F84D0; }

#twitterPosts li {
padding: 12px 0;
border-bottom: dotted 1px #bcbdc0;
}

.rssLink{
	position:absolute;
	display:block;
	top:0px;
	left:20px;
}

div, ul, li, img, table, tr, th, td { margin:0; padding:0; border:0;}
h1 { font-size:30px;}
h2 { font-size:24px;}
h3 { font-size:20px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
h6 { font-size:14px; text-transform:uppercase;}
p { margin:14px 0;}
object { margin-bottom:10px;}

.clear { height:0; clear:both;}
.float-right { float: right; padding-right: 10px; }

/* -- H1 -- */
h1#about {
  width:100%;
  padding: 52px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-about.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:52px; /* for IE5.5's bad box model */
}

h1#call {
  width:100%;
  padding: 52px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-call.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:52px; /* for IE5.5's bad box model */
}

h1#newsandevents {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-newsevents.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}

h1#news {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-news.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}

h1#events {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-events.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}

h1#newsarchive {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-newsarc.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#eventsarchive {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-eventsarch.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#members {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-members.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#multimedia{
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-mm1.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#multimedia2{
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-mm2.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#multimedia3{
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-mmv.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}

h1#involved {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-getinvolved.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#donate {
  width:100%;
  padding: 52px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-donate.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:52px; /* for IE5.5's bad box model */
}
h1#contact {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-contact.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#district {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-district.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#register {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-register.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#connect {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-connect.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#spotlight {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-spotlight.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#thank {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-thank.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}
h1#pet {
  width:100%;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h1-ipet.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:24px; /* for IE5.5's bad box model */
}






/* -- Nav -- */
#nav li { display:inline; list-style-type:none;}
  #nav li a img { border-right:1px solid #d0d0d0;}
/* -- Networking -- */
#networking li { display:inline; list-style-type:none; margin-right:1px;} 
#content_side_members #networking { margin-left:54px;}
/* -- Scroller -- */
#PreviousButton { padding-right:5px;}
#NextButton { padding-left:5px;}
/* -- Content Landing News -- */
h3#h3_landing_news {
  width:225px;
  padding: 50px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h3-content_landing_news.gif'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:50px; /* for IE5.5's bad box model */
  float:left;
  position:relative;
}
/* -- Content Side News -- */
h3#h3_side_news {
  width:266px;
  padding: 54px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h3-content_side_news.gif'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:54px; /* for IE5.5's bad box model */
}
/* -- Content Landing Events -- */
h3#h3_landing_events {
  width:206px;
  padding: 50px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h3-content_landing_events.gif'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:50px; /* for IE5.5's bad box model */
  float:left;
  position:relative;
}
/* -- Content Side Events -- */
h3#h3_side_events {
  width:266px;
  padding: 54px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h3-content_side_events.gif'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:54px; /* for IE5.5's bad box model */
}
/* -- Content Landing Members -- */
h3#h3_landing_members {
  width:300px;
  padding: 50px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h3-content_landing_members.gif'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:50px; /* for IE5.5's bad box model */
}
/* -- Content Side Members -- */
h3#h3_side_members {
  width:266px;
  padding: 54px 0 0 0;
  overflow: hidden;
  background-image: url('../images/h3-content_side_members.png'); 
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:54px; /* for IE5.5's bad box model */
}
.headline {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #58595B;
	text-decoration: none;
}
.bodyCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58595B;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.readmore {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #3F84D0;
	text-decoration: none;
}
.smallBreak {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.headlineSide {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.dateSide {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.readmoreSide {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #D7CBCB;
	text-decoration: none;
}
.newsDate {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #58595B;
	text-decoration: none;
	margin-bottom:10px !important;
}
.eventDate {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #3F84D0;
	margin-bottom:10px !important;
}
.membersHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #616264;
	text-decoration: none;
}
.membersCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #616264;
}
.membersReadmore {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #8C1C1C;
	text-decoration: none;
}
.headlinebig {
	font-family: "Arial Narrow", Helvetica, Arial;
	font-size: 19px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #58595B;
	text-decoration: none;
}

#contentSignatures {
		background-color: #EBEBEB;
		padding: 0px 10px;
		font-size: 12px;
		font-family: 'Arial';
}

		
.ipet {border: 1px solid #666666;}

table#signatures {
	 font-family: arial;
     font-size: 12px;
     padding: 0px;
     width: 450px;
     background-color: #EBEBEB;
     border-style: solid;
     border-color: #FFFFFF;
     border-width: 1px;
	}
	table#signatures td {
		font-family: arial;
		font-size: 12px;
		background-color: #FFFFFF;
     	color: #000000;
     	padding: 5px;
     	border-style: solid;
     	border-width: 0px;
		}
	table#signatures th {
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
     	background-color: #B3B3B3;
     	color: #000000;
		padding: 5px;
     	}

.pager{
	  padding: 2px;
	}
	.pager td.total{
		color: #569612;
		font-size: 14px;
	}
	.pager ul{
		margin: 0;
		padding: 0px;
		text-align: right; 
		font-size: 11px;
	}
	.pager li{
		list-style-type: none;
		display: inline;
		padding-bottom: 1px;
	}
	.pager a, .pager a:visited{
		padding: 0 5px;
		border: 1px solid #9aafe5;
		text-decoration: none; 
		color: #2e6ab1;
	}
	.pager a:hover, .pager a:active{
		border: 1px solid #2b66a5;
		color: #000;
		background-color: lightyellow;
	}
	.pager li.current{
		font-weight: bold;
		padding: 0 5px;
		border: 1px solid navy;
		background-color: #2e6ab1;
		color: #FFF;
	}
	.pager li.pages {
		padding: 0 5px;
		border: 0px solid navy;
		color: #2b66a5;
	}
	
#dvSig {
bottom: 15px;
height: 45px;
position: absolute;
right: 20px;
width: 160px;
}

#dvSig a { background: transparent url(../images/dv.png) no-repeat 0 0; display: block; }

#dvSig a:hover { background-position: 0 bottom; }

#iFrameHolder {
overflow: hidden;
height: 920px;
}

#iFrame {
height: 920px;
margin:-10px 0 0 -10px;
width: 886px;
}