/* 	Stylesheet for Washington County Historical Society
	Copyright 2004, Matt Thueson */

/* site-wide classes */

BODY { 	
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10pt;
	margin: 0px; }

P {
	margin-top: 0px;
	margin-bottom: 10px;
}

H1 {
	/* headlines */
	font-size: 16pt;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #7D070F;
}

H2 {
	/* sub-headlines. check carefully */
	font-size: 12pt;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #7D070F;
}

H3 {
	/* third-level headlines */
	font-size: 11pt;
	font-weight: bold;
	color: black;
}

DIV.photobox {
	/* creates a right-side box for the display of photos or graphics */
	font-size: 8pt;
	font-style: italic;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

DIV.photobox_nofloat { font-size: 8pt; font-style: italic; margin-bottom: 10px; }

IMG.photo {
	/* adds a border around photographs. if the item in the photobox is an illustration (not photo), you don't necessarily want
	to use this border */
	border: 1px solid black;
}

DIV.label {
	/* small underlined labels, used above headlines to explain the type of content below. optional. */
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	padding-bottom: 5px;
}

DIV.more {
	/* continuation and "see also" links - see an existing instance for exact usage. */
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}

DIV.more A:link, DIV.more A:visited, DIV.more A:active {
	color: #7D070F;
	text-transform: none;
	font-size: 9pt;
}

.warning {
	/* turns the text red when bolding isn't enough */
	color: red;
}

DIV.sidebar {
	/* overall container for right-side sidebar column */
	float: right;
	clear: right;
	width: 210px;
	font-size: 9pt;
	border-left: 1px solid black;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 10px;
	background-color: #FFFFCC;
	border-bottom: 1px solid black;
}

DIV.sidebar_item {
	/* wrap this DIV class around each item in the sidebar */
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom: 1px dotted black;
}

#last_sidebar_item { 
	/* apply this ID to the last sidebar item to supress the dotted line */
	border-bottom: none; 
}

DIV.sidebar H1 {
	font-size: 10pt;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

DIV.sidebar UL.communities {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	display: block;
	font-size: 8pt;
}

/* classes used in site-wide includes */

DIV.header {
	background-color: #7D070F; 
	color: white; 
}

DIV.header_logo {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
}

DIV.header_menu1box {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #003399; 
	color: black;
}

DIV.header_menu2box {
	background-color: black;
	color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

DIV.header_menu1box A:link, DIV.header_menu1box A:visited, DIV.header_menu1box A:active { 
	text-decoration: none; 
	color: white;
}

DIV.header_menu2box A:link, DIV.header_menu2box A:visited, DIV.header_menu2box A:active { 
	text-decoration: none; 
	color: white;
}

DIV.header_menuitems {
	font-size: 10pt;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

DIV.header_menuitems SPAN.menuitem {
	white-space: nowrap;
	font-weight: bold;
}

DIV.footer {
	background-color: black; 
	color: white; 
	clear: both;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top: 10px;
}

DIV.footer_copyright {
	font-size: 9pt;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

DIV.footer_copyright A:link, DIV.footer_copyright A:visited, DIV.footer_copyright A:active {
	color: white;
	text-decoration: none;
}

DIV.footer_nav {
	font-size: 9pt;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	text-align: center;
}

DIV.footer_nav SPAN.menuitem {
	white-space: nowrap;
	font-weight: bold;
}

DIV.footer_nav A:link, DIV.footer_nav A:visited, DIV.footer_nav A:active { 
	text-decoration: none; 
	color: white;
}

/* homepage-specific classes */

DIV.homepage_main {
	/* main column of homepage - contains homepage_section areas */
	margin-left: 10px;
	padding-right: 10px;
}

DIV.homepage_section {
	/* use this for each section in the main column of the homepage, except "top boxes" table. adds dotted line. */
	border-top: 1px dotted black;
	padding-top: 10px;
	padding-bottom: 10px;

}

.homepage_topbox {
	/* side-by side teasers at top of homepage - style applied to table */
	font-size: 10pt;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.homepage_topboxright {
	/* apply to the right "top box" cell to create the 1px rule between the two */
	border-left: 1px solid black;
	padding-left: 10px;
}

.homepage_topbox H1 {
	/* overrides the H1 headline style within the context of a top box */
	font-size: 10pt;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

TABLE.homepage_photo_layout TD {
	vertical-align: top;	
}
TABLE.homepage_photo_layout TD.photobox {
	/* same sort of thing, only in a table layout */
	font-size: 8pt;
	font-style: italic;
}
	

/* subordinate document classes */

DIV.header_navmenu {
	float: left;
	width: 15%;
	font-size: 10pt;
	font-weight: bold;
	length: 100%;
	margin-top: 10px;
	margin-left: 5px;
	color: black;
}

DIV.header_sectionnav {
	border: 1px solid black;
	padding: 0px;
	background-color: #7D070F;
	margin-bottom: 10px;
}

DIV.header_sectionnav_home {
	border: 1px solid black;
	padding: 0px;
	background-color: #003399;
	margin-bottom: 10px;
}

DIV.header_navmenu H2 {
	font-size: 8pt;
	type-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	color: white;
}

DIV.header_navmenu H2 A:link, DIV.header_navmenu H2 A:visited, DIV.header_navmenu H2 A:active { 
	text-decoration: none; 
	color: white;
}

DIV.header_sectionnavitem {
	font-size: 8pt;
	padding: 5px;
	border-top: 1px solid black;
	text-transform: uppercase;
	background-color: #FFFF66;
}

DIV.header_sectionnavitem A:link, DIV.header_sectionnavitem A:visited, DIV.header_sectionnavitem A:active { 
	text-decoration: none; 
	color: black;
}

DIV.subordinate_main {
	float: left;
	clear: none;
	width: 80%;
	padding-left: 10px;
	padding-top: 5px;
}

TABLE.info {
	border: 1px solid black;
	margin-bottom: 10px;
	font-size: 11pt;
	border-collapse: collapse;
}

TABLE.info TR {
	border-top: 1px solid black;
	padding-bottom: 5px;
}

TABLE.info TH {
	color: white;
	font-size: 8pt;
	text-transform: uppercase;
	background-color: #7D070F;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

TABLE.info TD {
	padding-left: 10px;
	padding-right: 10px;
}

TABLE.info CAPTION {
	color: #7D070F;
	background-color: white;
	text-transform: none;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}

TABLE.glance {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
	font-size: 10pt;
	border-collapse: collapse;
}

TABLE.glance TR {
}

TABLE.glance TD {
	padding-bottom: 10px;
	vertical-align: top;
}

TABLE.glance TD.detail {
	padding-right: 10px;
	font-weight: bold;
	font-size: 8pt;
	text-transform: uppercase;
}

TABLE.glance CAPTION {
	color: #7D070F;
	background-color: white;
	text-transform: none;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}

TABLE.search {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
	font-size: 10pt;
	border-collapse: collapse;
}

TABLE.search TR {
}

TABLE.search TD {
	padding-bottom: 10px;
	vertical-align: top;
}

TABLE.search TD.detail {
	padding-right: 10px;
	font-weight: bold;
	font-size: 8pt;
	text-transform: uppercase;
}

TABLE.search CAPTION {
	color: #7D070F;
	background-color: white;
	text-transform: none;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}

TABLE.search_results {
	border-collapse: collapse;
	margin-top: 15px;
	border-bottom: 1px solid black;
	background-color: #FFFFCC;
}

TABLE.search_results TR {
}

TABLE.search_results TD {
	vertical-align: top;
}

TABLE.search_results TD.search_results_name {
	color: #003399;
	font-size: 10pt;
	font-weight: bold;
	border-top: 1px dotted black;
}

TABLE.search_results TH {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

A.membership_join:link, A.membership_join:visited, A.membership_join:active  {
	color: #7D070F;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
}

A.membership_join:hover {
	color: black;
}

/* museum page classes */

TABLE.museum_page TR {
}

TABLE.museum_page TR TD {
	vertical-align: top;
	padding-bottom: 10px;
}

TABLE.museum_page DIV.museum_menu_name A:link, TABLE.museum_page DIV.museum_menu_name A:visited, TABLE.museum_page DIV.museum_menu_name A:active  {
	color: #7D070F;
	font-weight: bold;
	text-decoration: none;
	font-size: 11pt;
}

TABLE.museum_page DIV.museum_menu_location  {
	color: black;
	font-weight: bold;
	font-size: 8pt;
}

TABLE.museum_page DIV.museum_menu_description  {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* support page classes */

DIV.support_menu_item {
	margin-bottom: 15px;
}

/* events page classes */

DIV.events_highlight_box {
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 15px;
}

TABLE.events_highlight_table TR TD, TABLE.events_upcoming_table TR TD {
	vertical-align: top;
}

DIV.events_date, DIV.events_location {
	font-size: 8pt;
	font-weight: bold;
}

TD.events_date_upcoming {
	font-size: 8pt;
	font-weight: bold;
	color: #7D070F;
	white-space: nowrap;
}

DIV.events_description {
	padding-top: 5px;
}

/* press release classes */

DIV.release_contact {
	margin-bottom: 15px;
}

/* store classes */

TABLE.store_products {
	margin-bottom: 15px;
}

TABLE.store_products TD {
	border-bottom: 1px solid black;
	border-right: 1px dotted black;
	vertical-align: top;
}

TABLE.store_products DIV.store_item {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

TABLE.store_products DIV.store_item H3 {
	/* used for titles */
	font-size: 11pt;
	color: #7D070F;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

TABLE.store_products DIV.store_item IMG.photo {
	margin-left: 5px;
	margin-bottom: 5px;
}