body, body#home {
  margin: 0;
  padding: 0;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 76%;
  color: #000;
  background-color: #fff;
}

img {
  border: none;
}

img.round {
	margin: 0 5px;
	}

img.tile {
	margin: 0 0 0 9px;
}
	
.container-inline div, .container-inline label {
  display: inline;
}

#wrapper { width: 99%; }

/* ---------------------- home page -------------------------------- */

#home-topics {
  width: 244px;
  margin: 0px 14px 15px 0px;
  background: url(images/hot-topics-tick.gif) no-repeat top left #FFFFFF;
  padding: 38px 0 0 0;
  float: left;
}

#home-topics ul {
  border: 1px solid #000;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 11px;
  font-weight: bold;
  background-color: #FFFFFF;
}

#home-topics li {
  margin: 0px;
  padding: 0px;
  display: inline;
}

#home-topics a, #home-topics a:link, #home-topics a:active, #home-topics a:visited  {
  display: block;
  padding: 4px 0px 3px 28px;
  border: 1px solid #000;
  background: url(images/tickroller.gif) 0px 0px no-repeat;
  color:#ffffff;
  text-decoration: none;
  line-height: 140%;
}

#home-topics a:hover {
  background: url(images/tickroller.gif) -263px 0px no-repeat;
  color: #000000;
}

#access-keys {
  position: absolute;
  top: 100px;
  left: 0;
  width: 1px;
  height: 1px;
  padding-top: 1px;
  overflow: hidden;
}

/*------------------- i want to... nav styles ------------------------ */

#home-tasks {
  width: 244px;
  margin:0 10px 15px 0;
  background: url(images/i-want-to-tick.gif) no-repeat top right #FFFFFF;
  padding: 38px 0 0 5px;
  float: left;
}

#home-tasks ul {
  border: 1px solid #000;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

#home-tasks li {
  margin: 0px;
  padding: 0px;
  display: inline;
}

#home-tasks a, #home-tasks a:link, #list-menu a:active, #list-menu a:visited {
  display: block;
  padding: 4px 27px 3px 0px;
  border: 1px solid #000000;
  background: url(images/tickbroller.gif) 0px 0px no-repeat;
  color:#003366;
  text-decoration: none;
  line-height: 140%;
}


#home-tasks a:hover {
  background: url(images/tickbroller.gif) -242px 0px no-repeat;
  color: #F45D00;
}


/* --------------------- TABS -------------------------------*/

#tab {
  clear: left;
  padding: 0;
  margin: 0;
  width: 550px;
}

#tabs {
  padding: 5px 0 3px 0;
  margin:  0;
  list-style: none;
  background:  url(images/latest-panel-top.gif) no-repeat bottom left;
  width: 510px;
}

#tabs li {
  display: inline;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

#tabs span.on {
  display: inline;
  padding: 5px 10px 3px 0;
  margin: 0;
  background: #FFF url(images/topleft.gif) top left no-repeat;
  color: #26496d;
}

#tabs li a.selected, #tabs li a.selected:visited {
  margin: 0;
  padding: 5px 10px 3px 4px;
  text-decoration: none;
  border-left: 3px solid #d6dce3;
  background: #FFF url(images/topright.gif) top right no-repeat;
}


#tabs span {
  display: inline;
  padding: 5px 10px 3px 0;
  margin: 0;
  background: url(images/topleftoff.gif) top left no-repeat;
}

#tabs li a, #tabs li a:visited {
  margin: 0;
  padding: 5px 10px 3px 4px;
  text-decoration: none;
  border-left: 3px solid #d6dce3;
  background: url(images/toprightoff.gif) top right no-repeat;
  color: #26496d;
}

#tabs li a:hover { color: #F45D00; }
#tabs li a.selected:hover { color: #26496d; }

.tabcontent { display:none; }
.tabcontent:target {display: block}

@media print {
  .tabcontent {
    display:block !important;
  }
}

/*--------------------- NEW home layout 2010 -----------------------------------*/

#ballot { 
	margin-left:5px;
	}
	
#maintiles {
		clear:left;
	}

#tiles, #promos {
    text-align: center;
    margin: 20px 0 0 -20px;
}
#promos p { /* neuter the RTE <p> tags */
    display: inline;
}
#lefttiles {
 margin: 50px 0 0 -3px;
}		


/* -------------------- category side panel ------------------------ */

#mainhome {
  margin-left: 199px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 201px;
  background: url(images/leftgutter.gif) repeat-y left top;
}

/*#hmpath {
  width: 100%;
  background: url(images/hmpathbg.gif)#ffffff no-repeat;
  margin: 0 0 0 -20px;
  height: 20px;
  font-size: 11px;
  color: #000000;
}*/


#hmpath {
  width: 100%;
  background: url(images/hmpathbg.gif) no-repeat;
  position: relative;
  left: -20px;
  margin: 0;
  padding: 10px 0 0 0;
  height: 21px;
  font-size: 11px;
  color: #000000;
}



#mid-panel-home, #mid-panel-subtopic {
  float: left;
  padding: 0 0 0 20px;
  margin: 0;
  width: 540px;
  z-index: 0;
}

#cat-resources {
 
  margin: 0 20px 0 555px;
  padding: 0;
 
}

#cat-res-content {
	margin: 0 0 0 0;
  padding: 10px 10px 0 10px;
  background: url(images/resourcesbg.gif) repeat-y left top;
  width: 200px;
}

#res-content2 {
  padding: 10px 10px 0 0;
}

#resourcestop1 {
  background: url(images/resourcesbg-top.gif) no-repeat left top;
  padding: 0;
  margin: 0;
  height: 20px;
}

#resourcesbot1 {
  background: url(images/resourcesbot.gif) no-repeat left bottom;
  padding: 0;
  margin: 0;
  height: 17px;
}


#resources h2 {
  margin: 10px 0 0 5px;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
}


/* ------------------------ header  -------------------------------- */

#masthead {
  background-image: url(images/top_stretcher.gif);
  background-repeat: repeat-x;
  background-position: left top;
  margin: 0;
  padding: 0;
  height: 103px;
  width: 100%;
}

#header-left {
  float: left;
  width: 198px;

}

#logo {
  margin: 10px;
}

.header-right {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 90%;
  color: #F45D00;
  background: url(images/header-right-bg.gif) no-repeat top right;
  height: 93px;
  text-align: right;
  padding: 3px 3px 0 0;
  min-width: 550px;
}

*html .header-right {
  position: relative;
  top: 0;
  right: -8px;
}

*html #primary {
  margin: 4px 0 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

/* THE HEADER'S NAV */


#primary {
  padding: 0;
  margin: 0;
  text-align: right;
}

#primary ul {
  list-style: none;
  padding: 0 3px 0 0;
  margin: 0;
}

#primary li {
  display: inline;
  padding: 0;
  margin: 0;
}

#primary li+li {
  border-left: 1px solid #F45D00;
  padding: 0 0.2em;
}

#primary li+li a, #primary li+li a:visited {
  margin: 0;
}

/*All IE browsers*/
* html #primary li {
  border-left: 1px solid #F45D00;
  padding: 0 0.4em 0 0.4em;
  margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #primary { height: 1%; }

* html #primary li {
  display: block;
  float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #primary li:first-child { border-left: 0; }





.header-right a, .header-right a:visited {
  color: #FFF;
  line-height:1.6em;
}

.header-right a:hover {
  color: white;
  border-bottom: 2px solid #F45D00;
}

*html .header-right a:hover {
  color: white;
  text-decoration: underline;
}


.xheader-right input {
  margin: 10px 0 0 5px;
}

div.elections-app {
  position: relative;
  margin: 3em;
  font-size: 18px;
  line-height: 135%;
  text-align: center;
  background: url(images/app-placeholder.png) no-repeat top left;
  width: 600px;
  height: 300px;
  padding-top: 106px;
}

/*-------------------FORMS------------------------------*/


#search-form {
  margin: 0;
  position: absolute;
  top: 45px;
  right: 6px;
}

#search-form label {
  display: none;
}

div#search-form input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

div#search-form input.form-text {
  width: 130px;
  margin-right: 2px;
}

.buttons {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #D4D0C8;
  color: #000;
  margin-left: 4px;
}

/*------------------- left nav ... also styled by gennav.css  -------------------------------------*/


#sidebar {
  position: absolute;
  left: 0;
  top: 110px;
  width: 200px;
  background: #fff;
  background: url(images/topleftbg.gif) no-repeat top left;
  padding: 22px 3px 0 9px;
  z-index: 10;
}


#sidebar-content {
  background-color: #003366;
  background-image: url(images/flapgrey.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 0 0 35px;
}


#sidebar .block-user ul {
  border-top: 1px dashed #F45D00;
  padding: 10px 0 0 4px;
}
#sidebar .block-user ul li {
  list-style: none;
}

#sidebar .block-user a {
  color: #F45D00;
}

#sidebar .block-user a:hover {
  color: #FFF;
}

#sidebarbot {
  padding: 0;
  margin: 0;
  height: 8px;
}

/* ---------------- Fly-out menus ------------- */

#flymenu ul {
  font-size: 14px;
  background-color: #D6DCE3;
  color: #003366;
  margin: 0;
  padding: 0;
  width: 183px;
  list-style: none;
  text-align: left;
}

#flymenu li {
  margin: 0;
  padding: 0;
  width: 183px;
  position: relative;
  z-index: 1000;
  list-style: none;
}

#flymenu ul li.term-link {
  font-weight: bold;
}

#flymenu ul li a,
#flymenu ul li a:visited {
  display: block;
  padding: 6px 10px 6px 10px;
  color: #003366;
  text-decoration: none;
  border-top: 2px solid white;
}

#flymenu ul li a.active {
  background-image: url(images/active.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

#flymenu ul li a:hover {
  color: #fff;
  background-color: #F45D00;
}

#flymenu ul li.term-link li.node-link {
  font-weight: normal;
}

#flymenu ul ul {
  background-color: #FEDCC6;
}

#flymenu ul ul a,
#flymenu ul ul a:visited {
  color: #003366;
}

#flymenu ul ul a:hover,
#flymenu ul ul li a:hover {
  color: #FFF;
}

#flymenu ul ul.collapsed {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 183px;
  border-left: 2px solid white;
  border-right: 2px solid white;
}

#flymenu ul li:hover ul.collapsed,
#flymenu ul a:hover ul.collapsed {
  visibility:visible;
}

#flymenu ul.expanded :hover ul ul.collapsed {
  visibility: hidden;
}

#flymenu ul.expanded :hover ul ul ul.collapsed {
  visibility: hidden;
}

#flymenu ul.expanded :hover ul :hover ul ul.collapsed {
  visibility: hidden;
}

#flymenu ul.expanded :hover ul :hover ul :hover ul.collapsed {
  visibility: hidden;
}

#flymenu ul.expanded :hover ul :hover ul.collapsed {
  visibility: visible;
}

#flymenu ul.expanded :hover ul :hover ul :hover ul.collapsed {
  visibility: visible;
}

#flymenu ul.expanded ul.expanded li a {
  padding-left: 15px;
}

#flymenu ul.expanded ul.expanded ul.expanded li a {
  padding-left: 20px;
}

#flymenu ul.expanded ul.expanded ul.expanded ul.expanded li a {
  padding-left: 25px;
}

/* IE Hack for flyout menu: get rid of the table */
#flymenu table {
  position: absolute;
  border-collapse: collapse;
  top: 0;
  left: 0;
  z-index: 100;
  font-size:1em;
}

/* hack for IE5.5 ... sorry, had to do this */
* html #flymenu ul {margin-left:-16px; margin-left:0;}

h4.menu-heading{
  font-size:100%;
  margin:0 0 0 0
}

/* -------- #main contains #mid and # right --- */

#main {
  background: url(images/leftgutter.gif) repeat-y top left;
  margin-left: 201px;
}

#page-doc {
  margin-right: 220px;
}

body.voting-info #page-doc,
#app #page-doc,
#elections-mapping #page-doc {
  margin-right: 0;
}

/* ------ MID COLUMN ---- */

#mid-panel, #mid-panel-article, #mid-panel-subtopic {
  background: url(images/leftgutter.gif) repeat-y left bottom;
  padding: 0 0 0 20px;
  margin: 0;

}

#bg-panel {
  background: url(images/leftgutter.gif) no-repeat;
  padding: 10px 0 0 10px;
}

/* -NOTE: 'HOT TOPICS' and 'I WANT TO...' WERE styled by nav1.css and nav2.css --- */


/* titles and path */

#path {
  width: 100%;
  background: url(images/pathbg.gif) no-repeat;
  position: relative;
  left: -20px;
  margin: 0;
  padding: 10px 0 0 0;
  height: 21px;
  font-size: 11px;
  color: #000000;
}

#path a, #path a:visited {
  color: #003366;
  font-weight: bold;
}

#path a:hover {
  color: #F45D00;
}

#path .breadcrumb {
  padding-left: 10px;
}

/* panel controlled by spry-tabbed-panels.css when JS turned off */
.TabbedPanels {
  margin: 0px;
  padding: 0;
  float: left;
  clear: none;
  width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
  background: url(images/panel-shadow.gif) no-repeat top left;
}

.TabbedPanelsTabGroup {
  margin: 0px;
  padding: 0px;
  z-index: -10
}

.TabbedPanelsTab {
  position: relative;
  top: 1px;
  float: left;
  padding: 4px 10px;
  margin: 0px 1px 0px 0px;
  font-weight: bold;
  color: #003366;
  background-color: #d6dce3;
  list-style: none;
  border: solid 2px #d6dce3;
  -moz-user-select: none;
  -khtml-user-select: none;
  cursor: pointer;
}

.TabbedPanelsTabHover {
  background-color: #CCC;
  color: #F45D00;
}

.TabbedPanelsTabSelected {
  background-color: #ffffff;
  border-bottom: 2px solid #ffffff;
}

.TabbedPanelsTab a {
  color: #003366;
  text-decoration: none;
}

.TabbedPanelsContentGroup {
  clear: both;
  width: 499px;
  border-top: solid 1px #d6dce3;
  border-left: solid 2px #d6dce3;
  border-right: solid 2px #d6dce3;
  padding: 0; 
}

.TabbedPanelsContent {
  background: white;
  padding: 15px 15px 40px 15px;
}

.TabbedPanelsContent h3 {
  font-size:large;
  font-weight: bold;
  color: #000;
  margin: 0 0 10px 0;
  padding-top: 5px;
}

.TabbedPanelsContent h4 {
  font-size:medium;
  font-weight: bold;
  color: #F45D00;
  margin: 0 0 0 0;
  padding-top: 5px;
}

.TabbedPanelsContent h4.read-more {
  float: left;
}

.TabbedPanelsContent p {
  margin: 0 0 10px 0;
}

.TabbedPanelsContent a:hover {
  color: #000;
}

#latestbot, #latestbot2 {
  clear: both;
  background: url(images/latest-panel-bot.gif) no-repeat left bottom;
  padding: 0;
  margin: 0 0 10px 0;
  height: 28px;
  width: 510px;
}

#rightpanel {
  float: right;
  margin: 0;
  width: 300px;
}

#toc-block {
  display: none;
}

#toc-block ul, #download ul, #thispage ul, #related ul {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
}

#toc-block li, #download li, #thispage li, #related li {
  list-style: none;
  margin: 0;
  padding: 3px 0  2px 22px;
  border-bottom: 1px solid #deded0;
  font-size: 0.94em;
  line-height: 1.2em;
  background-repeat: no-repeat;
  background-position: 8px 4px;
  text-indent: 0;
}

li.toc      { background-image: url(images/icon-toc.gif);      }
li.print    { background-image: url(images/icon-print.gif);    }
li.download { background-image: url(images/icon-download.gif); }
li.related  { background-image: url(images/icon-related.gif);  }
li.mail     { background-image: url(images/iconmail.gif);      }
li.author   { background-image: url(images/icon-author.gif);   }
li.update   { background-image: url(images/icon-update.gif);   }

li.related a.not-published {
  display: block;
  background-color: #ff9999;
  padding: 1px 0px 1px 3px;
}

table#share-links {
  margin-top: 0.6em;
}

table#share-links td {
  vertical-align: top;
  padding: 2px 4px 0 0px;
}

table#share-links td img {
  position: relative;
  top: 3px;
  border: none;
}

.resources h3 {
  font-size: 140%;
}

h3.replace {
 width: 116px; height: 13px;
	background: url("images/latest.gif") no-repeat;
	text-indent: -9999px;
	margin: 0;

}

/* ---- quotes and tiles-----*/

#languages h3 {
  background-color: #244A6D;
  line-height: 1.5em;
  color: white;
  text-align: left;
  width: 183px;
  margin: 2px 0 2px 0;
  font-size: 12px;
}

#quote-tiles {
  text-align: left;
  font-size: 100%;
  line-height: 1.5em;
  color: #333333;
  background: url(images/quotes-meta.gif) no-repeat top left;
  margin: 40px 0 5px 20px;
  max-width: 470px;
  width: 470px;
}

#quote-tiles p {
  padding: 0 7px 0 22px;
}

#quote-tiles p.last {
  padding: 0 10px 0 22px;
  margin: 0 0 20px 0;
  background: url(images/quotes-meta-r.gif) no-repeat 5px 2px;
  background-position: bottom right;
}



.subquotes {
  font-size: 90%; margin: 10px 0 0 10px;
}

.gimme-space { margin-left: 20px; }


#main-footer {
  clear: both;
  margin: 0 0 30px 201px;
  min-height: 90px;
  background: url(images/leftgutter-bot.gif) no-repeat bottom left;
}

#mid-panel-footer {
  margin-left: 20px;
}

div.copyright {
  clear: both;
  padding-top: 2em;
}

/* ------------------------- article pages ----------------------------- */

.category-main #page-content {
  float: left;
  /*width: 620px;*/
}
.article-main #page-content {
  float: left;
    width: 99%;
    }

#page-content tbody {
  border-style: none;
}

th {
  text-align: left;
}

#mid-panel-article h3 {
  font-family: 'Trebuchet MS',Helvetica,Arial,Geneva,sans-serif;
  margin: 15px 0 0 0;
  font-weight: bold;
  font-size: 1.3em;
  letter-spacing: 1px;
  line-height: 1.2em;
}

#resources {
  float: right;
  position: relative;
  top: -32px;
  width: 186px;
  background: url(images/resourcesbg.gif) repeat-y left top;
  margin: 0 0 10px 10px;
  padding: 0;
}

#resources a:hover, #cat-resources a:hover {
  color: #000000;
}

#resources ul {
  position: relative;  /* fix background image rendering in IE */
}

#res-content {
  padding: 20px 2px 0 20px;
  background: url(images/resourcesbg-top.gif) no-repeat left top;
}

#resourcesbot {
  background: url(images/resourcesbot.gif) no-repeat left bottom;
  padding: 0;
  margin: 0;
  height: 28px;
}


#resources h4 {
  font-family: 'Trebuchet MS',Helvetica,Arial,Geneva,sans-serif;
  margin: 15px 0 0 0;
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*--------------------------typography-----------------------------------*/

a {
  text-decoration: none;
  color: #003366;
}

a:link {
}

a:visited {
  color: #003366;
}

a:active {
  color: #003366;
}

a:hover {
  color: #F45D00;
}

div.node {
  line-height: 130%;
}

div.node a     { border-bottom: 1px dotted #003366; }
div.node hover { border-bottom: 1px dotted #F45D00; }

.node-unpublished {
  background-color: #ffd9d9;
}

h1 {
  font-size: 2.0em;
  font-weight: normal;
  margin-top: 0em;
  margin-bottom: 0em;/*both set to zero and padding in headermain div is used instead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
  color: Black;
  background: none;
  font-weight: normal;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0.17em;
  line-height: 1em;
}

h2 {
  font-size: 1.7em;
  margin: 10px 0 0 0;
  font-weight: bold;
  color: #003366;
  line-height: 1em;
}

h2#art {
  padding: 10px 5px 12px 47px;
  border: none;
  background: url(images/bigtick-or.gif) no-repeat left 0;
  margin-bottom: 1.5em;
}

.category-main h2#art {
  width: 480px;
}


#content-left li {
  padding-left: 0;
  margin-left: 0.4em;
  list-style-image: url(images/obullet.gif);
}


/*keeping the floats within parent*/
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
  /* End hide from IE-mac */
  -->

  /* end hide */


/* sitemap styling */

#sm-key {
  font-size: 110%;
}

span.sm-key-tile {
  margin: 0 0.3em 0 1em;
  padding: 3px 8px;
  border: 1px solid #666;
}

#sitemap .sm-hidden {
  background-color: #e7e7e7;
}

#sitemap .sm-unpublished {
  background-color: #fcae83;
}

#sitemap table {
  margin-top: 2em;
}

#sitemap tbody {
  border-style: none;
}

#sitemap th {
  width: 40%;
  vertical-align: top;
  border-style: none;
  padding: 10px 0 0 0;
}

#sitemap td {
  width: 60%;
  vertical-align: top;
  padding: 10px 0 0 0;
}

#sitemap h2 {
  font-size: 130%;
  font-weight: bold;
  color: #003366;
  border-top: 1px solid #CCCCCC;
  margin: 0;
  padding: 0;
  width: auto;
}

#sitemap h3, #sitemap h4, #sitemap h5 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 115%;
  font-weight: bold;
  color: #003366;
  border-top: 1px solid #CCCCCC;
  padding: 0;
  width: auto;
  text-transform: none;
  letter-spacing: 0;
}

#sitemap h3 { margin: 0 0 0 2.5em; }
#sitemap h4 { margin: 0 0 0 5.0em; }
#sitemap h5 { margin: 0 0 0 7.5em; }

#sitemap ul {
  margin-top: 0;
}

#sitemap ul li {
  padding: 1px 3px;
  list-style-image: url(images/obullet.gif);
  background-color: #ffffff;
}

#sitemap ul li img {
  vertical-align: baseline;
  position: relative;
  top: 2px;
}

#sitemap a, #sitemap a:visited {
  color: #003366;
  text-decoration: none;
}

#sitemap a:hover {
  color: #F45D00;
  text-decoration: underline;
}

.node-id {
  color: #999999;
  font-size: 95%;
  font-weight: normal;
}

a span.node-id {
  color: inherit;
}

.sm-unpublished .node-id {
  color: #f7f7f7;
}

/* Tiles */

#promo-tiles p {
  padding: 0;
  margin: 0;
}


/* Category pages */

div.tabbed-panel {
  background: transparent url(images/tabbed-box-bg.gif) repeat-y scroll left top;
  margin: 0;
  padding: 0;
  width: 510px;
}

ul.panel-tabs {
  width: 510px;
  height: 47px;
  background: transparent url(images/tabbed-box-header.gif) no-repeat scroll left top;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.panel-tabs li {
  float: left;
  color: #003366;
  border-left: 3px solid #d6dce3;
  background: #ffffff url(images/tab-bg.gif) no-repeat scroll right top;
  padding: 6px 8px 0 5px;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
}

div.tabbed-footer {
  background: transparent url(images/tabbed-box-footer.gif) no-repeat scroll left top;
  margin: 0 0 0 0;
  padding: 0;
  width: 510px;
  height: 55px;
}

div.node-summary,
div.subtopic {
  padding: 0 15px 20px 15px;
}

h2.node-title,
h2.subtopic-title {
  font-size:medium;
  line-height: 130%;
  font-weight: bold;
  color: #F45D00;
  margin: 0;
  padding-top: 5px;
}

div.node-summary span.node-update-date {
  color: #003366;
  font-size: 80%;
  padding-left: 0.6em;
}

div.node-summary a, div.node-summary a:visited,
div.subtopic a, div.subtopic a:visited {
  color: #F45D00;
  text-decoration: none;
  border-bottom: 1px dotted #F45D00;
}

div.node-summary a:hover,
div.subtopic a:hover {
  color: #003366;
  border-bottom: 1px dotted #003366;
}

div.node-summary .ar,
div.subtopic .ar {
  color: #F45D00;
}

div.node-summary p, div.subtopic p {
  padding: 5px 0 0 0;
  margin: 0;
}

#primary-footer ul {
  float: left;
  margin: 15px 0 0 0;
  padding : 0;
  list-style: none;
}

#primary-footer ul li {
  float: left;
  margin: 0;
  padding : 0 5px 0 5px;
  border-left: 1px solid #003366;
}

#primary-footer ul li.first {
  border-style: none;
  padding-left: 0;
}

/* Article Formatting styles */

#page-doc {
  padding-bottom: 2em;
}

#mid-panel-article div.node ul li {
  list-style-image: url(images/obullet.gif);
  margin-top: 1px;
  margin-bottom: 1px;
}

div.node ul.padded {
  list-style-image: url(images/obullet.gif);
  list-style-position: outside;
  margin: 0.6em 0 0.6em 1em ;
  padding-left: 0;
  text-indent: 0;
}

div.node ul.padded li {
  margin: 0 0 0 1.4em;;
  padding: 0;
}

div.imgBox {
  float: left;
  margin: 0% 1% 0% 0%;
  width: 155px;
}

div.BoxLeft {
  margin: 0% 2% 0.5em 0pt;
  padding: 0 0 0.3em 0;
  background-color: #FFF5EE;
  border: 1px solid #F45D00;
  color: #000000;
  float: left;
  width: 200px;
}

#mid-panel-article div.BoxLeft h3 {
  background-color: #F45D00;
  color: #FFFFFF;
  margin: 0% 0% 2%;
  padding: 0.2em;
  text-align: center;
}

#mid-panel-article div.BoxLeft p {
  margin: 0;
  padding: 0 5px 0.3em 0.3em;
}




#mid-panel-article div.Box {
  background-color: #FFF5EE;
  border: 1px solid #F45D00;
  color: #000000;
  float: right;
  clear: right;
  margin: 0.5em 0 0.5em 0.5em;
  width: 200px;
}

#mid-panel-article div.Box h3 {
  background-color: #F45D00;
  color: #FFFFFF;
  margin: 0% 0% 2%;
  padding: 0.2em;
  text-align: center;
}

#mid-panel-article div.Box p {
  margin: 0;
  padding: 0 5px 0.3em 0.3em;
}

.headline2 {
  color: #F45D00;
  font-size: 1.7em;
  font-weight: normal;
  margin: 1.2em 0em 0em;
}

.headline3 {
  font-size: 110%;
  font-weight: bold;
}

.langimage {
  margin-bottom: 10px;
  margin-right: 10px;
}

.activeimgleft {
  float: left;
  margin-bottom: 12px;
  margin-right: 12px;
}

.activenav {
  background: url(images/activenav.gif) no-repeat top left;
  color: #F45D00;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 28px 5px 32px 92px;
  margin: 65px 0 65px 0;
}

.activenav a {
  padding: 0 2px 0 2px;
}

/* ------------------------------ FORMS ---------------------------- */

#subscribeformoverseas {
  margin-right:7px;
  padding:20px 10px 10px 10px;
  border: 1px solid black;
  background-color:#FEDCC6;
  background-image:  url(images/bigsubscribe-overseas.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

#subscribeform {
  margin-right:7px;
  padding:20px 10px 10px 10px;
  border: 1px solid black;
  background-color:#FEDCC6;
  background-image:  url(images/bigsubscribe.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

#feedbackform {
  width: 500px;
  padding: 80px 10px 10px 10px;
  border: 1px solid black;
  background-color:#FEDCC6;
  background-image:  url(images/bigfeedback.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

#feedbackform table tbody {
  border-top: none;
}

#feedbackform .comments-row {
  display: none;
}

#feedbackform textarea {
  width: 490px;
}

#form-errors {
  border: 3px solid #F45D00;
  margin: 1em;
  padding: 0;
  width: 500px;
}

#form-errors h1 {
  background-color: #F45D00;
  color: white;
  padding: 4px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  border: none;
}

#form-errors ul {
  margin: 1em;
}

/* ------------------------ Voting Info Pages --------------------- */

.voting-info-ecol {
  width: 13em;
  vertical-align: top;
  padding-right: 1.8em;
  white-space: nowrap;
}

body.voting-info table td {
  vertical-align: top;
}

div.voting-info table td {
  padding-top: 4px;
}

div.voting-info table.candidates td,
div.voting-info table.candidates th {
  padding: 0.3em 0.7em;
  padding-right: 0.7em;
  white-space: nowrap;
  font-size: 115%;
}

div.voting-info table.candidates td.cand-name {
  padding-right: 1.2em;
}

div.voting-info table.candidates tr.cand-row-odd,
div.voting-info table.candidates tr.cand-row-even {
  background-color: #EEEEEE;
}

div.voting-info table td.list-num {
  text-align: right;
  padding-right: 2.4em;
}

div.voting-info h2 {
  margin-top: 2.2em;
  font-size: 1.5em;
}

div.voting-info h4 {
  font-family: 'Trebuchet MS',Helvetica,Arial,Geneva,sans-serif;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
}

div.voting-info th { border-style: none; }

div.voting-info div.vihdr-location { width: 130px; height: 1px; }
div.voting-info div.vihdr-icon     { width:  22px; height: 1px; }
div.voting-info div.vihdr-address  { width: 180px; height: 1px; }
div.voting-info div.vihdr-hours    { width: 220px; height: 1px; }

div.voting-info div.vi-avf-sep {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  margin: 1px 0 3px 0;
  border-top: 1px solid #CCCCCC;
}

div.voting-info td.avf-row-odd {
  background-color: #EEEEEE;
}

div.voting-info td.vi-location {
  font-weight: bold;
  padding-right: 1em;
}

div.voting-info td.vi-address {
  padding-right: 1em;
}

div.voting-info td.avf-dates,
div.voting-info td.avf-hours {
  padding-left: 0.5em;
  padding-right: 0.5em;
  white-space: nowrap;
}

div.voting-info td.avf-hours {
  text-align: right;
}

#voting-info-sidebar div.vi-head {
  width: 170px;
  height: 70px;
  margin: 8px 0 6px 0;
  padding: 0;
  position: relative;
  background-image: url(images/vi-hdr-bg.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

#voting-info-sidebar div.vi-head h4 {
  position: absolute;
  bottom: 2px;
  right: 1px;
  text-align: right;
}

#voting-info-sidebar div.vi-menu-title {
  font-family: 'Trebuchet MS',Helvetica,Arial,Geneva,sans-serif;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
}

#voting-info-sidebar ul {
  list-style-image: url(images/obullet.gif);
  margin: 0.6em 0 1.8em 1.8em ;
  padding: 0;
}

#voting-info-sidebar ul li {
  margin: 0.2em 0 0 0;
  padding: 0;
}

div.vi-elec-menu {
  margin-bottom: 1.6em;
}

div.vi-elec-menu select {
  color: #666666;
  width: 175px;
}

div.vi-elec-menu select:focus {
  color: black;
}

table#party-lists td {
  vertical-align: top;
}

table#party-lists td.party-list-logo {
  padding: 1.0em 1em 1em 0;
  text-align: center;
}

table#party-lists td h2.party-list-party {
  font-size: 120%;
  font-weight: bold;
  color: #003366;
  border-bottom: 1px solid #CCCCCC;
  margin: 1.4em 0 0.4em 0;
}

table#party-lists td.party-list-number {
  width: 1.2em;
  text-align: right;
}

table#party-lists td.party-list-name {
  width: 30em;
  padding-left: 1.6em;
}

/* ------------------- Facebook link ------------------ */
#facebook {
  margin-top: 20px;
}

/* -------------------------- RSS Feed Link ----------------------- */

div.feed-link {

  padding-top: 10px;
}

div.feed-link a {
  display: block;
  width: 105px;
  height: 28px;
  background: transparent url(images/rss-icon.gif) no-repeat 0 0;
}

.hidden-skip {
  float: left;
  display: block;
  background: transparent;
  background-image: none;
  border: none; height: 1px;
  overflow: hidden;
  padding: 0;
  margin: -1px 0px 0px -3000px;
  width: 1px;
}

/* ------------ countdown ------------- */
#countdown {
 display: block;
 float: left;
 margin: 3px 0 0 0;
 padding: 2px 8px 2px 8px;
 color: #fff;
 width: 210px;
 border-top: 1px solid #ea4200;
 border-left: 1px solid #ea4200;
 border-bottom: 1px solid #f7c2ad;
 border-right: 1px solid #f7c2ad;
 background: url(images/countbg2.jpg) repeat-x;
}
#countdown h4 {
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 font-weight: bold;
 color: #000;
}
#countdown p {
 padding: 0px 0 4px;
 margin: 0;
 text-align: center;
 font-weight: bold;
 font-size: 16px;
 line-height: 1.2em;
 color: black;
}

#countdown p.election {
 padding: 0 0 4px;
 font-size: 13px;
 font-weight: bold;
 margin: 0;
}

#countdown h4 span b {
 background: url(images/countbg.gif) #aaa9aa repeat-x left center;
 text-align: center;
 padding: 0 4px;
 margin: 0;
 border-left: 1px solid #666;
 border-top: 1px solid #666;
 border-right: 1px solid #f7c2ad;
 border-bottom: 1px solid #f7c2ad;
}

#countdown h4 span i {
 font-style: normal;
 color: #333;
 padding: 0 1px;
}

#countdown p.cntdwn-legend {
  text-align: left;
  padding: 0 0 0 7px;
  height: 18px;
  margin-left: 20px;
}

#countdown p.cntdwn-legend span {
 font-size: 13px;
 font-weight: normal;
 margin: 0 7px 0 0;
 padding: 0;
 color: #333;
}