

/* main layout */

html {
	text-align: center;
}
body {
	margin: 0px;
	text-align: center;
        background-color:  #5c5d59;
}


#main_container {
	width: 740px;
	margin: auto;
	text-align: left;
}
#header_container {
	width: 740px;

	height: 144px;
	background: url(../img/header64.gif) no-repeat;
}
#content_container {
        min-height: 500px;
        width: 740px;
	background: url(../img/background.gif) center repeat-y #5c5d59;
}
* html #content_container{
    height: 500px;
}
/*
#banner_left {
	width: 189px;
	float: left;
}
#banner_right {
	width: 551px;
	margin-left: 189px;
}
*/
#banner {
	width: 740px;
	
	background-image: url(../img/homepage_green.gif);
	
	background-position: right;
	background-repeat: no-repeat;
	
}
#main_content {
	width: 576px;
	min-height: 480px;
	
	padding: 5px 27px 0px 27px;
float: left;
}
* html #main_content{
    height: 480px;
}

#main_lcol {
	width: 424px;
	float:left;
	margin-top: -1em;
}
#main_rcol {
	margin-left: 450px;
}
.light_green_box {
	width: 225px;
	background: url(../img/bullet_on_lgreen.gif) top right no-repeat #f4f5e7;
	border: 1px solid #97a012;
	padding: 0px 5px 0px 5px;
}
.light_green_box_nobg {
	width: 100%;
	background: #f4f5e7;
	border: 1px solid #97a012;
	padding: 5px;
}
#footer_container {
	width: 740px;
	background-color: #5c5d59;
	color: #a7a9ac;
	margin: auto;
	text-align: left;
	clear: both;
}
#footer_left {
	width: 125px;
	float: left;
	padding-left: 7px;
}
#footer_right {
	width: 605px;
	margin-left: 130px;
	text-align: right;
}

/* top navigation */
#topnavbar_container {
	width: 354px;
	height: 21px;
	top: 105px;
	margin-left: 379px;
	position: absolute;
}
#supnavbar_container {
	width: 697px;
	position: absolute;
	top: 10px;
	text-align: right;
}
.topnav {
	cursor: pointer;
	text-align: center;
	height: 20px;
	padding-top: 2px;
	position: absolute;
	top: 0px;
	height: 20px;
	text-align: center;
	background-repeat: no-repeat;
}
#tn1 {
	width: 51px;
}
#tn2 {
	width: 110px;
	margin-left: 52px;
}
#tn3 {
	width: 72px;
	margin-left: 163px;
}
#tn4 {
	width: 64px;
	margin-left: 236px;
}
#tn5 {
	width: 53px;
	margin-left: 301px;
}

.time {
	font-style: italic;
}
.place {
	font-weight: bold;
}
.personname {
	font-style: italic;
}
.progtime {  
	font-style: normal; 
	font-weight: normal; 
}
.progactivity {  
	font-style: italic; 
	font-weight: normal; 
}
.progsessiontitle { 
	font-style: normal; 
	font-weight: bold; 
}
/* main layout */
.light_green_box_regular {
	background: url(../images/bullet_on_lgreen.gif) top right no-repeat #f4f5e7;
	border: 1px solid #97a012;
	padding: 0px 5px 0px 5px;
}
.light_green_box_pinched {
	background: url(../images/bullet_on_lgreen.gif) top right no-repeat #f4f5e7;
	border: 1px solid #97a012;
	padding: 0px 5px 0px 5px;
	margin: 0px 30px 0px 30px;
}
pinched_content_lcol/pinched_content_rcol, 
.pinched_content_lcol 
{
 width: 50px;
 padding: 15px 5px 15px 5px;
 float: left;
}
.pinched_content_rcol {
 margin-left: 55px;
}
/* tables */
.timetable_display td {
    font-size: 13px;
    vertical-align: top;
    padding: 6px 2px 6px 2px;
}
/* bread crumbs */
div.ts_dynamicpages_breadcrumbs_smallGrey_menu {
    font-size: 11px;
    font-weight: normal;
    color: #666600;
    
}
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item{
    border-right: 1px solid #666600;
    padding: 0px 3px 0px 0px;
}
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_selected_item{
    
}
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_link, 
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_link:visited, 
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_selected_link, 
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_selected_link:visited{ 
    text-decoration: none;
}

div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_link:hover, 
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_link:active, 
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_selected_link:hover, 
div.ts_dynamicpages_breadcrumbs_smallGrey_menu span.ts_dynamicpages_breadcrumbs_menu_item a.ts_dynamicpages_breadcrumbs_menu_selected_link:active{

}

/* left nav */
#leftnav {
    width: 110px;
    float: left;
    
    
}
#leftnav div#actions h2 {
    margin-left: 7px;
    margin-bottom: 0px;
    padding: 0px 4px 6px 4px;
} 
#leftnav div#actions {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    
}
#leftnav div#actions a, #leftnav div#actions a:visited {
    margin-left: 7px;
    padding: 6px 4px 6px 4px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    
}
#leftnav div#actions a:hover, #leftnav div#actions a:active {
    background-color: #97a012;
    
}
div.ts_dynamicpages_leftnav_menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    
}

div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item, div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header{
    
}
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header span.ts_dynamicpages_menu_header_text{
    margin-left: 7px;
    padding: 6px 4px 6px 4px;
    font-weight: bold;
    display: block;
}
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_link, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_link,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_link:visited, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_link:visited,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_selected_item a.ts_dynamicpages_menu_selected_link, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_selected_link,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_selected_item a.ts_dynamicpages_menu_selected_link:visited, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_selected_link:visited,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_direct_link,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header_item a.ts_dynamicpages_menu_direct_link,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_direct_link:visited,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header_item a.ts_dynamicpages_menu_direct_link:visited
{ 
    margin-left: 7px;
    padding: 6px 4px 6px 4px;
    display: block;
    color: #ffffff;
    text-decoration: none;
}

div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_link:hover, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_link:hover,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_link:active, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_link:active,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_selected_item a.ts_dynamicpages_menu_selected_link:hover, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_selected_link:hover,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_selected_item a.ts_dynamicpages_menu_selected_link:active, 
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header a.ts_dynamicpages_menu_selected_link:active,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_direct_link:hover,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header_item a.ts_dynamicpages_menu_direct_link:hover,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_item a.ts_dynamicpages_menu_direct_link:active,
div.ts_dynamicpages_leftnav_menu div.ts_dynamicpages_menu_header_item a.ts_dynamicpages_menu_direct_link:active
{
    margin-left: 7px;
    padding: 6px 4px 6px 4px;
    display: block;
    background-color: #97a012;
    color: #ffffff;
    text-decoration: none;
}


.leftnav {
margin-left: 7px;
	padding: 6px 4px 6px 4px;
}

/* tables */
.data_table thead tr td {
	text-align: center;
        
}
.shaded {
	background-color: #f4f5e7;
}
.data_table td {
	border-top: 1px solid #97a012;
	border-left: 1px solid #97a012;
        font-size: 12px;
        padding: 5px 2px 5px 2px;
        vertical-align: middle;
}
.data_table table {
	border-bottom: 1px solid #97a012;
	border-right: 1px solid #97a012;
}

/* spot styles */
.committee_photo {
	padding: 0px 8px 8px 0px;
}
	

/* typography */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
body h1 {
	font-size: 18px;
	font-weight: bold;
	color: #666600;
}
body h2 {
	font-size: 13px;
	font-weight: bold;
}
body h3 {
	font-size: 11px;
	font-weight: normal;
	color: #666600;
}
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.supnav, .leftnav, #footer_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
#footer_container  {
	color: #a7a9ac;
}
#footer_left {
	color: #80817b;
}
thead tr td {
	font-size: 11px;
	font-weight: bold;
}
.light_green_box p {
	font-family: Arial, Helvetica, sans-serif;
}


/* link styles */
.topnav a, .supnav a, .leftnav a {
	color: #ffffff;
	text-decoration: none;
}
.supnav a:hover {
	color: #000000;
}
#footer_container a {
	color: #a7a9ac;
	text-decoration: none;
}
#footer_container a:hover {
	color: #ffffff;
}
#credits a {
	color: #80817b;
}
#main_content a {
	color: #666600;
}
h3 a {
	text-decoration: none;
}
.space {
    margin-bottom: 10px;
}

 
/***EVENTS***/
.event_title {
    background-color: #f4f5e7;
    padding: 3px;
    margin-bottom: 10px;
    height: 16px;
    font-weight: bolder;
}
.event_title img {
    vertical-align: middle;
}
.event_picture {
    border: 1px solid #97a012;
    margin: 5px;
    height: 32px;
    width: 32px;
    background: #f4f5e7;
    float: left;
    padding: 4px;
}
.event_box {
    float: left;
    border: 1px solid #97a012;
    margin: 5px 0px 5px 0px;
    padding: 5px 5px 10px 5px;
    width: 375px;
}
.event_details {
    padding: 3px;
    font-size: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.event_box .event_details h2 {
    margin-top: 0px;
    padding-top: 0px;
}

.clear {
    clear: both;
}

.form_width {
    width: 170px;
    margin-left: 20px;
}
.form_button {
    float: right;
    margin-right: 190px;
}

td {
vertical-align:top;
}


.invoiceline_table {
    border: 1px solid #666600;
    width: 100%;
}

.invoiceline_1 {
    background-color: #dddddd;
}
.invoiceline_2 {
}

.invoiceline {
    width: 100%;
}
.invoiceline_date {
    width: 50px;
}
.invoiceline_name {
}
.invoiceline_amount {
    text-align: right;
}
.sub_invoiceline_name {
    font-style: italic;
    font-size-adjust: -2px;
}
.sub_invoiceline_amount {
    font-style: italic;
    font-size-adjust: -2px;
    text-align: right;
}

.check {
    margin: 2px;
    padding: 2px;
    width: 15px;
}


#error_box {
    margin: 10px 0px 10px 0px;
    width: 400px;
    border: 1px dashed #ff0000;
}
#error_title {
    line-height: 12px;
    border-bottom: 1px dashed #ff0000;
}
#error_contents {
    color: #000000;
}
.error_text {
    color: #ff0000;
}
.error_input {
    border: 1px solid #ff0000;
    background-color: #ffc1c3;
    width: 170px;
    margin-left: 20px;
}
.error_check {
    border: 1px solid #ff0000;
    background-color: #ffc1c3;
    width: 17px;
    float: left;
    padding-right: 2px;
}
.error_img {
    vertical-align: middle;
    margin-left: 2px;
}
.required {
    clear: both; 
    font-size: 10px;
}

.tips_box {
    float: left;
    width: 165px;
    background: url(../img/bullet_on_lgreen.gif) top right no-repeat #f4f5e7;
    border: 1px solid #97A012;
    padding: 0px;
    margin: 5px 0px 0px 10px;
}
.tips_box p {
    margin: 0px;
    padding: 18px 5px 8px 5px;
    font-size: 11px
}

.contact_hr {
    width: 50%;
    color: #F4F5E7;
    height: 1px;
    background-color: #F4F5E7;
}

/* Pop-up styles */
.popStyle {
    position: absolute;
    visibility: hidden;
    width: 325px;
    background-color: #FFFFFF;
    border: 1px solid #5C5D59;
    left: 0px;
    top: 0px;
}

.pop_banner {
    width: 325px;
    height: 25px;
    background-color: #A7A9AC;
}
.pop_title {
    line-height: 25px;
    padding: 0px 0px 0px 5px;
    float: left;
}

.pop_close {
    float:right;
    padding:4px;
}
.pop_cont {
    clear: both;
    padding: 15px;
    text-align: left;
}
.pop_cont h2 {
    color: #666600;
    margin: 0px;
    padding: 2px;
}
.pop_histCont {
    clear: both;
    text-align: left;
    padding: 15px;
}
.pop_histCont h2 {
    color: #666600;
    margin: 0px;
}
.pop_histTable {
    text-align: left;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}
.pop_histTable th {
    font-size: 11px;
    padding-right: 20px;
}
.pop_histTable td {
    font-size: 11px;
    padding-right: 20px;
}

.news_headline {
    padding: 10px 5px 3px 5px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.news_body {
    padding: 3px 5px 5px 5px;
}

.note_banner {
    float: right; 
    color: #FF0000; 
    width: 16px;
}
.note_title {
    font-size: 14px;
    font-weight: bold;
    float: left;
}
.note_date {
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    padding: 4px 0px 0px 5px;
    float: left;
}
.note_content {
}


#subscriptionLeft {
    margin: 30px 5px 5px 0px;
    width: 210px;
    float: left;
}
#subscriptionLeft select {
    width: 200px;
}
#subscriptionRight {
    border-left: 1px solid #bfcb16;
    padding: 0px 0px 0px 8px;
    margin: 10px 5px 5px 0px;
    width: 325px;
    float: left;
}
.subscriptionButton {
    margin-top: 5px;
}

.listEmailFrame {
    position: absolute;
    visibility: hidden;
    background-color: #ffffff;
    width: 900px;
    border: 1px solid #97a012;
}
.listEmailFrameTitle {
    text-align: right;
    background-color: #f2f2f2;
    border-bottom: 1px solid #97a012;
}
.listEmailFrameTitle img {
    margin: 3px;
}
.listEmailFrameBody {
    width: 900px;
}
.listThreadRoot {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.listThreadRow {
    background: url(../img/bullet_green.png) left no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
}
.loadingWrapper {
    position: absolute;
    top: 100px;
    left: 420px;
    padding: 5px;
    border: 1px solid #eee;
    background-color: #f4f5e7;
}

.emailIframe {
}
.emailIframeBody {
    width:900px;
    background-color:#f4f5e7;
}
.emailIframeBody h1 {
    margin-top: 7px;
    width: inherit;
    text-align: left;
}
.iframePre {
    text-align: left;
    font-family:    "Courier New", Courier, monospace;
    padding: 5px;
}


.mailingListTable {
    border: 1px solid #faf0e6;
    border-spacing: 0px;
    width: 100%;
}
.mailingListTable td {
    padding: 5px 8px 5px 2px;
}
.mailingListTableRow {
}
.mailingListTableRowDark {
    background-color: #faf0e6;
}
.private_topic_header {
    font-weight: bold;
    margin-top: 10px;
}

.buttonWrap {
    float: left;
    width: 375px;
}
.alignSubmitButton {
    float: right;
}

.fileListingTable {
    font-family: monospace;
    border-spacing: 0px;
    width: 500px;
    background-color: #ffffff;
    font-size: 14px;
}
.fileListingTable th {
    padding: 2px 5px;
    color: #666600;
    font-size: 15px;
    text-align: left;
}
.fileListingTable a {
    text-decoration: none;
}
.fileListingTable td {
    padding: 2px 5px;
}
.fileListingTable td.alignRight {
    text-align: right;
}
.fileListingRow {
    background-color: #f4f5e7;
}
.fileListingEmpty {
    color: #888888;
    font-style: italic;
    font-size: 12px;
    text-align: center;
}


/****** TO BE REMOVED ON PRODUCTION WEBSITE *********/
div#debugmessages {
   position: absolute;
   z-index: 100;
   top: 0px;
   left: 0px;
   width: auto;
   overflow: hidden;
}
p.debugmessage {
   background: #ffffdc;
   padding: 10px 30px 10px 30px;
   color: #666;
   width: auto;
}
/***************************************************/

