﻿/* Jewish Historical Society of Greater Washington
   main.css
   last modified 01-11-2011 */

/* STANDARD TAGS */

body
	{
	margin: 0px;
	padding: 0px;
	background: #A0A096 url(../images/bkgnd_main.gif) repeat;
	}

p, ul, ol, li, dl, dt, dd
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	}

dt
	{
	font-weight: bold;
	font-style: normal;
	}

dd
	{
	margin: 0 0 12px 0;
	}

blockquote
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #666666;
	background-color: transparent;
	}

h1
	{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #930;
	background-color: transparent;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #CCCCCC;
	}

h2
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-top: 24px;
	color: #304D6A;
	background-color: transparent;
	}

h2.exhibition
	{
	margin-top: 0;
	}

h1+h2
	{
	margin-top: auto;
	}

h3
	{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #895D00;
	background-color: transparent;
	}

h4
	{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	font-style: italic;
	line-height: 18px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #895D00;
	background-color: transparent;
	}

h5
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #895D00;
	background-color: transparent;
	}

h3+p, h4+p, h5+p
	{
	margin: 0;
	padding: 0;
	}

.groupHeader
	{
	border-bottom: 1px solid #CCCCCC;
	text-transform: uppercase;
	}

td.news h2
	{
	margin: 0;
	padding: 0;
	}
td.news p
	{
	margin: 0 0 18px 0;
	padding: 0;
	}

/* LINKS */

a
	{
	background-color: transparent;
	}
a:link { color: #4967A5; }
a:visited { color: #4967A5; }
a:hover { color: black; }
a:active { color: #CCC; }

.nav
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	background-color: transparent;
	}
.nav strong { font-weight: normal; color: white; }
.nav a { text-decoration: none; }
.nav a:link { color: white; }
.nav a:visited { color: white; }
.nav a:hover { color: #98A7B7; text-decoration: none; }
.nav a:active { color: #98A7B7; }
.nav.current a { color: #98A7B7; }

/* OTHER CLASSES */

img.floatright {
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	}

img.floatleft {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}

.welcome
	{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 17px;
	font-style: italic;
	line-height: 34px;
	margin: -8px 0 0 0;
	padding: 0;
	color: #963;
	background-color: transparent;
	}

.homeAddress
	{
	font-size: 11px;
	}

.announceExhibit
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
	}

.download
	{
	padding: 4px;
	color: black;
	background: #EAEAEA;
	}

.photoCaption
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #304D6A;
	background-color: transparent;
	}

.photoCredit
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	color: #999;
	background-color: transparent;
	}

.photoCredit em
	{
	font-style: normal;
	}

.homeCollageDirections
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #CCC;
	background-color: transparent;
	}

.programInfo
	{
	color: #666;
	background-color: transparent;
	}

a.newWindow
	{
	padding-right: 36px;
	background: #FFF url(../images/icon_popup.gif) repeat;
	border: 1px solid #CCCCCC;
	}

/* classes for sidenote table and table contents */
.sidenote { margin-left: 12px; }
.sidenote h2 { font-size: 12px; line-height: 16px; }
.sidenote p { font-size: 11px; line-height: 14px; color: #666666; background-color: transparent; }

p.note {
padding: 4px 4px 4px 24px;
color: #666666;
background: #EAEAEA url(../images/btn_arrow.gif) no-repeat 6px 6px;
}

p.subdued {
font-size: 10px;
color: #666666;
background: transparent;
}

.footer, .footer a
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	text-decoration: none;
	color: #666;
	background-color: transparent;
	}
	
img.styled_image {
	margin: 5;
	padding: 2px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

/*-----------------------------------
SUBNAV STYLES
-----------------------------------*/

.subnav
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	background-color: transparent;
	}
.subnav strong { font-weight: normal; color: #304d6a; }
.subnav a { text-decoration: none; }
.subnav a:link { color: #304d6a; }
.subnav a:visited { color: #304d6a; }
ul.subnav li.current ul li a:hover, ul.subnav li ul li.current a:hover, .subnav a:hover { color: #8E7048; !important; text-decoration: none; }
ul.subnav li.current a:active, ul.subnav ul li.current a:active, .subnav a:active { color: #8E7048; }


ul.subnav {
	margin: 0 18px;
	padding: 0;
	list-style: none;
}

ul.subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.subnav li {
	font-size: 11px !important;
	line-height: 13px !important;
	padding-bottom: 17px;
	background: transparent url('../images/subnav_rule.gif') no-repeat bottom left;
}

ul.subnav ul li {
	font-size: 11px !important;
	line-height: 13px !important;
	padding-top: 11px;
	padding-bottom: 0;
	background: none;
}

ul.subnav li a {
	padding-left: 17px;
	display: block;
	background: transparent url('../images/btn_arrow.gif') no-repeat 0 0;
}

ul.subnav ul li a {
	background: none;
}

ul.subnav li.current a, ul.subnav li ul li.current a {
	color: #8E7048 !important;
}

ul.subnav li.current ul li a {
	color: #304d6a !important;
}

/*-----------------------------------
ONLINE EXHIBIT STYLES
-----------------------------------*/

p.exhibit_banner {
	text-align: center;
}

p.exhibit_banner a img {
	padding: 3px;
	border: 1px solid #ccc;
}

p.exhibit_banner a:hover img {
	border-color: #000;
}
