/* The document is divided into these regions */
/* First the body is black. An outermost table contains all the contents. The top row, like the body has */
/* a black background, and the left most and right most columns are also black. For the top row, there is */
/* a class: top_area. This will contain the header image with the SAGA logo and navigation bar. */
/* The next row contains a strip that provides the trasistion from black to dark blue background. The class */
/* for this is middle_area. The top titles and some content are contained here. There may be several rows. */
/* Next, there is a row with a transition to the aqua background. The class for this region is bottom_area. */
/* After that, is a transition to black background again. This region will contain the bottom navigation. */
/* It's class is foot_area.*/
/* the classes will be designated with spans, and other elements nested within. */
body { background: #000000; color: #e8e8ff; font-family: Arial; }
body b { color: #ffffff; }
h1, h2, h3, h4, h5 { color: #ffffff; font-weight: bold; margin: 3px; padding: 3px; }
.inline_head { color: #ffffff; font-weight: bold; margin-right: 5px; }
h1 b, h2 b, h3 b, h4 b, .inline_head b { color: #ffffff; }
h1 {  font-family: Comic Sans MS; text-align: center;  font-size: 154%; }
h2 {  font-family: Comic Sans MS; text-align: center;  font-size: 136%; }
h3 {  font-family: Arial; 			 text-align: center;  font-size: 125%; }
h4 {  font-family: Arial; 			 text-align: justify; font-size: 116%; }
h5 {  font-family: Arial; 			 text-align: justify; font-size: 108%; }
.inline_head {  font-family: Arial; text-align: justify; font-size: 110%; }

table { margin: 0px; border: 0px; padding: 0px; width: 100%; }
td { margin: 0px; border: 0px; padding: 0px 10px; text-align: center; }
td.mid_col  { vertical-align: top; }
td.left_col { padding-left: 0px; width: 333px; vertical-align: top; }
td.right_col { padding-right: 0px; width: 333px; vertical-align: top; }
p  {  margin: 3px 0px 10px; border: 0px; padding: 0px; font-family: Arial;
      text-align: justify; }
li  { margin: 0px; border: 0px; padding: 0px; font-family: Arial;
      text-align: left; }
form { margin: 0px; padding: 1px; text-align: left; }

p.caption { text-align: center; font-family: "Arial"; font-weight: bold;
            padding: 1px 0px 5px;}
div.top_content p.caption { color: #ffffff; }
div.bottom_content p.caption { color: #000000; }

div { border: 0px; padding: 20px; position: relative; margin-left: auto;
      margin-right: auto; margin-top: 0px; margin-bottom: 0px;
      text-align: center; }
div.top_content { padding: 1px 20px; }
div.bottom_content { padding: 20px 20px 1px; }

.navbar     { padding: 1px; }
.navbar img {  padding: 0px; margin-left: auto; margin-right: auto;
               margin-top: 0px; margin-bottom: 0px; float: none; }
/* common header formatting. Padding is fine-tuned to make items fit
   in white bar in background image. If more items are added,
   make font-size smaller. */
div.left_sidebar_panel { width: 180px; padding: 20px;
								 background-color: #000000; z-index: 3;
							  }
div.left_sidebar_panel { position: absolute; top: 0px; left: 0px; }
div.left_sidebar_panel.fixed { position: fixed; top: 0px; left: 0px; }
div.left_sidebar_panel div { width: auto; margin-left: auto; margin-right: auto; }
div.left_sidebar_panel div.menu_box { padding: 15px; font-weight: bold;
            	background-color: #000044; color: #ccccff;
					border-width: 1px; border-style: solid; border-color: #444444;
				}
div.left_sidebar_panel div,
div.left_sidebar_panel img,
div.left_sidebar_panel a { border-width: 0px; }
img.snowFlake { position: fixed; }

@media print { div.left_sidebar_panel { display: none; } }
div.main_panel { position: absolute; top: 0px; left: 200px; }
div.header
		{ 	color: #000000; background-image: url(images/BannerBlank.gif);
			background-position: top left; background-repeat: no-repeat;
			width: 482px; height: 21px; padding: 93px 116px 15px 128px;
         margin-top: 1px; margin-bottom: 0px; margin-right: auto;
         margin-left: auto; font-size: 16px; }
div.header.banner2010 { background-image: url(images/Banner2010.gif); }
.header h1,
.header h2,
.header h3,
.header h4,
.header .inline_head { color: #FF6531; }
.header div,
.left_sidebar_panel ul.dropdown li a,
.header a { text-decoration: none; font-weight: bold; color: #000030; }
.header a:link { color: #000030; background-color: #ffffff; }
.header a:visited { color: #000030; background-color: #ffffff; }
.header a:active { color:  #800030; background-color: #ffffff; }
.header ul.dropdown { margin: 0px; padding: 0px; height: 21px; }
.header ul.dropdown li { background-color: #ffffff; }
.header ul.dropdown li div a:hover,
.header ul.dropdown li:hover div a,
.header ul.dropdown li.hover div a,
.header ul.dropdown li:hover { background-color: #eeeeff ! important ; }
.left_sidebar_panel ul.dropdown li,
.header ul.dropdown li div ul li { background-color: #eeeeee; color: #000000; }
.left_sidebar_panel ul.dropdown a,
.header ul.dropdown li div ul a        { background-color: #eeeeee; }

.left_sidebar_panel ul.dropdown li.hover,
.left_sidebar_panel ul.dropdown li:hover,
.left_sidebar_panel ul.dropdown li.hover > div > a,
.left_sidebar_panel ul.dropdown a:hover,
.header ul.dropdown li div ul li.hover,
.header ul.dropdown li div ul li:hover,
.header ul.dropdown li div ul li.hover > div > a,
.header ul.dropdown li div li:hover > div > a,
.header ul.dropdown li div ul a:hover  { background-color: #ddddff ! important; }
/*
  ul.dropdown   { z-index: 2; text-align: center; position: relative;
		            top: 0%; bottom: 100%; left: 0%; right: 100%; }
 */
  ul.dropdown   { z-index: 3; text-align: center; }
  .left_sidebar_panel ul.dropdown { padding: 0px; margin: 0px auto; text-align: left; width: 146px; }
  ul.dropdown ul { visibility: hidden; position: absolute; padding: 0px;
   					 top: 100%; left: 0; z-index: 4; margin: 0px;
						 text-align: left; }
  ul.dropdown ul ul { z-index: 5; }
  ul.dropdown  li,
  ul.dropdown  li  div,
  ul.dropdown  li  div  a
		{ display: inline; }
  ul.dropdown li
  		{	list-style-type: none;
			font-family: Arial; margin: 0px; padding: 0px 0px;
			font-weight: bold; font-size: 90%; }

  ul.dropdown li  div { padding: 0px 3px; margin: 0px; border-width: 0px;
								 background-color: transparent; }
  .left_sidebar_panel ul.dropdown li:first-child,
  ul.dropdown  li  div  ul li:first-child { margin-top: 3px; }
  .left_sidebar_panel ul.dropdown li a,
  .left_sidebar_panel ul.dropdown li,
  ul.dropdown ul li  a,
  ul.dropdown ul li
  		{ 	font-weight: normal; float: none;
			display: block; padding: 0px; text-align: left;
			margin-left: 0px; margin-right: 0px; width: auto; }
  .left_sidebar_panel ul.dropdown li,
  ul.dropdown ul li
  		{  border-bottom: 1px solid #ccc;
			border-right: 1px solid #333333; border-left: 1px solid #333333; }
  .left_sidebar_panel ul.dropdown li div,
  ul.dropdown ul li div { text-align: left; display: block; margin: 0px;
                          width: auto; padding: 2px 3px; }
  .left_sidebar_panel ul.dropdown li a,
  ul.dropdown ul li a { border-right: none; width: 100%; display: block;
                        padding: 0px; }
  ul.dropdown ul li.hover,
  ul.dropdown ul li:hover  { position: relative; }
  .left_sidebar_panel ul.dropdown ul,
  ul.dropdown ul ul { left: 100%; top: 0; }
  ul.dropdown li.hover > ul,
  ul.dropdown li:hover > ul,
  ul.dropdown li.hover > div > ul,
  ul.dropdown li:hover > div > ul { visibility: visible; }

div.subheader { padding: 0px 0px 10px; margin: 0px auto; z-index: 1; }
.subheader h1,
.subheader h2,
.subheader h3,
.subheader h4,
.subheader .inline_head { color: #FF6531; }
.subheader ul.dropdown { margin: 0px; }
.subheader ul.dropdown li a
		{ text-decoration: none; font-weight: bold; color: #ffffff; }
.subheader ul.dropdown > li > div > a:link { color: #ffffff; background-color: #000000; }
.subheader ul.dropdown > li > div > a:visited { color: #ffffff; background-color: #000000; }
.subheader ul.dropdown > li > div > a:active { color: #ffc0c0; background-color: #000000; }
.subheader ul.dropdown > li > div > a:hover,
.subheader ul.dropdown > li:hover > div > a,
.subheader ul.dropdown > li.hover > div>  a,
.subheader ul.dropdown > li:hover { background-color: #0000bb ! important ; }
.subheader ul.dropdown li div ul { margin: 0px; padding: 0px; }
.subheader ul.dropdown li div ul li { background-color: #eeeeee; color: #000000; }
.subheader ul.dropdown li div ul a        { background-color: #eeeeee; color: #000000; }
.subheader ul.dropdown li div ul li.hover,
.subheader ul.dropdown li div ul li:hover,
.subheader ul.dropdown li div ul li.hover > div > a,
.subheader ul.dropdown li div ul li:hover > div > a,
.subheader ul.dropdown li div ul li div a:hover  { background-color: #ddddff ! important; }

/* the following cause the link class that matches the page class to be highlighted in red */
/* body class     ul class        li class        		link state */
.home_page              .dropdown li.home_link       	> div ,
.events_page            .dropdown li.events_link     	> div ,
.contact_page           .dropdown li.contact_link    	> div ,
.membership_page        .dropdown li.membership_link 	> div ,
.links_page             .dropdown li.links_link      	> div ,
.signup_page            .dropdown li.signup_link     	> div ,
.photos_page            .dropdown li.photos_link     	> div ,
.signup_page            .dropdown li.signup_link     	> div ,
.faqs_page              .dropdown li.faqs_link       	> div ,
.officers_page          .dropdown li.officers_link   	> div ,
.general-info-page     	.dropdown li.general-info    	> div ,
.member-discounts-page 	.dropdown li.member-discounts	> div ,
.schedule_page          .dropdown li.Schedule  			> div ,
.calendar_page          .dropdown li.Calendar  			> div ,
.map_page               .dropdown li.Map       			> div ,
.report_page            .dropdown li.Reports   			> div ,

.home_page              .dropdown li.home_link       	> div > a    ,
.events_page            .dropdown li.events_link     	> div > a    ,
.contact_page           .dropdown li.contact_link    	> div > a    ,
.membership_page        .dropdown li.membership_link 	> div > a    ,
.links_page             .dropdown li.links_link      	> div > a    ,
.signup_page            .dropdown li.signup_link     	> div > a    ,
.photos_page            .dropdown li.photos_link     	> div > a    ,
.signup_page            .dropdown li.signup_link     	> div > a    ,
.faqs_page              .dropdown li.faqs_link       	> div > a    ,
.officers_page          .dropdown li.officers_link   	> div > a    ,
.general-info-page     	.dropdown li.general-info    	> div > a    ,
.member-discounts-page 	.dropdown li.member-discounts	> div > a   ,
.schedule_page          .dropdown li.Schedule  			> div > a    ,
.calendar_page          .dropdown li.Calendar  			> div > a    ,
.map_page               .dropdown li.Map       			> div > a    ,
.report_page            .dropdown li.Reports   			> div > a    ,

.home_page              .dropdown li.home_link       	> div > a:link    ,
.events_page            .dropdown li.events_link     	> div > a:link    ,
.contact_page           .dropdown li.contact_link    	> div > a:link    ,
.membership_page        .dropdown li.membership_link 	> div > a:link    ,
.links_page             .dropdown li.links_link      	> div > a:link    ,
.signup_page            .dropdown li.signup_link     	> div > a:link    ,
.photos_page            .dropdown li.photos_link     	> div > a:link    ,
.signup_page            .dropdown li.signup_link     	> div > a:link    ,
.faqs_page              .dropdown li.faqs_link       	> div > a:link    ,
.officers_page          .dropdown li.officers_link   	> div > a:link    ,
.general-info-page     	.dropdown li.general-info    	> div > a:link    ,
.member-discounts-page 	.dropdown li.member-discounts	> div > a:link   ,
.schedule_page          .dropdown li.Schedule  			> div > a:link    ,
.calendar_page          .dropdown li.Calendar  			> div > a:link    ,
.map_page               .dropdown li.Map       			> div > a:link    ,
.report_page            .dropdown li.Reports   			> div > a:link    ,
.home_page              .dropdown li.home_link       	> div > a:visited ,
.events_page            .dropdown li.events_link     	> div > a:visited ,
.contact_page           .dropdown li.contact_link    	> div > a:visited ,
.membership_page        .dropdown li.membership_link 	> div > a:visited ,
.links_page             .dropdown li.links_link      	> div > a:visited ,
.signup_page            .dropdown li.signup_link     	> div > a:visited ,
.photos_page            .dropdown li.photos_link     	> div > a:visited ,
.signup_page            .dropdown li.signup_link     	> div > a:visited ,
.faqs_page              .dropdown li.faqs_link       	> div > a:visited ,
.officers_page          .dropdown li.officers_link   	> div > a:visited ,
.general-info-page      .dropdown li.general-info    	> div > a:visited ,
.member-discounts-page  .dropdown li.member-discounts	> div > a:visited,
.schedule_page          .dropdown li.Schedule 		  	> div > a:visited ,
.calendar_page          .dropdown li.Calendar 		  	> div > a:visited ,
.map_page               .dropdown li.Map      		  	> div > a:visited ,
.report_page            .dropdown li.Reports  		  	> div > a:visited
		{color: #ff4040 ! important ;}

.home_page              .dropdown li.home_link       	> div > a:active  ,
.events_page            .dropdown li.events_link     	> div > a:active  ,
.contact_page           .dropdown li.contact_link    	> div > a:active  ,
.membership_page        .dropdown li.membership_link 	> div > a:active  ,
.links_page             .dropdown li.links_link      	> div > a:active  ,
.signup_page            .dropdown li.signup_link     	> div > a:active  ,
.photos_page            .dropdown li.photos_link     	> div > a:active  ,
.signup_page            .dropdown li.signup_link     	> div > a:active  ,
.faqs_page              .dropdown li.faqs_link       	> div > a:active  ,
.officers_page          .dropdown li.officers_link   	> div > a:active  ,
.general-info-page      .dropdown li.general-info    	> div > a:active  ,
.member-discounts-page  .dropdown li.member-discounts > div > a:active   ,
.schedule_page          .dropdown li.Schedule        	> div > a:active  ,
.calendar_page          .dropdown li.Calendar        	> div > a:active  ,
.map_page               .dropdown li.Map             	> div > a:active  ,
.report_page            .dropdown li.Reports         	> div > a:active
		{color: #ff8080 ! important ;}

div.search  { color: #e8e8ff; background-color: #000000; width: 686px; padding: 4px 20px;
              margin-left: auto; margin-right: auto; }
div.search b { color: #ffffff; }
div.top_divider, div.middle_divider, div.bottom_divider {
                  background-position: top left;
                  background-repeat: no-repeat; width: 726px; height: 23px;
                  padding: 0px; clear: both;}
div.top_divider { background-image: url(images/striptop_rd.gif);
                  background-color: #000000; color: #e8e8ff; }
div.top_divider b { color: #ffffff; }

div.top_content h1,
div.top_content h2,
div.top_content h3,
div.top_content h4,
div.top_content .inline_head,
div.top_content h1 a:link,
div.top_content h1 a:visited,
div.top_content h1 a:active,
div.top_content h2 a:link,
div.top_content h2 a:visited,
div.top_content h2 a:active,
div.top_content h3 a:link,
div.top_content h3 a:visited,
div.top_content h3 a:active,
div.top_content h4 a:link,
div.top_content h4 a:visited,
div.top_content h4 a:active,
div.top_content .inline_head a:link,
div.top_content .inline_head a:visited,
div.top_content .inline_head a:active { color: #FF6531;  }
div.top_content h5,
div.top_content h5 a:link,
div.top_content h5 a:visited,
div.top_content h5 a:active { color: #ffffff; }
div.top_content { background-color: #333399; color: #e8e8ff; width: 686px;
                  background-image: url(images/striptopcontent_rd.gif);
						background-repeat: repeat-y;}
div.top_content b { color: #ffffff; }
div.top_content th { color: #e8e8ff; } /* why does this inherit from <body> instead of from <div>? */
div.top_content th b { color: #ffffff; }
div.top_content td { color: #e8e8ff; } /* why does this inherit from <body> instead of from <div>? */
div.top_content td b { color: #ffffff; }
div.top_content table { border-color: #ffffff; border-collapse: collapse; } /* IE doesn't inherit border color from the div */
div.top_content a:link { color: #ddaaaa; background-color: transparent; }
div.top_content a:link b,
div.top_content b a:link { color: #ffcccc; background-color: transparent; }
div.top_content a:visited { color: #e8e8ff; background-color: transparent; }
div.top_content a:visited b,
div.top_content b a:visited { color: #ffffff; background-color: transparent; }
div.top_content a:active,
div.top_content a:active b,
div.top_content b a:active  { color: #ffdddd; background-color: transparent; }
div.top_content a:hover  { background-color: #000000 }

div.top_content span.webliter_highlighted_text,
div.top_content a:link span.webliter_highlighted_text,
div.top_content a:visited span.webliter_highlighted_text,
div.top_content a:active span.webliter_highlighted_text
{ color: #000000 !important; }

div.middle_divider { background-image: url(images/stripmiddle_rd.gif);
                     background-color: #Ceffff; color: #222222; }
div.bottom_content + div.middle_divider { background-image: url(images/stripaqublu_rd.gif);
                     background-color: #Ceffff; color: #222222; }
div.middle_divider b { color: #000000; }

div.bottom_content h1,
div.bottom_content h2,
div.bottom_content h3,
div.bottom_content h4,
div.bottom_content .inline_head,
div.bottom_content h1 a:link,
div.bottom_content h1 a:visited,
div.bottom_content h1 a:active,
div.bottom_content h2 a:link,
div.bottom_content h2 a:visited,
div.bottom_content h2 a:active,
div.bottom_content h3 a:link,
div.bottom_content h3 a:visited,
div.bottom_content h3 a:active,
div.bottom_content h4 a:link,
div.bottom_content h4 a:visited,
div.bottom_content h4 a:active,
div.bottom_content .inline_head a:link,
div.bottom_content .inline_head a:visited,
div.bottom_content .inline_head a:active { color: #FF3315;}
div.bottom_content h5,
div.bottom_content h5 a:link,
div.bottom_content h5 a:visited,
div.bottom_content h5 a:active { color: #000000; }
div.bottom_content { background-color: #ceffff; color: #222222; width: 686px;}
	div.bottom_content p.odd { background-color: #d8f7ff }
	div.bottom_content p.even { background-color: #e4ffef }
	div.bottom_content p.odd,
	div.bottom_content p.even { margin-top: 0px; margin-bottom: 0px; padding: 6px 3px 8px; }
div.bottom_content b { color: #000000; }
div.bottom_content th { color: #222222; } /* why does this inherit from <body> instead of from <div>? */
div.bottom_content th b { color: #000000; }
div.bottom_content td { color: #222222; } /* why does this inherit from <body> instead of from <div>? */
div.bottom_content td b { color: #000000; }
div.bottom_content table { border-color: #000000; } /* IE doesn't inherit border color from the div */
div.bottom_content a:link { color: #802222; background-color: transparent; }
div.bottom_content a:link b,
div.bottom_content b a:link { color: #600000; }
div.bottom_content a:visited { color: #222222; background-color: transparent; }
div.bottom_content a:visited b,
div.bottom_content b a:visited { color: #000000; }
div.bottom_content a:active { color: #a06060; background-color: transparent; }
div.bottom_content a:active b,
div.bottom_content b a:active { color: #804040; }
div.bottom_content a:hover { background-color: #efffff }

div.bottom_divider { background-image: url(images/stripbottom_r.gif);
                  background-color: #000000; color: #e8e8ff; }
div.top_content + div.bottom_divider { background-image: url(images/stripblublk_rd.gif);
                  background-color: #000000; color: #e8e8ff; }
div.bottom_divider b { color: #ffffff; }
div.footer h1,
div.footer h2,
div.footer h3,
div.footer h4,
div.footer .inline_head { color: #FF3315;}
body div.footer {   background-color: #000000; color: #e8e8ff; width: 726px;
               padding: 10px 0px 0px ! important;  }
div.footer b, div.footer a,
div.footer a:link, div.footer a:visited { color: #ffffff; }
div.footer a:link { color: #ffffff; background-color: transparent;}
div.footer a:visited { color: #ffffff; background-color: transparent; }
div.footer a:active { color: #ffc0c0; background-color: transparent; }
div.footer a:active b,
div.footer b a:active { color: #ffc0c0;  }
body div.footer ul li div { padding: 0px; margin: 0px; }
body div.footer ul li:hover,
body div.footer ul li a:hover  { background-color: #0000bb ! important; }
body div.footer ul li a { text-decoration: none; font-weight: bold; color: #ffffff; margin: 0px; }
body div.footer ul { margin: 0px ! important; padding: 0px ! important;
						text-indent: 0px; }
body div.footer ul { background-color: #000000; list-style-type: none; }
body div.footer ul li {   list-style-type: none; display: inline; font-family: Arial;
						background-color: #000000;
                  margin: 0px; padding: 0px 5px; font-weight: bold;
						font-size: 90%; text-indent: 0px;}

table.schedule {  border-style: solid; border-width: 1px; margin-top: 3px;
                  margin-bottom: 10px; }
div.top_content table.schedule { border-color: white; }
div.bottom_content table.schedule { border-color: black; }
table.schedule thead {  font-family: Comic Sans MS; text-align: center;
                        font-size: 120%; margin: 0px; padding: 3px; }
table.schedule td { vertical-align: top; }
div.top_content table.schedule thead td { color: #FF6531;  }
div.bottom_content table.schedule thead td { color: #FF3315;}
table.schedule tbody td {  font-size: 90%; font-weight: bold;
                           font-family: Arial; }
div.top_content table.schedule tbody td { color: #ffffff; }
div.bottom_content table.schedule tbody td { color: #000000; }
table.schedule td p { margin: 10px 0px; }
table.schedule tbody td.date { font-size: 80%; }

/* contacts_page */
body.contact_page ul li div img { border-width: 0px; }

/*.events_page div.corrections h2,
.events_page div.corrections p ,*/
.events_page div.corrections:before { content: "Corrections"; display: block;
                              font-family: Comic Sans MS; text-align: center;
                              font-size: 125%; color: #ffffff; font-weight: bold;
                              margin: 5px; padding: 5px 3px 3px; border-top-width: 1px;
                              border-top-style: solid; border-top-color: #ffffff;
                              }
.events_page .top_content div.corrections:before { color: #FF6531;  }
.events_page .bottom_content div.corrections:before { color: #FF3315;}
.events_page div.corrections { font-size: smaller; padding: 0px; margin: 3px 0px 0px; }

/*  table. trip_info is the box that appears on the bottom of detail event
    pages with price and other detail info about the trip
 */
table.trip_info { border-style: solid; border-width: 2px; margin-top: 3px;
                  margin-bottom: 10px; margin-left: auto; margin-right: auto;
                  padding: 5px 0px; border-collapse: collapse; width: auto; }
table.trip_info caption { margin-left: auto; margin-right: auto;  }
table.trip_info th { padding: 3px 8px 3px 8px; text-align: right;
                     vertical-align: top; font-weight: bold; font-size: 85%;
                     width: 165px; }
div.top_content table.trip_info th { color: #ffffff; }
div.bottom_content table.trip_info th { color: #000000; }
table.trip_info th p {text-align: right; }
table.trip_info td { padding: 3px 8px 3px 0px; text-align: left;
                     vertical-align: bottom; font-size: 85%; width: auto; }
table.trip_info p { margin: 0px; padding: 2px; }
table.trip_info tr.heading_row p { text-align: center; font-weight: bold; }
div.top_content table.trip_info tr.heading_row td { background-color: #ffffff;
                     color: #000000; text-align: center; font-weight: bold; }
div.top_content table.trip_info tr.heading_row td b { color: #000000 }
div.bottom_content table.trip_info tr.heading_row td {
                     background-color: #000000; color: #ffffff;
                     text-align: center; font-weight: bold; }
div.bottom_content table.trip_info tr.heading_row td b { color: #ffffff; }

.events_page .bottom_content td.left_col { width: auto; }
.events_page .bottom_content td.right_col { width: auto; }

/* ul.links is a centered list of links that usually appears in the bottom of
   detail event pages
 */
ul.links {  list-style-type: none; padding: 0px 5px 5px; margin-top: 0px;
            margin-bottom: 0px; margin-right: auto; margin-left: auto; }
ul.links li { text-align: center; padding: 2px 0px 8px; }

/* special formatting for the links pages */

.links_page .bottom_content ul,
.links_page .top_content ul { margin-top: 0px; margin-bottom: 10px;
                              margin-left: auto; margin-right: auto;
                              list-style-type: square; text-align: center; }
.links_page .bottom_content li,
.links_page .top_content li { text-align: left; padding: 5px;
                              font-family: Arial; font-weight: bold; margin: 0px; }
.links_page .bottom_content li p,
.links_page .top_content li p { font-family: Arial; font-weight: normal; font-size: smaller; }
.links_page .top_content li { color: #ffffff; }
.links_page .bottom_content li { color: #000000; }
.links_page .top_content li a:link { color: #ffcccc;}
.links_page .bottom_content li a:link { color: #440000; }
.links_page .top_content li a:visited { color: #ffffff;}
.links_page .bottom_content li a:visited { color: #000000;}
.links_page .top_content li p { color: #ddddff; }
.links_page .bottom_content li p { color: #000044; }

/* special formatting for the photos pages */
.photos_page .top_content ul { margin-top: 0px; margin-bottom: 10px;
                              margin-left: auto; margin-right: auto;
                              list-style-type: square; text-align: center; }
.photos_page .top_content li { text-align: left; padding: 5px;
                              font-weight: bold; margin: 0px; color: #ffffff; }
.photos_page .top_content li p { font-weight: normal; font-size: smaller; }
ul.photo_directory li a {font-family: Comic Sans MS; font-size: 120%; }

.events_page form { text-align: center; }

/* special formatting for database maintenance pages */
body.db_admin { font-size: 12px; }
.db_admin div.top_content,
   .db_admin div.bottom_content { width: 940px; }
.db_admin div.top_content { background-image: url(images/striptopcontent_r980d.gif); }
.db_admin div.top_divider,
   .db_admin div.middle_divider,
   .db_admin div.bottom_divider      { width: 980px; }
.db_admin div.top_divider { background-image: url(images/striptop_r980d.gif ); }
.db_admin div.middle_divider { background-image: url(images/stripmiddle_r980d.gif ); }
.db_admin div.bottom_content + div.middle_divider { background-image: url(images/stripaqublu_r980d.gif ); }
.db_admin div.bottom_divider { background-image: url(images/stripbottom_r980.gif ); }
.db_admin div.bottom_content + div.bottom_divider { background-image: url(images/stripblublk_r980d.gif ); }

table.db_shell             {margin: 0px; padding: 0px; border-width: 0px;
                            border-style: solid; border-collapse: collapse; }
table.db_shell td          {margin: 0px; padding: 0px; border-width: 0px; }
table.db_form              {border-collapse: collapse; border-width: 0px;
                            border-style: solid; }
table.db_form td           { text-align: left; vertical-align: top;
                            padding: 10px 10px 0px 0px; border-width: 0px;
                            border-style: solid; }
table.db_form tr.snug td   { padding-top: 2px }
table.db_form span.label   { font-size: smaller; font-weight: bold; }
div.top_content table.db_form .label { color: #ffffff; }
div.bottom_content table.db_form .label { color: #000000; }
table.db_shell table.db_form td.label,
table.db_form td.label     { text-align: right; padding-right: 2px;
                             padding-left: 10px; font-size: smaller; font-weight: bold; }
table.db_form td.box       { border-width: 1px; border-style: solid; }
table.db_form thead td,
table.db_shell thead td    { color: #ffffff; background-color: #000000; padding-bottom: 3px; }
.bottom_content table.db_form tbody td { border-color: #000000; }
.top_content table.db_form tbody td { border-color: #ffffff; padding-bottom: 20px; }

table.db_form .advisory_msg { color: #ffcccc; font-weight: bold; }

table.ad_block             {border-width: 1px; border-style: solid;
                            border-collapse: collapse; border-color: #000000;
                            margin-top: 10px; margin-bottom: 10px; }
table.ad_block,
table.ad_block td,
table.ad_block p,
table.ad_block a:link,
table.ad_block a:active,
table.ad_block a:visited   {color: #222222; background-color: #ffffff; }
table tr td table.ad_block b,
table.ad_block a:link b,
table.ad_block b a:link,
table.ad_block a:active b,
table.ad_block b a:active,
table.ad_block a:visited b,
table.ad_block b a:visited {color: #000000; }
table.ad_block a:hover     {background-color: #efffff; }
table.ad_block td          {text-align: center; padding: 5px; }
table.ad_block td p        {text-align: justify; }
table.ad_block td a:link img,
table.ad_block td a:active img,
table.ad_block td a:visited img,
table.ad_block td img      {color: #ffffff !important; border-color: #ffffff !important ; }

.blog_date                 { font-family: "Tempus Sans ITC"; font-weight: bold; color: #aa0000; }

ul.email_list              {  list-style-type: none; padding-left: 0px;}
ul.email_list li           {  font-size: 90%;
                              padding-left: 50px; text-indent: -50px; }
ul.email_list li .position_name
                           {  font-weight: bold; }
div.top_content ul.email_list li .position_name { color: #ffffff; }
div.bottom_content ul.email_list li .position_name { color: #000000; }
ul.email_list li .person_name
                           {  font-weight: normal; }
ul.email_list li a         {  white-space: nowrap; font-weight: normal;
                              padding-left: 5px;}


div.slideshow     {padding: 0px;}
div.slideshow a img { border-width: 0px; }
span.ed_note:before    { content: "[ed. note: "; font-style: italic; font-size: smaller; }
span.ed_note:after     { content: "]"; font-style: italic; font-size: smaller; }

iframe.google_calendar {  border-width: 0px; width: 686px; height: 600px;
                          padding: 0px; margin: 0px 0px 10px 0px; }

table.trip_info.closed span.price,
table.trip_info.sold_out span.price,
table.trip_info.cancelled span.price
							  { text-decoration: line-through; }
table.trip_info span.warning { color: #ff0000; font-weight: bold; }

body.officers_page h4
    {text-align: justify; margin-left: 0px; padding-left: 0px; }
body.officers_page ul.downloads > li
    { font-weight: bold; margin: 10px 3px 3px 0px; padding: 3px 3px 3px 0px;
      font-family: Arial; text-align: justify; font-size: 110%; }
body.officers_page div.top_content ul.downloads > li
    { color: #ff6531; }
body.officers_page div.bottom_content ul.downloads > li
    { color: #ff3315; }
body.officers_page ul.downloads > li > ul
    { padding-left: 0px; }
body.officers_page ul.downloads > li li
    { font-weight: bold; font-size: 89%; list-style-type: none;}
body.officers_page ul.downloads > li a
    { font-weight: normal; }
body.officers_page div.top_content ul.downloads > li li,
body.officers_page div.top_content ul.downloads > li a,
body.officers_page div.top_content ul.downloads > li a:link
    { color: #e8e8ff; }
body.officers_page div.bottom_content ul.downloads > li li,
body.officers_page div.bottom_content ul.downloads > li a,
body.officers_page div.bottom_content ul.downloads > li a:link
    { color: #222222; }
@media print {
  body .dont_print,
  body div.header,
  body div.subheader,
  body div.top_divider,
  body div.bottom_divider,
  body div.search,
  body div.footer { display: none ! important; }
}