body {background:transparent url(../images/body-fill-bg.gif) }


#navbar #logo {display:none; }
#navbar li#link-home {background: none}
#navbar #link-home a {color: #edc493}

#homeheaderwrap {
  background: url(../images/home-header-bg-rp.jpg) bottom  left repeat-x;
  height: 253px;
  width: 100%
  }

#homeheader {
  background: url(../images/home-header-bg.jpg) bottom left no-repeat;
  height: 253px;
  width: 100%;
  }
  
#homeheader #headerlogo {float:left; margin-right:20px;} 
#homeheader .content {padding-top: 2%; position:relative; }
#homeheader .content h2 { color: #414140; font-size: 21px; line-height: 26px; margin: 6px 25px 0 35px; }
#homeheader .content p {color: #fff; font-size: 16px; line-height: 22px; margin: 0 25px 0 30px; font-family: trebuchet MS, trebuchet, verdana, arial; padding-top: 1%}
#homeheader .content p strong {color: #fff}
#homeheader .content p.smaller {color: #fff; font-size: 14px; margin-top: 1%; line-height: 18px}
#homeheader .content a {color: #fff; font-weight: bold}
 
#columnwrap { margin: 0 10px; position:relative}
 
 #leftcolumn {width: 670px; margin: 18px 0 0 10px}
 #rightcolumn {left: 700px; position:absolute; right: 10px; margin-left: 0; padding-left: 0; min-width: 280px; top: 0}
 
.full-content {width: auto}
 .full-content h3 {padding: 18px 18px 18px 0}
 
.full-content .wrap-right-bg {padding: 0 18px 18px 18px;}
#redistupdates.full-content .wrap-right-bg {padding: 0 1px 0 0}
 

    
 
 h3#title-redist-updates {background: #999; padding: 10px; }
 #twitterfeed {height: 265px; overflow: auto; padding: 10px 18px 18px 18px; font-size: 11px;   }
 
 .tweet_hours {color: #555; margin-bottom: 3px; font-weight: bold;}
 .tweet_text { margin: 0 0 7px 0; color: #999; margin-bottom: 18px; line-height: 15px;}
 .tweet_text a {color: #555}
  
 
 .homebuttoncolumntall {float:left;  margin: 0 18px 0 0; width: 199px;}
 .homebuttoncolumntall p { color: #707070; font-size: 11px; line-height: 16px; margin-top: 8px}

  .homebuttoncolumnwide {float:left;  margin: 0 0 0 10px; width: 378px; background: transparent url(../images/body-divider-vert.png) repeat-y scroll 0 0}
   .homebuttoncolumnwide .homebutton {float:left; height: 115px; width: 125px; clear: left; }

   .homebuttoncolumnwide p {padding-top: 10px; font-size: 11px; line-height: 16px;}
   
   .buttonrow {clear:left; height: 120px; background: url(../images/body-divider-horz.png) bottom left repeat-x;margin-left: 25px; }
   .buttonrow.second {margin-top: 20px; background: none; height: 105px}
 
 .homebutton  {display:block; width: 199px; height: 140px;} 
 .homebutton#button-dist-search {background: url(../images/button-dist-search.gif) 0 0 no-repeat}
  .homebutton#button-whatis{background: url(../images/button-whatis.gif) 0 0 no-repeat; }
  .homebutton#button-stories {background: url(../images/button-stories.gif) 0 0 no-repeat;}
  
  #districtStories {clear: both}
  #about {margin-top: 18px;}

  #homestories { clear: both}
  #homestories .wrap-right-bg {padding-bottom: 5px}
  
  
  #footer {clear: both}
  
  #districtStories {list-style:none}
  #districtStories .greenhead, #districtStories .greenfoot {display:none}
  #districtStories .half-content {width: 100%}
  #districtStories .wrap-left-bg {background: none}
  #districtStories .wrap-right-bg {background: none; padding: 0}
  #districtStories  .story-exerpt p 
	{  
	color:#707070;
	font-size:11px;
	line-height:16px 
	}
  
 #districtStories h2 {
font-size:22px;
font-weight:normal;
text-align:left;
margin:0;padding:0;
}
  
  #districtStories h3 {
  font-size:12px;
margin:0; padding: 5px 0 5px 0 ;
text-align:left;

}


.storyMetaWrap {margin-left: 165px}

#districtStories .story-image-sm {float:left; padding:10px 15px 50px; }
  
#aboutus {  
  color:#707070;
font-size:11px;
line-height:16px;

}



#aboutus p {font-size:11px;}


#aboutus p a {font-size: 11px}
#aboutus .readlink {color:#000; font-size: 12px}

#about .floatright { margin: -40px 0 0 10px}
#about .wrap-right-bg {padding-bottom: 10px}

  #thestories li {
  list-style: none;
  }
  
  /* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
#districtStories { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 620px; 
    height:200px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#districtStories div.items { 
    /* this cannot be too large */ 
    width: 20000em;
    height:200px;
    overflow: hidden;
    position:absolute; 
    clear:both;
    
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
#districtStories .half-content{ 
    float:left;
    width: 620px;
    margin-right: 0

} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    /*background-color:#fff; */
}

/* position and dimensions of the navigator */ 
.navi { 
    float: right; 
    margin: -30px 15px 0 0 ;
    } 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(../images/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}

#aboutus p a {font-size: 11px}
#aboutus a {color:#000; font-size: 12px}




 /*
 2. Links to Pages Copy
•	Graphics :K:\projects\Azavea_Redistricting\documents\marketing\website\graphics\Home_Page 
•	Copy: K:\projects\Azavea_Redistricting\documents\marketing\website\website_copy\Home_Page\Page_links.doc 
•	District Search: 
o	All politics is local. How compact is your home district? How does it compare to others? Search for a Congressional, state or local district using an address or legislator name. 
•	Draw Your Own 
o	Tired of leaving redistricting in the hands of others? Try your hand at drawing a district and see how it rates using a standard measure of compactness. 
•	Top 10 Districts 
o	Take a look at the least compact districts in the country. Some of these shapes give Elbridge Gerry’s iconic salamander a run for its money. 
•	Read the whitepaper. 
o	Learn more about the geography of compactness and the legislative processes behind redistricting. 

*/