html, body, #wrap {height: 100%;}
html { font-size: 16px; }
body {  
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  font-size: 62.5%; 
  line-height: 1.8em;
  background: black;
  text-align: left
}

/*
--------------------------------------------
GENERAL HTML STYLES
--------------------------------------------
*/

h1 { font-size: 1.6em; margin-bottom: 18px; font-weight: bold; color: white; }
h2 { 
  font-size: 1.5em; font-weight: bold; color: #888; padding: 12px 0px 12px 8px; 
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.home h2 {
  background: url(../images/h2.gif) top left no-repeat; 
  font-size: 1.5em; font-weight: bold; color: #888; padding: 38px 0px 12px 36px; 
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative; left: -16px;
}
h3 { font-size: 1.4em; font-weight: bold; color: #444; padding: 12px 0px 12px 0px; }
h4 { font-size: 1.0em; font-weight: bold; color: white; padding: 6px 0px 8px 0px; } 
h5 {}
h6 {}
p { padding-bottom: 8px; }
ul {margin-bottom: 8px; }
li { padding-bottom: 4px; margin-left: 30px; padding-left: 6px; list-style: disc; }
a { color: #33c; }
a:hover { color: #c33; }
blockquote { padding-left: 18px; padding-bottom: 6px;}
strong { font-weight: bold; }
img { padding: 0; margin: 0; }

hr { height: 1px; border: none; border-top: 1px solid #ddd; margin-bottom: 16px;}


/*
--------------------------------------------
COMMON STYLES
--------------------------------------------
*/
.hidden { visibility: hidden; }
.introduction { font-weight: bold; }
.clear { clear: both; font-size: 1px; overflow: hidden; height: 1px; }
.indent { padding-left: 18px; }
.jumptocontent { position: absolute; margin-left: -9999px; }
.contentanchor { position: absolute; margin-left: -9999px; }

.jumptocomments { float: right; font-weight: bold; }
.commentsanchor { position: absolute; margin-left: -9999px; }

.error { padding: 6px 12px; background-color: #fee; border: 1px solid #d99; margin-bottom: 12px; }

/*
--------------------------------------------
PAGE STRUCTURE STYLES
--------------------------------------------
*/

#page { margin: 0; }

#branding { background: black url(../images/bg-branding.gif) top left repeat-x; color: #eee; height: 87px; font-size: 1.2em; }

#main-content { background: white url(../images/bg-main-content.gif) top left repeat-x; color: #333; padding-top: 22px; font-size: 1.2em; 
  overflow: auto; padding-bottom: 32px;}
.home #main-content  { padding-bottom: 0px; }

#home-news { background: black url(../images/bg-home-news.gif) top left repeat-x; color: #eee; font-size: 1.2em; }


.inner-content { width: 840px; margin: 0 auto; position: relative; }
#main-content .inner-content { position: static; }

.content-left { float: left; padding-left: 8px;  width: 530px; text-align: left; }

.content-right { margin-left: 620px; }
.content-right .sub-img { border: 1px solid #ddd; padding: 2px; margin-bottom: 6px; }


/*
---------------------------------------------------------
ADDITIONAL STYLES
---------------------------------------------------------
*/


#banner { width: 100%; margin-bottom: 20px; height: 175px; padding-left: 8px; }
.home #banner { height: 184px; padding-left: 0; }

#banner img { margin-right: 0; }
.home #banner img { margin-right: 14px; width: 268px; }
.home #banner img.last { margin-right: 0px; }

.home-lecturn { position: relative; top: -80px; margin: 0 0 0 28px; padding: 0; }


#home-news { clear: both; font-size: 1.2em; padding-top: 11px;}
#home-news h3 { font-size: 1.1em; background: black; padding: 4px 8px 3px 8px; margin-bottom: 10px; }
#home-news ol, #home-news li { padding: 0; margin: 0; list-style: none; }
#home-news ol { background: url(../images/home-news.jpg) 8px 3px no-repeat; padding-left: 300px; overflow: auto; height: 1%; font-size: 0.95em; line-height: 1.2em; padding-bottom: 12px; border-bottom: 1px solid #333; }
#home-news ol li { float: left; width: 230px; padding-right: 24px; text-align: left; }
#home-news ol li h4 { padding: 0; margin: 0; color: #900; }
#home-news ol li h4 a { color: #c33; text-decoration: none; }
#home-news ol li h4 a:hover { color: #c33; text-decoration: underline; }
#home-news ol li p { padding-bottom: 4px; }

#top-search { position: absolute; right: 0px; top: 0; 
  background: url(../images/bg-top-search.gif) top left no-repeat; 
  width: 158px; height: 47px; 
  padding: 22px 0 0 35px;
}





.results-table { width: 100%; }
.results-table .cDate { width: 85px;}
.results-table .cPriority { width: 90px;}
.results-table .cParty { width: 150px;}
.results-table .cImportance { width: 100px;}
.results-table .cAuthor { width: 180px;}
.results-table .cTitle { }
.results-table .cDetails { width: 90px;}

.results-table th { 
  padding: 0.75em 0.25em 0.75em 0.25em; 
  border-bottom: 2px solid #444;
} 

.results-table td { 
  padding: 0.5em 0.25em 0.5em 0.5em; 
  border-bottom: 1px dotted #ccc;
}

.results-table tr:first-child td { padding-top: 1em}

.results-table th { background: #fff; font-weight: bold; font-size: 13px; }

.results-table tr { vertical-align: top; }

  .results-table tr.odd td { background: #fcfcfc; }

.results-table abbr { border-bottom: 1px dashed black; }






.speech { margin-bottom: 12px; }

.speech-speaker { font-weight: bold; font-size: 1.1em; }

.speech-location { font-weight: bold; }

.speech-priority { font-weight: bold; }

.speech-tags { padding-bottom: 12px; }

.speech-tags a { background: #aaa; color: #fff; padding: 2px 6px; display: inline-block; margin: 0 3px; text-decoration: none; }


.speech-commentary { 
  margin: 1em 0 2em 0; 
  padding: 1.25em 1.5em 1.5em; 
  border-top: 2px solid #ddd; 
  border-bottom: 2px solid #ddd; 
  font-size: 13px;
  line-height: 1.6em;
}

.speech-abstract { padding: 12px 80px 24px 80px; font-size: 1.1em; }

.speech-content { 
  font-size: 14px;
  line-height: 1.8em;
}
  .speech-content p { margin-bottom: 1em; }



.comment-form, .donate-a-speech-form { margin-top: 12px; border: 1px solid #ddd; padding: 8px 12px 8px 16px; }
.comment-form  fieldset, .donate-a-speech-form fieldset { clear: both; padding: 4px 0; }
.comment-form fieldset label {float: left; width: 100px; }
.donate-a-speech-form fieldset label {float: left; width: 250px; }

.comment-form fieldset input, .donate-a-speech-form fieldset input {float: left; }
.comment-form fieldset textarea, .donate-a-speech-form fieldset textarea {float: left; width: 400px; height: 150px; }
.comment-form fieldset .optional, .donate-a-speech-form fieldset .optional { float: left; color: #999; padding-left: 6px }
.comment-form .submit-button { margin-top: 6px; margin-left: 100px; }
.donate-a-speech-form .submit-button { margin-top: 6px; margin-left: 250px; }
.comments-username, .comments-date, .comments-comment, .comments-list, .comments-list li{ padding: 0; margin: 0; list-style: none;}
.comments-comment{padding:6px 12px 18px 24px; margin-bottom: 12px;}
.comments-username{background-color: #ddd; padding: 3px 6px 3px 6px; font-weight: bold;}
.comments-date{float: right;}






#filter-tab { clear: both; background: #ccc; padding: 0px 1px 1px 1px; margin-bottom: 12px; }
#filter-tab h3 { padding: 0px 6px; margin: 0; line-height: 1.8em; text-align: left; font-size: 1.1em; }

.taggroups, .taggroups ul, .taggroups li { padding: 0; margin: 0; list-style: none; }
.taggroups { background: #eee; overflow: auto; height: 1%; }
.taggroups > li { margin-right: 2px; padding-top: 3px; padding-bottom: 7px; margin-bottom: 4px; border-bottom: 1px solid #ddd; padding-left: 6px; }
.taggroups > li strong { float: left; display: block; width: 106px; font-weight: bold; padding: 0; margin: 0; }
.taggroups input { float: left; margin: 0; margin-right: 6px;}


.tags-list { overflow: auto; font-size: 0.85em; }

.tags-list .tag { padding: 2px 20px 2px 0; float: left; font-size: 11px; }

.tags-list .tag-input { position: relative; top: 1px; }



.search-term { background: #eee; border-bottom: 1px solid #ddd; padding: 6px 6px 6px 6px;  }
.search-term label, .taggroups li label { display: block; float: left; width: 90px; margin-right: 12px; }

#filter-tab .buttons { background: #eee; overflow: auto; height: 1%; padding: 2px 6px 6px 6px; }
#filter-tab .buttons input { margin: 0; float: right; }

.searchDates{ background: #eee; border-bottom: 1px solid #ddd; padding: 6px 6px 6px 6px; }
.searchDates td.sdTitle{width: 102px;}
.searchDates td.sdMiddle{width: 50px; text-align: center;}
.searchDates td.sdRange{width: 55px;}




/*
---------------------------------------------------------
NAVIGATION STYLES
---------------------------------------------------------
*/

/*
#nav, #nav li { padding: 0; margin: 0; list-style: none; }
#nav { position: absolute; left: 230px; top: 56px; font-size: 0.9em; }
#nav li { float: left; }
#nav li a { display: block; padding: 0px 12px 10px 12px; text-decoration: none; font-weight: bold; color: #ccc; }
#nav li.selected a { color: white; background: url(../images/icon-nav-hover.gif) bottom center no-repeat; }
#nav li a:hover { color: white; background: url(../images/icon-nav-hover.gif) bottom center no-repeat; }
#nav li ul { position: absolute; margin-left: -999px; } 
*/

#nav, #nav ul, #nav ul li { padding: 0; margin: 0; list-style: none;}

#nav a { 
  display: block; 
  padding: 0px 8px 10px 8px; 
  color: #ddd; 
  text-decoration: none;
  font-weight: bold;
  background: transparent none repeat-x;
}
#nav ul ul li a { text-align: left; 
  display: block;   
  line-height: 16px;
  height: auto;
  width: 138px; 
  background-image: none;
  background: black;
  color: white;
  padding: 4px 4px 4px 12px;
  font-weight: normal;
}

#nav { position: absolute; left: 240px; top: 56px; font-size: 0.9em; }
#nav ul { } 
#nav ul li { float: left; position: relative; }
#nav ul li.last { background: none; }

/* sub menu items */
#nav ul li ul { padding-left: 0; position: absolute; display: none; text-align: left; background-color: transparent; left: 1px; top: 28px; width: 146px; height: auto; z-index: 10; }
#nav ul li ul { filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; }
#nav ul li ul li { height: auto; background-image: none; border-bottom: 1px solid #555;}
#nav ul li ul li { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0;  }
#nav li > #nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; z-index: 10; }
#nav ul li:hover ul, #nav .sfhover ul { display: block;  }

#nav li.selected a, #nav a:hover {color: white; background: url(../images/icon-nav-hover.gif) bottom center no-repeat;} 
#nav li.selected ul a, #nav li ul li.selected a { background: black; }
#nav li.selected ul a:hover, #nav li ul a:hover, #nav li ul li.selected a:hover { background: #444; }


.news-list, .news-list li {padding:0;margin:0;list-style:none;}
.news-list { padding-top: 6px; overflow: auto; height: 1%; margin-left: 24px; }
.news-list li {padding:0 0 0 128px;position:relative;min-height:100px; margin-bottom: 16px;}
.news-list .news-date{font-weight:bold;color:#999;}
.news-list p { padding-bottom: 0;}
.news-list .abstract{font-weight:bold;margin-bottom:1em;}
.news-list img {position:absolute;left:2px;border:1px solid #ddd;padding:6px;}
.news-list .news-image:hover{border:1px solid #999;}
.news-list .news-item h3{padding: 3px 0 4px 0;margin:0; font-size: 1.2em}
.news-list .news-author{font-size:0.8em;padding:0 0 4px 0;}



a.toggle-filter-options { float: right; }

/*
---------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------
*/

#additional-info { width: 840px; margin: 0 auto; padding: 6px 0 24px 12px; position: relative; font-size: 1.1em; color: #ccc; }
#additional-info .right { position: absolute; right: 0; }

#additional-info a { text-decoration: underline; padding-left: 4px; padding-right: 4px; color: #ccc;  }
#additional-info a:hover { text-decoration: underline; color: #f66}