/* 20DC CSS                                                   */
/* Designed by:  Stephen Jablonski & Jesse Helfrich for 20DC  */
/* Version 1.0                                                */
/* July 4, 2007                                               */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: url('images/back.gif') 50% 0px repeat-y;	
  color: #333333;
}

/*****BEGIN GLOBAL CLASSES N SETTINGS*****/

h1 {
  font-size: 1.5em;
  color: #333333;
}

a img {
  border: none; 
}

.error, .message {
  font-size: 1em;
  color: #F00;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.bigmessage {
  display: block;
  font-size: 2.2em;
  font-weight: bold;
  color: #CCCCCC;
}

.bigmessage a, .bigmessage a:visited {
  color: #818181;
}

form {
  margin: 0;
}

td.right {
  text-align: right;
}

td.top {
  vertical-align: top;
}

fieldset {
  border-top: solid 1px #CCCCCC;
  border-right: solid 2px #B3B3B3;
  border-bottom: solid 2px #B3B3B3;
  border-left: solid 1px #CCCCCC;
  padding: 8px;
}

legend {
  font-size: 1.1em;
  font-weight: bold;
  color: #333333;
}

.anyinput {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin: 0;
  padding 0;
}

.vidplayer {
  width: 425px;
  margin: 0 auto 0 auto;
  padding: 0 0 0 35px;
  background: transparent;
  overflow: hidden;
}

.nplinks {
  width: 98%;
  padding-top: 6px;
  text-align: right;
  clear: both;
  font-weight: bold;
  color: #222222;
}

.nplinks a, .nplinks a:visited {
  color: #222222;
  text-decoration: none;
}

.nplinks a:hover {
  text-decoration: underline;
}

#srchnum li {
  padding: 0 4px 0 4px;
  display: inline;
  list-style-type: none;
  cursor: pointer;
}

/* RESOLUTION DETECT STYLES */

#uhoh_con {
  width: 100%;
  background: transparent;
  text-align: center;
}

#uhoh {
  width: 680px;
  height: 380px;
  background: #FFFFFF;
  border-top: solid 1px #CCCCCC;
  border-right: solid 3px #818181;
  border-bottom: solid 3px #818181;
  border-left: solid 1px #CCCCCC;
  padding: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

#uhoh a:link, #uhoh a:visited {
  color: #818181;
  text-decoration: underline;
}

#uhoh a:hover {
  color: #333333;
}

#uhoh .logo {
  width: 94px;
  height: 143px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  background: url('images/uhoh_logo.gif') top no-repeat;
}

#uhoh p {
  width: 80%;
  padding: 0;
  margin-top: 0;
  margin-bottom: .5em;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}  

/* SIGNUP STYLES */

#signup_con {
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  background: #FFFFFF;
}

#signup_con .leftcol {
  float: left;
  width: 568px;
}

#signup_con .rightcol {
  float: left;
  width: 210px;
  height: 772px;
  border-left: dotted 1px #CCCCCC;
  background: #FFFFFF;
  text-align: center;
}

#signup_con .mod {
  width: 161px;
  height: 149px;
  padding: 25px 12px 12px 12px;
  background: url('images/signup_mod2.gif') no-repeat;
  margin: 0 auto 0 auto;
  overflow: hidden;
  font-size: 1.3em;
  font-weight: bold;
  color: #CCCCCC;
}

#signup_con .modhead {
  font-size: 1.3em;
  color: #818181;
}

#signup_con p{
  padding: 0px;
}

#signup_con a, #signup_con a:visited {
  font-weight: bold;
  color: #222222;
  text-decoration: none;
}

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

#signup_con h1{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 3px;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#signup_con h2{
  display: block;
  width: 98%;
  border-bottom: dotted 1px #CCCCCC;
  margin-bottom: 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #303030;
  padding-left: 14px;
  background: url('images/h2_star.gif') no-repeat;
}

#signup_con .full {
  width: 310px;
  border-top: solid 2px #888888;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 2px #888888;
}

#signup_con .half {
  width: 150px;
  border-top: solid 2px #888888;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 2px #888888;
}

#signup_con .smalltext {
  font-weight: bold;
  font-size: .8em;
  color: #555555;
}

/* STANDARD PAGE MENU */

#page_menu {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

#page_menu ul {
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  padding-bottom: .2em;
  margin-top: 1em;
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
  border-bottom: solid 1px #DEDEDE;
}

#page_menu ul li { 
  display: inline;
  margin-right: .2em; 

}

#page_menu ul li.active a:link, #page_menu ul li.active a:visited  {
  color: #000000;
  padding: .2em 1em;
  background-color: #F4F4F4;
  border-top: solid 1px #FFFFFF;
  border-right: solid 1px #DEDEDE; 
  border-left: solid 1px #FFFFFF;
  font-weight: bold;
}

#page_menu ul li.active a:hover  {
  color: #000000;
  padding: .2em 1em;
  background-color: #F4F4F4;
  border-top: solid 1px #FFFFFF;
  border-right: solid 1px #DEDEDE; 
  border-left: solid 1px #FFFFFF;
  font-weight: bold;
}


#page_menu ul li a:link, #page_menu ul li a:visited {
  color: #8D8D8D;
  padding: .2em 1em;
  background-color: #F4F4F4;
  border-top: solid 1px #FFFFFF;
  border-right: solid 1px #DEDEDE; 
  border-left: solid 1px #FFFFFF;
  text-decoration: none;
  font-weight: normal;
 
}

#page_menu ul li a:hover {
  color: #FFFFFF;
  background-color: #8D8D8D;
  text-decoration: none;
}

/*GENERIC CITIZEN LIST*/

#citlist{
  float: left;
  width: 100%;
}

#citlist .cit {
  width: 100px;
  height: 160px;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: 7px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: center;
  background: transparent url('images/cit_back.gif') center no-repeat;
  overflow: hidden;
  color: #333333;
}

.cit span.userpic {
  width: 56px;
  height: 90px;
  display: block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 1px;
}

.cit span.text {
  font-size: .9em;
}

.cit span.links {
  width: 94px;
  display: block;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
}

.cit span.links a, .const span.links a:visited {
  font-weight: normal;
  font-size: .9em;
  color: #818181;
}

.cit a img {
  border: solid 2px;
}


/*GENERIC GROUP LIST*/

#grouplist{
  float: left;
  width: 100%;
}

#grouplist .group {
  width: 150px;
  height: 200px;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: center;
  background: transparent url('images/group_back.gif') center no-repeat;
  overflow: hidden;
  color: #333333;
  font-size: .9em;
}

.group span.grouppic {
  width: 75px;
  height: 95px;
  display: block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 1px;
}

.group span.title {
  width: 140px;
  height: 55px;
  display: block;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .2em;
  overflow: hidden;
  
}

.group span.links {
  width: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.group span.links a, .const span.links a:visited {
  font-weight: normal;
  font-size: .9em;
  color: #818181;
}


/* ARTICLE STYLES */

#article_con{
  float: left;
  width: 778px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  padding-top: 0px;
}

#article_con .leftcol {
  float: left;
  width: 568px;
  padding: 0 10px 0 0;
  margin: 0;
}

#article_con .rightcol {
  float: left;
  width: 185px;
  padding: 0 0 0 15px;
  margin: 0;
}

#article_con a, #article_con a:visited {
  color: #222222; 
  text-decoration: none;
  font-weight: bold;
}

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

#article_con blockquote {
  margin: 0 auto 0 auto;
  padding: 3px 0 0 25px;
  background: url('images/quote_back.gif') top left no-repeat;
  color: #666666;
}

#article_tools {
  width: 185px;
  overflow: hidden;
  margin: 0;
  text-align: center;
} 

#article_tools .vote_con {
  width: 185px;
  height: 70px;
  margin: 0 auto 13px auto;
  padding: 0;
  background: url('images/article_vote.gif') no-repeat;
}

#avote_table {
  width: 185px;
  height: 70px;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #363636;
}

#avote_table td.tally {
  width: 90px;
  margin: 0;
  padding: 0 0 0 2px;
  margin: 0;
  vertical-align: center;
}

#avote_table span.votes {
  font-size: 2.2em;
  font-weight: bolder;
}

#avote_table td.button {
  width: 92px;
  margin: 0;
  padding: 0 0 0 1px;
  margin: 0;
  vertical-align: center;
}

#article_tools .printshare {
  width: 185px;
  height: 16px;
  text-align: center;
  margin: 0 auto 15px auto;
  padding: 0;
}

#article_tools .tags {
  width: 175px;
  font-size: .9em;
  text-align: left;
  padding: 3px 5px 5px 5px;
  margin: 0 auto 8px auto;
  background: #F4F4F4;
  border-top: solid 6px #E8E8E8;
}

#article_tools span.tag {
  font-weight: normal;
}

#article_tools .morearticles {
  width: 175px;
  font-size: .9em;
  text-align: left;
  padding: 3px 5px 8px 5px;
  margin: 0 auto 10px auto;
  background: #F4F4F4;
  border-top: solid 6px #E8E8E8;
}
  

#article_tools_body {
  position: relative;
  width: 144px;
  margin: 0;
  background: #FFFFFF;
  border-left: 1px solid #CCCCCC;
  padding-top: 1px;
  overflow: hidden;
}

#article_tools_con {
  display: block;
  width: 134px;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

#article_tools .title {
  display: block;
  width: 144px;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

#article_tools .subtitle {
  display: block;
  width: 136px;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  padding-bottom: .2em;
}

#article_tools_con .tally {
  display: block;
  width: 106px;
  height: 30px;
  font-size: 1.7em;
  font-weight: bolder;
  border: solid 2px #ADA79B;
  background: #F4F4F4;
  padding-top: 7px;
  margin-top: 5px;
  margin-bottom: 1px;
  margin-left: auto;
  margin-right: auto;
  color: #56524B
}

#article_tools_con .button {
  height: 20px;
  width: 20px;
  margin: 3px;
  float: left;
}
 

#Atipbox {
  display: block;
  height: 24px;
  width: 144px;
  padding-top: 6px;
  text-align: right;
  font-size: .9em;
  font-weight: bold;
  background: #FFFFFF url('images/article_tools_bottom.gif') no-repeat top;
  
}

#article_con h1 {
  font-size: 1.8em;
  color: #333333;
  margin-top: 2px;
  margin-bottom: 8px;
}

#article_con h2 {
  font-size: 1.2em;
  color: #444444;
  width: 100%
  font-weight: bold;
  margin-bottom: 4px;
}

#article_con p {
   padding-left: 3px;
   padding-right: 3px;
}

#article_con .author {
  display: block;
  color: #444444;
  font-size: 1em;
  margin-top: 3px;
  margin-bottom: 1px;
}

#article_con .dateline {
  display: block;
  font-size: .9em;
  color:#555555;
  font-weight: bold;
  margin-top: 1px;
}

#article_con .userimg {
  width: 100px;
  padding: 0 16px 10px 0;
  float: left;
  display: inline;
  text-align: center;
}

#article_con span.byline {
  font-size: .9em;
}

#article_con .desc {
  display: block;
  color: #555555;
  font-style: italic;
  border-top: solid 1px #F4F4F4;
  border-bottom: solid 1px #F4F4F4;
  padding: 2px 3px 2px 3px;
  margin-top: 30px;
  margin-bottom: 15px;
}

#article_con .comment {
  display: block;
  clear: both;
  padding-top: 1px;
  margin-bottom: 35px;
  background: url('images/comment_back.gif') repeat-x;
}

#article_con fieldset {
  clear: both;
  width: 540px;
  border-top: solid 1px #CCCCCC;
  border-right: solid 2px #B3B3B3;
  border-bottom: solid 2px #B3B3B3;
  border-left: solid 1px #CCCCCC;
  padding: 8px;
}

#article_con form {
  margin: 0;
}

#article_con legend {
  font-size: 1.1em;
  margin-bottom: .5em;
  font-weight: bold;
  color: #333333;
}

#article_con fieldset textarea {
  width: 530px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #333333;
}


/*****BEGIN OF PAGE CONTAINER*****/

/*  OVERALL CONTAINER  */
#container {
  width: 966px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding: 0;
  background: transparent;
}
/*****END OF PAGE CONTAINER*****/


/*****HEADER BEGIN*****/
/*  HEADER CONTAINER */
#head {
  position: relative;
  width: 966px;
  height: auto;
  background: transparent;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
}

/*  LOG IN | SIGNUP TOP  */
#logsign {
  position: relative;
  width: 966px;
  height: 15px;
  font-size: 10px;
  font-weight: bold;
  background: transparent;
}

#logsign a, #logsign a:visited {
  color: #222222;
  text-decoration: none;
}

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

#logsign .left {
  width: 400px;
  float: left;
  text-align: left;
  font-style: italic;
  font-weight: bold;
  color: #999999;
}

#logsign .right {
  width: 400px;
  float: right;
  text-align: right;
}

/*  TOP MENU BAR  */
#topbar {
  position: relative;
  width: 966px;
  height: 83px;
  padding: 0;
  top: 5px;
  background: transparent url('images/topbar.gif') no-repeat;
  z-index: 98;
}

/*  20DC LOGO  */
#dcstar {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 103px;
  height: 95px;
  top: -87px;
  background: url('images/20dcstar.gif') no-repeat;
  z-index: 99;
}

/*MENU TIPS */

#menu_tips {
  width: 98%;
  float: left;
  margin: 0;
  padding: 24px 8px 6px 8px;
  display: block;
  height: 15px;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
}

#left_tips {
  height: 15px;
  float: left;
  margin: 0;
  padding: 0;
}

#right_tips {
  height: 15px;
  float: right;
  margin: 0;
  padding: 0;
}

/*  HEAD LEFT LINKS  */

#hllinks {
  position: relative;
  float: left;
  width: 442px;
  padding: 0 0 0 8px;
  height: 32px;
  background: transparent;
  overflow: hidden;
  z-index: 99;
}

#home_b {
  float: left;
  width: 35px;
  height: 32px;
  padding: 0;
  margin: 0 11px 0 0;
  background: url('images/buttons/topbar/home.gif') no-repeat;
  cursor: pointer;
}

#profile_b {
  float: left;
  width: 33px;
  height: 32px;
  padding: 0;
  margin: 0 11px 0 0;
  background: url('images/buttons/topbar/profile.gif') no-repeat;
  cursor: pointer;
}

#townhall_b {
  float: left;
  width: 33px;
  height: 32px;
  padding: 0;
  margin: 0 11px 0 0;
  background: url('images/buttons/topbar/townhall.gif') no-repeat;
  cursor: pointer;
}

#const_b {
  float: left;
  width: 28px;
  height: 32px;
  padding: 0;
  margin: 0 11px 0 0;
  background: url('images/buttons/topbar/const.gif') no-repeat;
  cursor: pointer;
}

#messages_b {
  float: left;
  width: 45px;
  height: 32px;
  padding: 0;
  margin: 0 11px 0 0;
  background: url('images/buttons/topbar/messages.gif') no-repeat;
  cursor: pointer;
}

#nums {
  float: left;
  width: auto;
  height: 32px;
  font-size: 1.2em;
  color: #FFFFFF;
  padding: 0;
  margin: 0 11px 0 -11px;
}


/*  HEAD RIGHT LINKS */

#hrlinks {
  position: relative;
  float: right;
  width: 442px;
  padding: 0 8px 0 0;
  height: 32px;
  text-align: right;
  background: transparent;
  overflow: hidden;
  z-index: 99;
}


#grass_b {
  float: right;
  width: 40px;
  height: 32px;
  padding: 0;
  margin: 0 0 0 11px;
  background: url('images/buttons/topbar/grass.gif') no-repeat;
  cursor: pointer;
}

#akit_b {
  float: right;
  width: 33px;
  height: 32px;
  padding: 0;
  margin: 0 0 0 11px;
  background: url('images/buttons/topbar/akit.gif') no-repeat;
  cursor: pointer;
}

#search_b {
  float: right;
  width: 29px;
  height: 32px;
  padding: 0;
  margin: 0 0 0 11px;
  background: url('images/buttons/topbar/search.gif') no-repeat;
  cursor: pointer;
}

#store_b {
  float: right;
  width: 35px;
  height: 32px;
  padding: 0;
  margin: 0 0 0 11px;
  background: url('images/buttons/topbar/store.gif') no-repeat;
  cursor: pointer;
}

#spectrum_b {
  float: right;
  width: 35px;
  height: 32px;
  padding: 0;
  margin: 0 0 0 11px;
  background: url('images/buttons/topbar/spectrum.gif') no-repeat;
  cursor: pointer;
}

#films_b {
  float: right;
  width: 33px;
  height: 32px;
  padding: 0;
  margin: 0 0 0 11px;
  background: url('images/buttons/topbar/films.gif') no-repeat;
  cursor: pointer;
}


/*ALL HEAD LINKS*/

.toplinks, .toplinks a, .toplinks a:visited {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

.toplinks a:hover{
  color: #CCCCCC;
}

/* HEADER BACKGROUNDS */

#headback {
  position: relative;
  width: 966px;
  height: 200px;
  top: -110px;
  background: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: url('images/headback.gif') repeat-y;
}

/*  HEAD ADS  */
#hads {
  position: relative;
  width: 966px;
  height: 100px;
  top: 27px;
  text-align: center;
  background: transparent;
}

#hads span.text {
  display: block;
  color: #cccccc;
  font-size: 8px;
  font-weight: bold;
}

#topads {
  position: relative;
  width: 800px;
  height : 65px;
  margin-left: auto;
  margin-right: auto;
}

#left_ad{
  position: relative;
  width: 470px;
  height: 65px;
  margin-left: 5px;
  top: 5px;
  float: left;
  background: #ffffff;
}

#right_ad{
  position: relative;
  width: 470px;
  height: 65px;
  top: 5px;
  margin-right: 5px;
  float: right;
  background: #ffffff;
}

/* WELCOME BOX */

#wbox {
  position: relative;
  width: 930px;
  height: 74px;
  padding: 3px;
  top: 22px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 14px;
  background: transparent url('images/wbox_back.gif') no-repeat;
  border: solid 3px #F4F4F4;
  overflow: hidden;

}

#wbox a:link, #wbox a:visited, #wbox a:hover {
  color: #666666;
  text-decoration: underline;
}

#wbox p {
  width: 600px;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  color: #666666;
  margin-left: auto;
  margin-right: auto;
}

#wbox_flash {
  position: relative;
  width: 936px;
  height: 80px;
  top: 25px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  background: #FFFFFF;
  overflow: hidden;
}

/*****END OF HEADER*****/


/*****BEGIN FEED BAR*****/
/*  THE BAR  */
#feedbar {
  position: relative;
  width: 966px;
  height: 30px;
  top: 20px;
  background: transparent url(images/feedbar.gif) no-repeat;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#feedbar a, #feedbar a:visited {
  color: #333333;
  text-decoration: underline;
  font-weight: normal;
}

#feedbar a:hover {
  font-weight: bold;
}

/*  FEED BAR CONTENT  */
/*  MAY SOON BE REPLACED FOR A MORE DYNAMIC FEED BAR  */
#fbcontent {
  position: relative;
  width: 870px;
  height: 16px;
  top: 8px;
  font-size: 11px;
  text-align: left;
  margin: 0;
  padding: 0;
  background: transparent;
  left: 60px;
  z-index: 99;
}

#fbcontent span.text {
  font-weight: bold;
}
/*****END OF FEED BAR*****/


/*****BEGIN CONTENT AREA*****/
/* MULTIPLE CONTENT CONTAINERS  */

#art_container {
  position: relative;
  width: 966px;
  height: auto;
  top: -160px;
  background: transparent url('images/con_back_a.gif') repeat-y;
  padding: 0;
  margin: 0 auto 0 auto;
}

#con_container4{
  position: relative;
  width: 966px;
  height: auto;
  top: -160px;
  background: transparent url('images/con_back_4col.gif') repeat-y;
  padding: 0;
  margin: 0 auto 0 auto;
}

#con_container3{
  position: relative;
  width: 966px;
  height: auto;
  top: -160px;
  background: transparent url('images/con_back_3col.gif') repeat-y;
  padding: 0;
  margin: 0 auto 0 auto;
}

#con_container{
  position: relative;
  width: 966px;
  height: auto;
  top: -160px;
  background: transparent url('images/con_back_2col.gif') repeat-y;
  padding: 0;
  margin: 0 auto 0 auto;
}


/*  TOP OF CONTAINER  */
#con_head{
  position: relative;
  width: 966px;
  height: 8px;
  margin: 0;
  padding: 0;
  background: transparent url('images/con_top.gif') no-repeat;
}

#con_head4{
  position: relative;
  width: 966px;
  height: 8px;
  margin: 0;
  padding: 0;
  background: transparent url('images/con_top_front.gif') no-repeat;
}

/*  ACTUAL CONTENT AREA  */
#con_backarea{
  position: relative;
  width: 966px;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
}

/*********BEGIN MULTI CONTENT**********/
/*                                    */
/* IN THIS SECTION OF CSS WILL BE     */
/* ALL OF THE ADDITIONAL CONTENT      */
/* SELECTIONS THAT YOU WILL BE ABLE   */
/* TO USE TO DESIGN ANY GIVEN PAGE.   */
/* YOU MUST USE THE LEFT LINKS BAR    */
/* ON ALL DESIGNS TO ALLOW NAVIGATION */
/* TO REMAIN THE SAME THROUGHOUT THE  */
/* ENTIRE SITE.  MANY DIFFERENT       */
/* VERSIONS OF THINGS WILL BE MADE TO */
/* ALLOW FOR THE BEST EXPERIENCE AND  */
/* COLOR TAILORED DESIGN.             */
/*                                    */
/* NOTE: ADDITIONAL DOCUMENTAION OF   */
/* THIS FILE AND OTHERS IS IN THE     */
/* 20DC DESIGN MANUAL.  PLEASE EMAIL  */
/* STEVEJABS@20DC.COM FOR A COPY.     */
/* BARRING THAT YOU ARE AN EMPLOYEE   */
/* AND NOT JUST SNOOPING AROUND OUR   */
/* CSS.  =P  IF YOU ARE ENJOY AND YOU */
/* CAN EMAIL IF YOU HAVE ANY IDEAS OR */
/* SUGGESTIONS!                       */
/**************************************/

/*  LEFT LINKS BAR BLUE  */

#leftlinksblue_con {
  position: relative;
  width: 145px;
  margin: 0;
  padding: 0 0 0 8px;
  background: transparent;
  overflow: hidden;
  float: left;
  text-align: center;
}
  

#leftlinksblue_top{
  position: relative;
  width: 147px;
  height: 14px;
  top: 0px;
  margin-top: 0;
  background: url('images/leftlinks_top.gif') bottom no-repeat;
}

#leftlinksblue_con ul{
  background: transparent;
  width: 95%;
  margin: 0;
  padding-left: .6em;
  padding-top: .5em;
  padding-bottom: .4em;
  text-align: left;
  list-style-type: none;
}

#leftlinksblue_con li{
  background: transparent url('images/star_bullet.gif') left no-repeat;
  text-indent: 1.5em;
  width: inherit;
  margin: 0;
  padding: .1em 0 .1em 0;
}

#leftlinksblue_con li.active {
  background: transparent url('images/star_bullet2.gif') left no-repeat;
}

#leftlinksblue_con a, #leftlinksblue_con a:visited{
  color: #595959;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
}

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


#leftlinksblue_con input.entry {
  width: 90px;
}


#leftads {
  width: 90%;
  padding: 6px 3px 6px 3px;
  margin-top: 10px;
  margin-bottom: 4px;
  background: #FFFFFF;
}

#mod_left {
  width: 140px;
  height: 150px;
  padding: 0;
  text-align: center;
  margin: 0 0 8px 0;
  background: transparent url('images/mod_left.gif') no-repeat;
  overflow: hidden;
}

#mod_left p {
  width: 118px;
  text-align: center;
  padding: 8px;
  margin: 0;
}

#write_button {
  width: 140px;
  height: 58px;
  padding: 0 0 8px 0;
  margin: 0 0 0 4px;
  background: url('images/write_b2.gif') no-repeat;
  cursor: pointer;
}

#login_table {
  width: 130px;
  height: 140px;
  margin: 0 auto 0 auto;
  text-align: center;
}

#login_table .loginput {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin: 0;
  padding 0;
  width: 90px;
}

#mod_nav {
  width: 140px;
  height: 150px;
  padding: 0;
  text-align: center;
  margin: 0 0 8px 0;
  background: transparent url('images/mod_left.gif') no-repeat;
  overflow: hidden;
}

#mod_nav2 {
  width: 140px;
  height: 190px;
  padding: 0;
  text-align: center;
  margin: 0 0 8px 0;
  background: transparent url('images/mod_nav.gif') no-repeat;
  overflow: hidden;
}

.secdiv {
  display: block;
  width: 85%;
  height: 1px;
  margin: 0 auto 0 auto;
  padding: 0;
  border: 0;
  font-size: 0;
  background: transparent url('images/secdiv.gif') repeat-x;
}
  

/* ALL ARTICLES */

.readlink a, .readlink a:visited, .readlink a:hover {
  font-weight: normal;
  color: #333333;
}

.article_block {
  width: 302px;
  height: 220px;
  padding: 0 0 2px 0;
  margin: 0 0 10px 0;
  overflow: hidden;
  border-bottom: solid 1px #CCCCCC;
}

.queue_message {
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
  width: 302px;
  border-bottom: solid 3px #D9D9D9;
  color: #666666;
  font-size: 1.1em;
}

/*  LEFT ARTICLES  */

#leftarticles_con {
  position: relative;
  width: 326px;
  margin: 0;
  background: transparent;
  float: left;
  color: #3d50c8;
}

#leftarticles_con a, #leftarticles_con a:visited, #leftarticles_con a:hover{
color: #3d50c8;
text-decoration: none;
}

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


#leftarticles_top{
  position: relative;
  width: 326px;
  height: 5px;
  top: 0;
  background: #475DE9;
}

#leftarticles_backarea{
  position: relative;
  width: 326px;
  height: auto;
  margin: 0;
  background: transparent url('images/leftarticle_back.gif') no-repeat top;
}

#leftarticles_textcon{
  padding-top: 23px;
  position: relative;
  width: 302px;
  margin-left: 12px;
  height: auto;
  top: 0px;
  background: transparent;
}


#leftarticles_textcon span.title{
  width: 302px;
  font-size: 1.2em;
  font-weight: bold;
}

#leftarticles_textcon span.byline{
  width: 302px;
  font-weight: bold;
}

#leftarticles_textcon span.desc{
  width: 302px;
  text-indent: 0px;
  color: #333333;
  text-align: justify;
}

#leftarticles_textcon span.links{
  width: 302px;
  font-size: 0.8em;
  font-weight: bold;
}                   

/*  RIGHT ARTICLES  */
#rightarticles_con {
  position: relative;
  top: 0px;
  width: 326px;
  margin: 0 0 0 5px;
  float: left;
  color: #AD2B2B;
}

#rightarticles_con a, #rightarticles_con a:visited, #rightarticles_con a:hover{
color: #ad2b2b;
text-decoration: none;
}

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

#rightarticles_top{
  position: relative;
  width: 326px;
  height: 6px;
  top: 0px;
  background: url('images/rightarticle_top.gif') no-repeat;
}

#rightarticles_backarea{
  position: relative;
  width: 326px;
  height: auto;
  margin: 0;
  background: transparent url('images/rightarticle_back.gif') no-repeat top;
}

#rightarticles_textcon{
  position: relative;
  padding-top: 23px;
  width: 302px;
  margin-left: 10px;
  height: auto;
  top: 0px;
  background: transparent;
}

#rightarticles_textcon span.title{
  width: 302px;
  color: #ad2b2b;
  font-size: 1.2em;
  font-weight: bold;
}

#rightarticles_textcon span.byline{
  width: 302px;
  font-weight: bold;
}

#rightarticles_textcon span.desc{
  width: 302px;
  text-indent: 0px;
  color: #333333;
  text-align: justify;
}

#rightarticles_textcon span.links{
  width: 315px;
  font-size: 0.8em;
  font-weight: bold;
}

/*  RIGHT SOMETHING BAR RED */

#rightbarred{
  position: relative;
  top: 0px;
  width: 147px;
  padding: 0;
  margin: 0 0 0 6px;
  text-align: left;
  background: transparent;
  float: left;
}

#rightbarred_top{
  position: relative;
  width: 147px;
  height: 14px;
  margin: 0;
  background: url('images/rightbar_top.gif') no-repeat right bottom;
}

#rightbarred_backarea{
  position: relative;
  width: 146px;
  line-height: 18px;
  padding-top: .4em;
  padding-bottom: .4em;
  margin: 0;
  background: #F4F4F4;
  border-bottom: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
}

#morearticles {
  width: 100%;
  height: 27px;
  background: #F4F4F4 url('images/morearticles_b.gif') center no-repeat;
  margin: .1em 0 .2em 0;
  text-align: center;
  cursor: pointer;
}

#morearticles .links{
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0 5px 0;
  font-weight: bold;
  font-size: .9em;
}

#rightbarred a, #rightbarred a:visited{
  color: #595959;
  font-weight: bold;
  text-decoration: none;
}

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

#rightbarred p .headline{
  font-size: 1.1em;
  font-weight: bold;
}

#mod_right {
  width: 140px;
  height: 150px;
  padding: 0;
  text-align: center;
  margin: 0 0 12px 0;
  background: transparent url('images/mod_right.gif') no-repeat;
  overflow: hidden;
}

#mod_right p {
  width: 124px;
  text-align: center;
  padding: 8px;
  margin: 0;
}

#mod_right table {
  width: 124px;
  height: 138px;
  vertical-align: center;
  font-size: .9em;
  margin: 5px auto 0 auto;
  padding: 0;
}

#queue_button {
  width: 140px;
  height: 58px;
  padding: 0 0 8px 0;
  margin: 0 0 0 4px;
  background: url('images/queue_b3.gif') no-repeat;
  cursor: pointer;
}

#front_button {
  width: 140px;
  height: 58px;
  padding: 0 0 8px 0;
  margin: 0 0 0 4px;
  background: url('images/front_b2.gif') no-repeat;
  cursor: pointer;
}


/*  MAIN BOX - STRETCHES 800+ px  */
#mainbox_con{
  position: relative;
  width: 804px;
  margin-left: 4px;
  margin-right: auto;
  top: 0px;
  background: transparent;
  float: left;
}

#mainbox_top {
  position: relative;
  width: 804px;
  height: 7px;
  top: 0px;
  background: url(images/mainbox_top.gif) no-repeat;
  clear: both;
}

#mainbox_backarea {
  position: relative;
  width: 804px;
  height: auto;
  top: 0px;
  float: left;
  background: #ffffff url(images/mainbox_back_b.gif) repeat-y;
}

#mainbox_textcon{
  position: relative;
  width: 784px;
  margin-left: 10px;
  height: auto;
  top: 0px;
  background: #ffffff;
  clear: both;
}

#mainbox_textcon span.text{
  color: #333333;
  font-size: 11px;
  font-weight: bold;
}

#mainbox_bottom {
  position: relative;
  width: 804px;
  height: 7px;
  top: 0px;
  background: url(images/mainbox_bottom.gif) no-repeat;
  clear: both;
}

/*THIS IS A BETTER METHOD THAN THE MAINBOX*/

#simple_page{
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  background: #FFFFFF;
}

#simple_page a:link, #simple_page a:visited, #simple_page a:active { 
  color: #222222;
  text-decoration: none;
  font-weight: bold;
}

#simple_page a:hover {
  color: #444444;
  text-decoration: underline;
  font-weight: bold;
}

#simple_page p{
  padding: 0px;
}

#simple_page h1{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 3px;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#simple_page span.subhead{
  display: block;
  margin-bottom: 4px;
  font-size: 1.1em;
  font-weight: bold;
}

#simple_page h2{
  display: block;
  width: 98%;
  border-bottom: dotted 1px #CCCCCC;
  margin-bottom: 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #303030;
  padding-left: 14px;
  background: url('images/h2_star.gif') no-repeat;
}

#simple_page ol{
  padding-left: 0;
  margin-left: 1.4em;
}

#simple_page form {
  margin: 0;
}

.rightalign{
  float: right;
  border: 0;
  margin-left: 8px;
  margin-bottom: 5px;
  margin-right: 0;
  margin-top: -27px;
}

.loginstep {
  width: 80%;
  border: solid 3px #CCCCCC;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: -60px;
  margin-left: 50px;
  padding-left: 50px;
}

.blur {
  background: #F4F4F4;
  height: 100px;
}

.stepnum {
  display: block;
  width: 60px;
  height: 60px;
  padding: 10px;
  background: #CCCCCC;
  color: #FFFFFF;
  font-size: 4em;
  text-align: center;
}
  

#contact_form {
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
}

#contact_form .right {
  text-align: right;
}

#contact_form .top {
  vertical-align: top;
}

#contact_form .entry {
  width: 535px;
  border: solid 1px #CCCCCC;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #333333;
}

#press_try {
  width: 683px;
  background: url('images/press_try.jpg') top right no-repeat;
  text-align: left;
  padding: 10px 90px 0px 0px;
  border-top: dotted 1px #CCCCCC;
}


/* WRITING PAGE(S) */

#write_con{
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  background: #FFFFFF;
}

#write_con a:link, #write_con a:visited {
  color: #222222;
  text-decoration: underline;
}

#write_con a:hover {
  color: #818181;
}

#write_con p{
  padding: 0px;
}

#write_con h1{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 3px;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#write_con fieldset {
  width: 760px;
  border-top: solid 1px #CCCCCC;
  border-right: solid 2px #B3B3B3;
  border-bottom: solid 2px #B3B3B3;
  border-left: solid 1px #CCCCCC;
  padding: 8px;
}

#write_con legend {
  font-size: 1.1em;
  font-weight: bold;
  color: #333333;
}

#write_con textarea {
  width: 720px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #333333;
  background: #F4F4F4;
  border-top: solid 2px #888888;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 2px #888888;
}

#write_con .headline {
  font-family: Arial, Helvetica, Sans-Serif;
  width:720px;
  height:22px;
  font-size:1.5em;
  font-weight:bold;
  background:#F4F4F4;
  border-top: solid 2px #888888;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 2px #888888;
}

#write_con .charleft {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size:1.1em;
  font-weight:bold;
  border: solid 1px #FFFFFF;
}

#write_con .tags {
  font-family: Arial, Helvetica, Sans-Serif;
  width:720px;
  background:#F4F4F4;
  border-top: solid 2px #888888;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 2px #888888;
}


/*FILMS PAGE*/

#main_film {
  width: 460px;
  float: left;
  text-align: center;
  padding-top: 1.2em;
}

#main_film .filmtitle {
  display: block;
  width: 100%;
  font-size: 1.4em;
  color: #555555;
  font-weight: bold;
}

#main_film .tuberefer {
  display: block;
  width: 100%;
  font-size: 1.4em;
  padding-top: 1em;
}

#films_nav {
  border-left: dotted 1px #CCCCCC;
  width: 280px;
  float: left;
  padding-left: 20px;
  padding-top: 1.2em;
}

/*  PROFILE PAGES  */


#profile_con {
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 6px;
  padding-right: 10px;
  background: #FFFFFF;
}

#profile_con a, profile_con a:visited {
  text-decoration: none;
}

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

#profile_con .lpmessage, #profile_con .rpmessage {
  background: #F4F4F4;

  font-size: 1.2em;
  color: #818181;
  text-align: center;
  padding: 1em 0 1em 0;
  margin: .2em 0 0 0;
}

#profile_con .lpmessage {
  width: 248px;
}

#profile_header {
  position: relative;
  width: 784px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 5px;
}

#profile_header .ptools {
  height: 20px;
  background: transparent;
  float: right;
  margin-right: 10px;
  margin-top: 4px;
  text-align: right;
}

#tipbox {
  float: right;
  height: 20px;
  padding-right: 5px;
  margin-top: 7px;
  text-align: right;
  color: #FFFFFF;
  font-size: .8em;
  font-weight: bolder;
}

.ptools img {
  margin-left: 1px;
}

#profilecolumn_left {
  position: relative;
  width: 255px;
  height: auto;
  margin-left: 0;
  margin-right: auto;
  margin-top: -37px;
  float: left;
  background: transparent;
  overflow: hidden;
  padding: 0;
}

#profilecolumn_left span.p_links {
  display: block;
  width: 250px;
  background: #F4F4F4;
  font-size: .9em;
}

#profile_con h2, #profile_con h3 {
  font-size: 1.2em;
  font-weight: bold;
  text-indent: 22px;
  width: 518px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
}

#profile_con h3 {
  width: 250px;
  clear: both;
}

#profile_con h4 {
  font-size: 1em;
  font-weight: bold;
  width: 480px;
  margin-top: 8px;
  margin-bottom: 0;
}

#profile_con .articletext {
  display:block;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 2px;
  line-height: 2em;
}

#profile_con .abouttext {
  display:block;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 2px;
}

#profile_con .usertext {
  display:block;
  padding-left: 14px;
  margin-top: 10px;
  margin-bottom: 14px; 
}

#profile_con .message {
  display: block;
  background: #F4F4F4;
  width: 517px;
  margin-bottom: 8px;
  color: #333333;
}

#profile_con form {
  margin: 0;
}

#profilecolumn_right {
  position: relative;
  width: 515px;
  height: auto;
  margin-left: 10px;
  margin-right: auto;
  float: left;
  background: transparent;	
}

#profilecolumn_right textarea {
  width: 510px;
  height: 90px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin-top: 0;
  margin-bottom: 0;
}

#profilecolumn_right .greystyle {
  margin-top: 3px;
  margin-bottom: 10px;
  background: #F4F4F4;
  text-align: left;
}

#lob_vall {
  width: 515px;
  text-align: right;
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: .8em;
  color: #555555;
}

#profile_con .lobbyblock {
  display: block;
  width: 520px;
  height: inherit;
  clear: both;
  margin-bottom: 30px;
}

#profile_con .lobbyblock span.dateline {
  display: block;
  font-size: .9em;
  color:#444444;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 6px;
}

#profile_con .lobbyblock span.pix {
  position: relative;
  float: left;
  display: block;
  width: 50px;
  margin-bottom: 30px;
}

#profile_con .lobbyblock span.text {
  display: block;
  position: relative;
  width: 455px;
  float: left;
  padding-left: 8px;
  padding-right: 5px;
  margin-bottom: 30px;
  background: transparent url('images/comment_back.gif') repeat-x;
}

#profile_con .lobbyblock span.links {
  width: 100px;
  height: 12px;
  float: right;
  font-size: .8em;
  text-align: right;
  margin-top: -20px;
}


/* CITIZEN ID */

#citizenid {
  position: relative;
  width: 250px;
  height: 325px;
  top: 0px;
  margin-left: 0;
  margin-bottom: 8px;
  overflow: hidden;
  font-size: 0.9em;
}


#citizenid .idtext {
  font-weight: bolder;
  font-size: 11px;
}

#citizenid .nametext {
  font-size: 1.2em;
  font-weight: bold;
}

#citizenid .usernumber, #citizenid .userparty {
  font-weight: bolder;
}

#citizenid .userparty{
  text-transform: uppercase;
}

#citizenid_head{
  position: relative;
  width: 230px;
  height: 15px;
  text-align: right;
  margin-left: 10px;
  top: 10px;
  background: transparent;
  overflow: hidden;
}


#citizenid_pi{
  position: relative;
  height: 135px;
  width: 250px;
  padding: 0;
  margin: 0;
  background: transparent;
  overflow: hidden;
}

#citizenid_pileft{
  position: relative;
  height: 135px;
  width: 100px;
  margin: 0;
  padding-left: 10px;
  top: 0px;
  background: transparent;
  float: left;
  overflow: hidden;
}

#citizenid_piright{
  position: relative;
  height: 135px;
  width: 120px;
  margin-left: 10px;
  margin-right: auto;
  top: 20px;
  background: transparent;
  overflow: hidden;
  float: left;
}


#citizenid_bt{
  position: relative;
  width: 235px;
  height: 102px;
  font-size: .9em;
  text-align: center;
  margin-left: 7px;
  padding-left: 1px;
  top: 5px;
  border-top: solid 3px #F1F1F1;
  background: #FBFBFB;
  clear: both;
  overflow: hidden;
}

#citizenid_bt table {
  border-collapse: collapse;
  width: 235px;
  padding: 0;
}

#citizenid_bt td {
  border: solid 1px #F1F1F1;
  text-align: center;
  padding: 2px;
}

#citizenid_bt .badges {
  width: 235px;
  height: 70px;
  padding: 0;
  text-align: left;
  overflow: hidden;
}  

#citizenid_ru{
  position: relative;
  width: 230px;
  height: 31px;
  text-align: left;
  margin-left: 10px;
  top: 22px;
  background: transparent;
  clear: both;
  overflow: hidden;
}


#citizenid_party{
  position: relative;
  width: 230px;
  height: 13px;
  text-align: center;
  margin-left: 10px;
  top: 24px;
  background: transparent;
  clear: both;
  overflow: hidden;
}


/*CONSTITUENT STYLES*/

#const_con {
  float: left;
  margin-top: 8px;
  margin-bottom: 10px;
  width: 99%;
  text-align: center;
}


#const_con .userblock {
  width: 110px;
  height: 90px;
  padding: 5px;
  background: transparent url('images/const_block_back.gif') no-repeat center;
  overflow: hidden;
  margin: 2px;
  float: left;
  text-align: center;
}

.userblock span.top {
  display: block;
  height: 77px;
  overflow: hidden;
}

.userblock img {
  border: solid 2px;
  text-align: center;
}

.userblock span.bottom {
  display: block;
  height: 12px;
}

h1 a.vall, h2 a.vall, h3 a.vall {
  font-size: .8em;
}

/*PROFILE GROUPS */

#groups_con {
  float: left;
  margin-top: 1px;
  margin-bottom: 10px;
  width: 242px;
  padding: .3em;
  background: #F4F4F4;
}


/*CONSTITUENTS PAGE STYLES*/

#const_page{
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  background: #FFFFFF;
}

#const_page a, #const_page a:visited {
  font-weight: bold;
  text-decoration: none;
}

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

#const_page h1{
  display: block;
  width: 100%;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#const_page h2{
  display: block;
  width: 100%
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: bold;
  background: #DEDEDE;
  border-bottom: solid 3px #CCCCCC;
}

#const_page .request {
  width: 100%;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: solid 1px #CCCCCC;
  background: #F4F4F4;
  overflow: hidden;
}

.request span.userpic {
  width: 100px;
  position: relative;
  display: block;
  float: left;
}

.request span.requestinfo {
  width: 500px;
  position: relative;
  display: block;
  float: left;
  margin-left: 5px;
}

.request span.useroptions {
  width: 144px;
  position: relative;
  display: block;
  float: right;
  text-align: right;
  padding-right: 5px;
}

#const_page .const {
  width: 144px;
  height: 220px;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: center;
  background: transparent url('images/const_back.gif') no-repeat top;
  overflow: hidden;
  color: #333333;
}

.const span.userpic {
  width: 106px;
  height: 140px;
  display: block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 1px;
}

.const span.text {
  font-size: .9em;
}

.const span.links {
  width: 144px;
  display: block;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
}

.const span.links a, .const span.links a:visited {
  font-weight: normal;
  font-size: .9em;
  color: #818181;
}

.const a img {
  border: solid 2px;
}

/* LOBBY PAGE STYLE */

#lobby_con {
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  background: #FFFFFF;
}

#lobby_con a, #lobby_con a:visited {
  color: #222222;
  text-decoration: none;
}

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

#lobby_con h1{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 3px;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#lobby_con form {
  margin: 0;
}

#lobby_con .lobbyblock {
  display: block;
  width: 100%;
  height: inherit;
  clear: both;
  margin-bottom: 30px;
}

#lobby_con .lobbyblock span.dateline {
  display: block;
  font-size: .9em;
  color:#444444;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 6px;
}

#lobby_con .lobbyblock span.pix {
  position: relative;
  float: left;
  display: block;
  width: 50px;
  margin-bottom: 30px;
}

#lobby_con .lobbyblock span.text {
  display: block;
  position: relative;
  width: 710px;
  float: left;
  padding-left: 8px;
  padding-right: 5px;
  margin-bottom: 30px;
  background: transparent url('images/comment_back.gif') repeat-x;
}

#lobby_con .lobbyblock span.links {
  width: 100px;
  height: 12px;
  float: right;
  font-size: .8em;
  text-align: right;
  margin-top: -20px;
}

#lobby_con textarea {
  width: 765px;
  height: 70px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin-top: 0;
  margin-bottom: 0;
}

#lobby_con .greystyle {
  margin-top: 3px;
  margin-bottom: 10px;
  background: #F4F4F4;
  text-align: left;
}


/* MESSAGE STYLES */

#message_con {
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  background: #FFFFFF;
}


#message_con h1{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 3px;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#message_con form {
  margin: 0;
}

#message_con a, #message_con a:visited {
  color: #222222;
  text-decoration: none;
}

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

#msgtable {
  width: 100%;
  margin-top: 5px;
  border: solid 1px #DEDEDE;
  border-collapse: collapse;
}

#msgtable td {
  border: solid 1px #DEDEDE;
  padding: .5em .3em .5em .3em;
}

#msgtable td.date {
  width: 140px;
}

#msgtable td.from {
  width: 100px;
}

#msgtable td.action {
  text-align: center;
  width: 100px;
}

#msgtable tr.header {
  font-weight: bold;
  background: #F4F4F4;
}

#msgtable tr.uread {
  background: #D4D4D4;
  font-weight: bold;
}

#msgtable tr.read {
  background: #FFFFFF;
  font-weight: normal;
}

#comptable .entry {
  width: 400px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #333333;
}

#comptable td {
  text-align: right;
  vertical-align: top;
}

#comptable td.left {
  text-align: left;
}

#msgbox {
  margin-top: 0;
  width: 100%;
}

#msgbox .from {
  display: block;
  height: 20px;
  padding: .2em 0 0 .2em;
  margin-bottom: 1.2em;
  font-weight: bold;
  background: #F4F4F4;
}

#msgbox .text {
  display: block;
}

#msgbox span.links {
  width: 100px;
  height: 12px;
  float: right;
  padding-right: .5em;
  font-size: .9em;
  text-align: right;
  margin-top: -3em;
}
  

/* SEARCH PAGE STYLES */

#search_con{
  float: left;
  width: 780px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  background: #FFFFFF;
}

#search_con a, #search_con a:visited {
  color: #222222;
  font-weight: bold;
  text-decoration: none;
}

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

#search_con .leftcol {
  float: left;
  width: 631px;
}

#search_con p{
  padding: 0px;
}

#search_con h1{
  display: block;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 3px;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#search_con span.subhead{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  font-size: 1.1em;
  font-weight: bold;
}

#search_con .result {
  display: block;
  float: left;
  width: 98%;
  padding-left: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #F4F4F4 url('images/result_back.gif') no-repeat top right;
  margin-bottom: 8px;
}

.result img {
  float: left;
  vertical-align: top;
  border: solid 2px;
  margin-right: 10px;
}

.result span.text {
  float: left;
  width: 140px;
}

.result span.artitle {
  font-size: 1.3em;
}

#search_con .result ul {
  float: right;
  width: 300px;
  padding: 3px;
  margin-right: 8px;
  margin-top: 0;
  list-style-type: none;
  font-size: .9em;
  text-align: right;
}

#search_con ul.uoption li { 
  display: inline; 

}

#search_con ul.uoption li a, #search_con ul.uoption li a:visited {
  color: #8D8D8D;
  padding: .2em 1em;
  background-color: #F4F4F4;
  border-top: solid 1px #FFFFFF;
  border-right: solid 1px #DEDEDE; 
  border-bottom: solid 1px #DEDEDE; 
  border-left: solid 1px #FFFFFF;
  text-decoration: none;
  font-weight: normal;
 
}

#search_con ul.uoption li a:hover {
  color: #FFFFFF;
  background-color: #8D8D8D;
  text-decoration: none;
}

#search_con .rightcol {
  float: left;
  width: 140px;
  margin-left: 5px;
  text-align: right;
}

#search_con .rightcol p {
  margin-top: .1em;
  width: 140px;
  padding: .2em;
  text-align: left;
  background: #F4F4F4;
  color: #8D8D8D;
}

#search_con .rightcol form {
  margin: 0;
}

#search_con .entry {
  margin-bottom: .5em;
  width: 135px;
  font-size: 12px;
  color: #333333;
}

#search_con .button {
  margin-top: .5em;
}

#search_con p.howto {
  margin-top: .1em;
  border: solid 2px #D8D8D8;
  background: #F4F4F4;
  padding: 8px;
}

#search_con p.howto span.headline {
  display: block;
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: .3em;
}

/* BEGIN BOTTOM NEXT PREVIOUS LINK */
#nextprevious {
 position: relative;
 width: 943px;
 top: 0px;
 background: transparent;
 text-align: center;
 font-size: 10px;
}

#nextprevious a, #nextprevious a:visited{
  color: #999999;
  text-decoration: none;
}

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


/* ACTION KIT */
#akit_con{
  float: left;
  width: 788px;
  margin: 0;
  padding-left: 8px;
  padding-right: 10px;
  background: transparent;
}

#akit_con h1{
  display: block;
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  border-bottom: dotted 1px #CCCCCC;
  background: #FFFFFF url('images/akit_h1.gif') no-repeat left;
}

#akit_con h2{
  display: block;
  float: left;
  width: 98%;
  margin-bottom: 2px;
  margin-top: 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: #555555;
  padding-left: 14px;
  background: url('images/h2_star.gif') no-repeat;
}  

#akit_con a, #akit_con a:visited {
  color: #555555;
  font-weight: bold;
  text-decoration: none;
}

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

#akit_con .leftcol {
  float: left;
  width: 620px;
  padding-left: 5px;
  padding-right: 14px;
  padding-top: 8px;
}

#akit_con .topnav {
  width: 620px;
  padding-bottom: .3em;
}

#akit_con p{
  padding: 10px 0 10px 0;
  margin: 0;
}

#akit_con p.statehead {
  font-size: 2.2em;
  font-weight: bolder;
  padding: 10px 0 0 4px;
  color: #555555;
}

#akit_con p.statenick {
  font-size: 1.1em;
  padding: 0 0 10px 4px;
}

#akit_con .akitinfo {
  display: block;
  float: left;
  width: 98%;
  padding-left: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #FFFFFF;
  margin-bottom: 8px;
  border-top: dotted 1px #CCCCCC;
}

.akitinfo span.text {
  float: left;
  width: 250px;
}

.akitinfo span.name {
  font-size: 1.2em;
  color: #333333;
  font-weight: bold;
}

.akitinfo span.contact {
  float: right;
  width: 200px;
  padding: 3px;
  margin-right: 8px;
  margin-top: 0;
  text-align: right;
}

.akitinfo span.regvote {
  float: right;
  width: 60px;
  padding: 0 0 8px 8px;
  text-align: center;
}

.regvote a:hover img {
  text-decoration: none;
}

#akit_con .letternav {
  font-size: 1.1em;
  padding: .6em 0 1.3em 0;
}

#akit_con span.grey {
  color: #CCCCCC;
}

#akit_con .sugterm {
  width: 100%;
  text-align: right;
  padding: .2em 0 .2em 0;
  margin: 0;
}

#akit_con .input {
  width: 580px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin: 0;
  padding 0;
}

#akit_con div.howto {
  margin-top: .1em;
  background: #F4F4F4;
  padding: 8px 8px 8px 0;
}

#akit_con div.howto span.headline {
  display: block;
  font-size: 1.3em;
  margin-top: .3em;
  margin-bottom: .3em;
}

#akit_con .rightcol {
  float: left;
  width: 140px;
  margin-top: 2px;
  padding-left: 6px;
  text-align: left;
  background: #F4F4F4;
}

#akit_con .categories {
  margin-top: .1em;
  width: 135px;
  padding: .2em .2em .5em .2em;
  text-align: left;
  background: #F4F4F4;
  color: #555555;
  font-size: .9em;
}

#akit_con .categories a:link, #akit_con .categories a:visited, #akit_con .categories a:hover {
  font-weight: normal;
}

#akit_con .rightcol form {
  margin: 0;
}

#akit_con .entry {
  margin-bottom: .5em;
  width: 135px;
  font-size: 12px;
  color: #333333;
}

#akit_con .rightnav {
  width: 135px;
  text-align: left;
  border-top: solid 1px #CCCCCC;
  margin-bottom: .5em;
}

#akit_con .rightnav a:link, #akit_con .rightnav a:visited {
  display: block;
  border-bottom: solid 1px #CCCCCC;
  padding: .2em 0 .2em 0;
  margin: 0;
}


/* Town Hall */

#th_con{
  float: left;
  width: 788px;
  margin: 0;
  padding-left: 8px;
  padding-right: 10px;
  background: transparent;
}

#th_con a:link, #th_con a:visited {
  color: #555555;
  text-decoration: none;
  font-weight: bold;
}

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

#th_con h1{
  display: block;
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  border-bottom: dotted 1px #CCCCCC;
  background: #FFFFFF url('images/th_h1.gif') no-repeat left;
  cursor: pointer;
}

#th_con h2{
  display: block;
  width: 100%;
  height: 26px;
  margin: 0;
  padding: .5em 0 .8em 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: #FFFFFF url('images/th_h2.gif') repeat-x top;
}

#th_con h3 {
  display: block;
  width: 100%;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0;
  padding: .5em 0 .5em 0;
}

#th_con blockquote {
  margin: 0 auto 0 auto;
  padding: 3px 0 0 25px;
  background: url('images/quote_back.gif') top left no-repeat;
  color: #666666;
}

#th_con .onecol {
  float: left;
  width: 783px;
  padding-left: 5px;
  padding-top: 8px;
}

#th_con .levmen {
  width: 100%;
  display: block;
  text-align: right;
  margin: 0;
}

#th_con .topicbutton {
  width: 100%;
  text-align: right;
  margin-top: -3.2em;
  padding-bottom: .2em;
}

#th_con .levmen a:link, #th_con .levmen a:visited {
  color: #555555;
  text-decoration: none;
  font-weight: bold;
}

#th_con .levmen a:hover {
  text-decoration: underline;
}

#thtable {
  width: 100%;
  border: solid 1px #DEDEDE;
  border-collapse: collapse;
}

#thtable a:link, #thtable a:visited {
  color: #555555;
  font-weight: bolder;
  text-decoration: none;
}

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

#thtable td {
  border: solid 1px #DEDEDE;
  padding: .5em .3em .5em .3em;
  vertical-align: center;
}

#thtable tr.cats {
  width: 100%;
  font-weight: bold;
  text-align: left;
}

#thtable td.caticon {
  width: 60px;
}

#thtable td.author {
  width: 100px;
}

#thtable td.replies, #thtable td.views {
  width: 60px;
  text-align: center;
}

#thtable td.threadid {
  width: 130px;
  background: #F4F4F4;
  text-align: center;
  vertical-align: top;
}

#thtable td.threadbody {
  vertical-align: top;
  padding-left: 1em;
}

.threadback {
  display: block;
  width: 100%;
  text-align: right;
  padding-bottom: .5em;
}

#thtable .threadimg {
  display: block;
  width: 100px;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

#thtable .threadmenu {
  display: block;
  width: 625px;
  padding: 0;
  margin-bottom: .5em;
  text-align: right;
  font-size: .9em;
  border-bottom: solid 1px #F4F4F4;
}
  

/*THE GRASS*/

#grass_con{
  float: left;
  width: 788px;
  margin: 0;
  padding-left: 8px;
  padding-right: 10px;
  background: transparent;
}

#grass_con h1{
  display: block;
  width: 100%;
  height: 41px;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  border-bottom: dotted 1px #CCCCCC;
  background: #FFFFFF url('images/grass_h1.gif') no-repeat left;
  cursor: pointer;
}

#grass_con h2{
  display: block;
  width: 100%;
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #F4F4F4;
}

#grass_con h3 {
  display: block;
  width: 100%;
  padding: .2em 0 .2em 0;
  background: #F4F4F4 url('images/grass_h3.gif') top right no-repeat;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 1.2em 0;
}

#grass_con fieldset {
  width: 600px;
}

#grass_con fieldset textarea {
  width: 93%;
  height: 90px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin: 0;
  padding 0;
}

.aboutgrass {
  font-size: 1.2em;
  color: #555555;
  margin: 0;
  padding: 0;
}

#grass_con .divhead {
  width: 98%;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #555555;
  border-top: dotted 1px #CCCCCC;
  border-bottom: dotted 1px #CCCCCC;
  padding: .2em 0 .2em 0;
  margin: 2em 0 1em 0;
}

#grass_con a:link, #grass_con a:visited {
  color: #555555;
  font-weight: bolder;
  text-decoration: none;
}

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

#grass_con .leftcol {
  float: left;
  width: 620px;
  padding-left: 5px;
  padding-right: 14px;
  padding-top: 8px;
}
 

#grass_con p.category {
  width: 100%;
  text-align: right;
  padding: 0 0 .5em 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
}

#grass_con p.about {
  width: 615px;
  padding: 0 0 1.5em 0;
  margin: 0;
}

#grass_con p.defmes {
  width: 100%;
  font-size: 1.1em;
  font-weight: bold;
  color: #898989;
  padding: 0 0 1.5em 0;
  margin: 0;
}

#grass_con p.lobhere {
  width: 100%;
  font-size: .9em;
  color: #898989;
  padding: 0 0 1.5em 0;
  margin: -1.2em 0 .2em 0;
}

#grassboard_vall {
  width: 100%;
  text-align: right;
  margin: -3.2em 0 .2em 0;
  padding: 0;
  font-size: .8em;
  color: #555555;
}

#grasslob_vall {
  width: 100%;
  text-align: right;
  margin: 0 0 .2em 0;
  padding: 0;
  font-size: .8em;
  color: #555555;
}

#grass_con .greystyle {
  margin-top: -1.2em;
  margin-bottom: 10px;
  background: #F4F4F4;
  text-align: left;
  width: 620px;
}

#grass_con .greystyle textarea {
  width: 610px;
  height: 90px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin: 0;
  padding 0;
}

#grass_con .lobbyblock {
  display: block;
  width: 620px;
  height: inherit;
  clear: both;
  margin-bottom: 30px;
}

#grass_con .lobbyblock span.dateline {
  display: block;
  font-size: .9em;
  color:#444444;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 6px;
}

#grass_con .lobbyblock span.pix {
  position: relative;
  float: left;
  display: block;
  width: 50px;
  margin-bottom: 30px;
}

#grass_con .lobbyblock span.text {
  display: block;
  position: relative;
  width: 555px;
  float: left;
  padding-left: 8px;
  padding-right: 5px;
  margin-bottom: 30px;
  background: transparent url('images/comment_back.gif') repeat-x;
}

#grass_con .rightcol {
  float: left;
  width: 134px;
  margin-top: 2px;
  padding: .2em 6px 1em 6px;
  text-align: center;
  background: #F4F4F4;
  font-size: .9em;
}

#grass_con .options {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border-top: solid 1px #CCCCCC;
  margin-bottom: 1em;
}

#grass_con .options a:link, #grass_con .options a:visited {
  display: block;
  border-bottom: solid 1px #CCCCCC;
  padding: .2em 0 .2em 0;
  margin: 0;
}

#grass_con .categories {
  text-align: left;
}

#grass_con .categories a:link, #grass_con .categories a:visited, #grass_con .categories a:hover {
  font-weight: normal;
}
  
  
#grasstable {
  width: 100%;
  border: solid 1px #DEDEDE;
  border-collapse: collapse;
  margin: 10px 0 10px 0;
}

#grasstable a:link, #grasstable a:visited {
  color: #555555;
  font-weight: bolder;
  text-decoration: none;
}

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

#grasstable td {
  border: solid 1px #DEDEDE;
  padding: .5em .3em .5em .3em;
  vertical-align: center;
}

#grasstable td.threadid {
  width: 80px;
  /*background: #F4F4F4;*/
  text-align: center;
  font-size: .9em;
  vertical-align: top;
}

#grasstable td.threadbody {
  vertical-align: top;
  padding-left: 1em;
}

#grasstable .threadimg {
  display: block;
  width: 55px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

#grasstable td.author {
  width: 100px;
}

#grasstable td.replies {
  width: 60px;
  text-align: center;
}

#grasstable td.updated {
  width: 165px;
  text-align: left;
}


/*GROUP EDITING*/

.backtogroup {
  font-size: .8em;
}

.groupinput {
  width: 610px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #333333;
  background: #F4F4F4;
  border-top: solid 2px #888888;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 2px #888888;
  margin: 0;
  padding 0;
}

/*SPECTRUM STYLES*/

#stats_con{
  float: left;
  width: 788px;
  margin: 0;
  padding-left: 8px;
  padding-right: 10px;
  background: transparent;
}

#stats_con a:link, #stats_con a:visited {
  color: #222222;
  font-weight: bold;
  text-decoration: none;
}

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

#stats_con h1{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 0;
  text-indent: 5px;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

#stats_con p{
  margin: 0;
  padding: 0;
}

#stats_con .leftcol {
  float: left;
  width: 616px;
  padding: 5px 14px 0 8px;
}

#stats_con .divider {
  width: 600px;
  height: 3px;
  border-top: dotted 1px #DEDEDE;
  border-bottom: dotted 1px #DEDEDE;
  padding: 0;
  margin: 15px 0 15px 0;
}

#statscale {
  width: 600px;
  height: 43px;
  background: url('images/spectrum/bigscale.jpg') no-repeat;
  margin: 0;
  padding: 0;
}

#statmeter {
  margin: -25px 0 0 0;
  height: 46px;
  background: url('images/spectrum/bigscale_arrow.gif') top right no-repeat;
}

#partytable {
  width: 600px;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 2em;
  color: #555555;
}

#stats_con .rightcol {
  float: left;
  width: 134px;
  margin-top: 2px;
  padding: .2em 6px 1em 6px;
  text-align: left;
  font-size: .9em;
}

#specpoll {
  width: 134px;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  vertical-align: top;
  
}

#specpoll td {
  padding: 3px 0 3px 0;
  margin: 0;
}

#specpoll td.box {
  width: 30px;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 1px 0 1px;
}

#specpoll tr.odd {
  background: #F4F4F4;
}

/*WRITER REPORTS*/
#wreport_con{
  float: left;
  width: 778px;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 10px;
  padding-top: 0px;
}

#wreport_con .leftcol {
  float: left;
  width: 568px;
  padding: 0 10px 0 0;
  margin: 0;
}

#month_table {
  width: 568px;
  border-collapse: collapse;
  margin: 5px 0 0 0;
  padding: 0;
}

#month_table td {
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  padding: 3px 0 3px 0;
}

#month_table td.date {
  width: 130px;
  text-align: right;
}

#archive_table {
  width: 568px;
  border-collapse: collapse;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: .8em;
  text-align: left;
}

#archive_table td {
  border: solid 1px #F4F4F4;
  padding: 3px;
  vertical-align: center;
}

#archive_table tr.odd {
  background: #F4F4F4;
}

#wreport_con .rightcol {
  float: right;
  width: 165px;
  padding: 0 0 0 35px;
  margin: 0;
}

#wreport_con a:link, #wreport_con a:visited {
  color: #222222;
  font-weight: bold;
  text-decoration: none;
}

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

#wreport_con h1 {
  width: 568px;
  font-size: 1.5em;
  margin: 0 0 10px 0;
  border-bottom: dotted 1px #CCCCCC;
}

#wreport_con .infotext {
  font-size: 1.3em;
}

#wreport_con .progbar {
  width: 120px;
  height: 20px;
  padding: 7px 0 0 7px;
  background: url('images/progbar_back.gif') no-repeat;
}

/*  BOTTOM OF CONTAINER*/
#con_bottom{
  position: relative;
  width: 966px;
  height: 15px;
  top: 0px;
  background: transparent url('images/con_bottom2.gif') no-repeat;
  clear: both;
}

#con_bottom4{
  position: relative;
  width: 966px;
  height: 15px;
  top: 0px;
  background: transparent url('images/con_bottom4.gif') no-repeat;
  clear: both;
}

#con_bottom3{
  position: relative;
  width: 966px;
  height: 15px;
  top: 0px;
  background: transparent url('images/con_bottom3.gif') no-repeat;
  clear: both;
}
/*****END CONTENT AREA*****/


/*****BEGIN FOOTER AREA*****/
/*  LINKS  */
#footer_links {
  position: relative;
  width: 966px;
  height: 15px;
  text-align: center;
  top: -145px;  
  background: transparent;
  color: #999999;
  font-size: 10px;
  font-weight: bold;
}

#footer_links a, #footer_links a:visited {
  color: #999999;
  text-decoration: none;
}

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

#footer_links span.links {
  color: #999999;
  font-size: 10px;
  font-weight: bold;
}

/*TEMPORARY*/

#votetally_con{
  float: left;
  width: 788px;
  margin: 0;
  padding-left: 8px;
  padding-right: 10px;
  background: transparent;
}

#votetally_con a:link, #votetally_con a:visited {
  color: #222222;
  font-weight: bold;
  text-decoration: none;
}

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

#votetally_con .input {
  width: 450px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #444444;
  border: solid 1px #CCCCCC;
  margin: 0;
  padding 0;
}

#votetally_con .leftcol {
  float: left;
  width: 620px;
  padding-left: 5px;
  padding-right: 14px;
  padding-top: 8px;
}

#votetally_con .leftcol {
  float: left;
  width: 620px;
  padding-left: 5px;
  padding-right: 14px;
  padding-top: 8px;
}

#votetally_con .divider {
  width: 605px;
  height: 3px;
  border-top: dotted 1px #DEDEDE;
  border-bottom: dotted 1px #DEDEDE;
  padding: 0;
  margin: 15px auto 15px auto;
}

#votetally_con .lobbyblock {
  display: block;
  width: 620px;
  height: inherit;
  clear: both;
  margin-bottom: 22px;
}

#votetally_con .lobbyblock span.dateline {
  display: block;
  font-size: .9em;
  color:#444444;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 6px;
}

#votetally_con .lobbyblock span.text {
  display: block;
  position: relative;
  width: 600px;
  float: left;
  padding-left: 8px;
  padding-right: 5px;
  margin-bottom: 30px;
  background: transparent url('images/comment_back.gif') repeat-x;
  overflow: hidden;
}

#votetally_con .lobbyblock span.links {
  width: 100px;
  height: 12px;
  float: right;
  font-size: .8em;
  text-align: right;
  margin-top: -20px;
}

#votetally_con .rightcol {
  float: left;
  width: 134px;
  margin-top: 2px;
  padding: .2em 6px 1em 6px;
  text-align: center;
  font-size: .9em;
}

#votetally_con h1{
  display: block;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  background: transparent url('images/h1_back.gif') repeat-x bottom;
  border-bottom: solid 1px #737373;
}

.biggrey {
  font-size: 2.3em;
  font-weight: bold;
  color: #555555;
}

.medgrey {
  font-size: 1.2em;
  font-weight: bold;
  color: #555555;
}

#caucustable {
  margin: 0;
  padding: 0;
}

#caucustable td {
  width: 120px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
}

#caucustable td.fig {
  width: 140px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
  background: url('images/vote_dots.gif') no-repeat;
}

#demtable {
  float: left;
  width: 265px;
  margin: 0;
  padding: 0 5px 0 0;
}

#demtable td {
  width: 120px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
}

#demtable td.fig {
  width: 150px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
  background: url('images/vote_dots.gif') no-repeat;
}

#goptable {
  float: left;
  width: 265px;
  margin: 0;
  padding: 0;
}

#goptable td {
  width: 120px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
}

#goptable td.fig {
  width: 150px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
  background: url('images/vote_dots.gif') no-repeat;
}

#resulttable {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  text-align: left;
}

#resulttable tr.odd {
  background: #F4F4F4;
}

#resulttable td.fig {
  text-align: right;
}

#mod_join {
  width: 140px;
  height: 270px;
  padding: 0;
  text-align: center;
  margin: 0 0 8px 0;
  background: transparent url('images/mod_join.gif') no-repeat;
  overflow: hidden;
  font-weight: bold;
  color: #595959;
  font-size: .9em;
}

#mod_join p {
  width: 124px;
  text-align: center;
  padding: 8px;
  margin: 0;
}

.lboard_con {
  width: 620px;
  height: 75px;
  margin: 0 0 3px 0;
  padding: 2px 0 0 0;
  background: transparent url('tuesday/boardback.gif') no-repeat;
}

table .leadboard {
  width: 620px;
  height: 75px;
  margin: 0;
  padding: 0;
}

.leadboard td {
  vertical-align: middle;
  text-align: center;
}

.leadboard td.state {
  width: 140px;
}

.leadboard td.info {
  width: 215px;
  font-size: .9em;
}

.leadboard td.nums {
  width: 60px;
  font-size: 2em;
  font-weight: bold;
  color: #555555;
}


/*****END FOOTER AREA*****/
/*****END FILE*****/