/*
*************************************************

THE PLEASE TOUCH MUSEUM
General Screen Styles

Created by the friendly folks at Pixelworthy 
http://www.pixelworthy.com

*************************************************
*/

@media all {
/*---------------------------------------/
   General Selectors
---------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	/*background: #fff url(../img/border_top.gif) repeat-x 0 0;*/
	border-top: 18px solid #e20026;
	background: #fff url(../img/wavy9.gif) 50% -1px no-repeat;
}

h1 img {
	margin: 25px 0 0 9px;
	float: left;
}

img {
	border: none;
}

acronym, abbr {
	cursor: help;
	background: #030 url(../img/1px_dotted_border_alt.gif) repeat-x left bottom;
	border: none;
}

* > acronym, * > abbr {
	background: none;
	border-bottom: 1px dotted #777;
}

:link, :visited {
	color: #202783;
}

a:hover { color: #e20026; }

a.top {
	margin-top: -2.4em;
	padding-right: 1em;
	float: right;
	background: transparent url(../img/up_arrow.gif) no-repeat right 0.5em;
}


dt {
	margin-bottom: 0.5em;
	font: 1.5em Helvetica, Arial, sans-serif;
	text-transform: lowercase;
}

dd {
	font-size: 1.1em;
	line-height: 1.4em;
}

ul li dl { padding: .17em 0 0; margin: 0;}
ul li dl dt { font-size: .95em; margin: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-transform: none; }
ul li dl dd { font-size: .95em; }

ul.gallery { float: left; }
ul.gallery li { float: left; height: 85px; width: 85px; margin:0 15px 15px 0; }

dl#play dt { font-size: 125%; line-height: 1.5; }
dl#play dt strong { color: #202783; font-size: 110%; font-variant: small-caps; letter-spacing: 0.1em; }
dl#play dt span.over { text-decoration: overline; }
dl#play dd.source { text-align: right; clear: both; }

/*p.address { padding: 15px; background-color: #fafafa; border-top: 1px dotted #9f9f9f; border-bottom: 1px dotted #9f9f9f; }*/
p.address { padding: 0 0 0 15px; background-color: #fff; border-left: 1px dotted #9f9f9f; margin: 20px 0 30px 15px;}

.none { clear: none !important; }
.clear { clear: both !important; }


/*---------------------------------------/
   Rules for every page
---------------------------------------*/
#headerContainer {
	background: transparent url(../img/header_border_bottom.gif) repeat-x left bottom;
}

#header {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 10em;
	position: relative;
	background: transparent url(../img/utility_border_bottom.gif) no-repeat left bottom;
	overflow: hidden;
}
	#header.header_new {
		background: transparent url(../img/utility_border_bottom_new.gif) no-repeat left bottom !important;
	}

ul#utility {
	margin: 7px 0 0 17px;
	width: 432px;
	float: left;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #333;
	list-style: none;
	background: transparent url(../img/utility_bg.gif) no-repeat left bottom;
}

ul#utility li {
	padding: 15px 15px;
	width: 114px;
	float: left;
	list-style: none;
}

ul#utility li a {
	text-decoration: none;
	border-bottom: 2px solid #adb8d9;
}

ul#utility li a:hover { border-color: #dce8f6; }

#utility li.current { /*background-color: #adb8d9;*/  }
#utility li.current a { color: #903; border: 0; }

ul#utility li ul li {
	padding: 0 0 3px 8px;
	background: transparent url(../img/bullet.gif) no-repeat 0 0.5em;
}

ul#utility li#location ul li {
	padding: 0;
	background: none;
	border: none;
}

ul#utility li#location a:hover { border-color: #fff; }

ul#tabs {
	width: 432px;
	
	position: absolute;
		bottom: 67px;
		/*right: 40px;*/
		left: 328px;
	list-style: none;
	background: #e20026 url(../img/tabs_bg.gif) no-repeat 0 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
}


ul#tabs li {
	padding: 5px 0 11px;
	width: 144px;
	float: left;
	text-align: center;
	font-size: 1.3em;
	background: url(../img/tab-sep.gif) no-repeat 0 50%;
}

ul#tabs li:first-child { background-image: none; }
ul#tabs li.one_liner { margin-top: 8px; }

ul#tabs li a {
	color: #fff;
	text-decoration: none;
}

ul#tabs li a:hover { color: #fff; text-decoration: underline; }

ul#tabs li a span { display: block; white-space: nowrap; }

#memorialCampaignButton {
	position: absolute;
	width: 286px;
	height:30px;
	bottom: 0px;
	margin-bottom: 25px;
	left: 40px;
	padding-left: 0;
}
	#memorialCampaignButton a {
		display:block;
		height:30px;
		width:286px;
		background:url(../img/join_mem_campaign_btn.gif) 0px 0px no-repeat;
		text-indent:-50000px;
	}

#search {
	position: absolute;
	width: 420px;
	bottom: 0;
	margin-bottom: 25px;
	left: 340px;
	padding-left: 0;
	line-height: 40px;
	
}

#search dl { float: right; }
#search dl dt { display: none; }
#search dl dd { float: left; margin-left: 5px; }
#search dl dd.searchField {
	width:243px;
	height:30px;
	background:url(../img/search_field_bg.gif) 0px 0px no-repeat;
}
#search dl dd.searchField input.empty {
	color:#000;
}

#search a {
	padding-bottom: 0; 
	border-bottom: 2px solid #c38f36; 
	text-decoration: none; 
	font-size: 1.1em; 
	margin-top: 10px;
}

#search a:hover { border-bottom: 0; }

#search input#search_ptm { width: 232px; margin-left:6px; margin-right: 5px; margin-top:6px; padding: 3px 12px; font-size: 1.0em; background-color:transparent; border:none !important; }
#search input#go { margin-bottom: -6px; }


#search_1282011 {
	float:right;
	width: 420px;
	bottom: 0;
	margin-bottom: 25px;
	left: 340px;
	padding-left: 0;
	line-height: 40px;
	font: 9px Helvetica, Arial, sans-serif;

}


#container {
	width: 720px;
	margin: 0 auto;
	padding-left: 40px;
	clear: both;
	background: #fff url(../img/left_columns_bg.gif) repeat-y 40px 0;
	overflow: hidden;
	height: 1%;
}

ul#primaryNav {
	padding: 0 15px;
	width: 114px;
	float: left;
	list-style: none;
	font: bold 1.4em Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	background: #f9b21c url(../img/primary_nav_bg.gif) no-repeat 0 0;
}
	ul#primaryNav.primaryNav_new {
		padding-bottom:127px !important;
		background: #f9b21c url(../img/primary_nav_bg_new.gif) no-repeat bottom left !important;
	}

ul#primaryNav li {
	width: 130px;
	padding-top: .8em;
}

ul#primaryNav a {
	color: #202783;
	text-decoration: none;
	width: 114px;
	border-bottom: 1px dotted #fff;
	display: block;
	padding-bottom: .8em;
}

ul#primaryNav a:hover { color: #e20026; }

ul#secondaryNav {
	padding: 1.5em 15px 0;
	width: 112px;
	float: left;
	list-style: none;
	font-size: 1.2em;
}


ul#secondaryNav li { margin-bottom: 1.5em; }
ul#secondaryNav li a { color: #f9b21c; border-bottom: 1px solid #564a69; padding-bottom: 0; text-decoration: none; line-height: 1.75; }
ul#secondaryNav li a:hover { color: #fff; border-bottom: 1px solid #fff; }

/*ul#secondaryNav li.current { background: transparent url(/img/subnav_current.gif) right 50% no-repeat; }*/
ul#secondaryNav li.current a, ul#secondaryNav li.current a:hover { color: #fff; border-bottom: 1px solid #202783; font-weight: bold; }

#home ul#secondaryNav li { border-top: 1px dotted #f9b21c; padding-top: 1.5em; }
#home ul#secondaryNav li:first-child { border: 0; padding-top: 0; }

ul#secondaryNav dl dt {
	text-transform: lowercase;
	color: #f9b21c;
	font-size: 1.7em;
	margin-bottom: .25em;
}

ul#secondaryNav dl dd {
	color: #fff;
	margin-bottom: 1em;
	line-height: 1.5;
}

ul#subsubnav { border-bottom: 1px solid #f9b21c; }

ul#subsubnav.bulleted li.current {
	background: transparent url(../img/content_bullet_current.gif) no-repeat 0 0.25em;
}

ul#subsubnav.bulleted li.current a {
	color: #e20026;
	text-decoration: none;
}

/* nav current states */
/*
body#home #nav_home, body#exhibits #nav_exhibits, body#planning #nav_planning, body#community #nav_outreach, body#resources #nav_resources, body#news #nav_news, body#events #nav_events { background: transparent url(/img/nav_current.gif) right 50% no-repeat; }
body#home #nav_home a, body#exhibits #nav_exhibits a, body#planning #nav_planning a, body#community #nav_outreach a, body#resources #nav_resources a, body#news #nav_news a, body#events #nav_events a { color: #e20026; }
*/


ul#primaryNav li.current { background: transparent url(/img/nav_current.gif) no-repeat 100% 50%; }
ul#primaryNav li.current a { color: #e20026; }

/* tab current states */
body#tickets_gift_certificates ul#tabs li#tabs_tickets_gift_certificates a, body#memberships ul#tabs li#tabs_memberships a, body#support_the_museum ul#tabs li#tabs_support_the_museum a { color: #f9b21c; font-weight: bold; border-bottom: 1px solid #f9b21c;}
body#tickets_gift_certificates ul#tabs li#tabs_tickets_gift_certificates a:hover, body#memberships ul#tabs li#tabs_memberships a:hover, body#support_the_museum ul#tabs li#tabs_support_the_museum a:hover { text-decoration: none; }

#content {
	padding: 1.5em 17px 0 15px;
	float: left;
	width: 402px;
}

#content #lead p { font-size: 125%; }
#content h1 { color: #202783; font-size: 3em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: lowercase; line-height: 1; margin-bottom: .7em; border-bottom: 2px solid #f9b21c; padding-bottom: 0.5em; }
#home #content h1 { border-bottom: 0; padding-bottom: 0; margin-bottom: .5em; }
#content h1.withfootnote { border: none; line-height: 1.2;}
#content h1.withfootnote sup { font-size: 50%; }
#content p.footnote { border-bottom: 2px solid #f9b21c; padding-bottom: 1em; }
#content h2 { color: #e20026; border-top: 1px dotted #f9b21c; font-size: 1.8em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: lowercase; padding-top: 1em; margin-bottom: 0.5em; clear: both; }
#content h2 + form { margin-top: 2em; }
#content h3 { font-size: 1.4em; border-top: 1px dotted #f9b21c; padding-top: 1em; color: #f49812; text-transform: lowercase; font-family: Helvetica, Arial, sans-serif; margin-bottom: 1em; clear:both;} 
#content h2.noline, #content h2.nolineclear, #content h3.noline { border:0; }
#content h2.nolineclear { clear: none; padding-top: 0.3em; }
#content h3.rightpadding { padding-right:60px; }
#content h2.noline { padding-top:0; }
#content dl#photos { width: 400px; border:1px solid red;}
#content dl#photos dt { color: #f9b21c; border-top: 1px dotted #f9b21c; padding-top: 1em; }

#content ul.bulleted li { background: transparent url(../img/content_bullet.jpg) no-repeat 0 0.25em; padding-left: 1.5em; }
body#sitemap #content ul.bulleted li { font-weight: bold; }
#content ul { list-style: none; }
#content ul li ul { margin-top: 1em; }
#content ul li ul li { background-image: none !important; margin-bottom: .4em; font-weight: normal !important; }
#content ol { margin-left: 20px; }
#content li strong { color: #202783; }
#content p, #content ul, #content dl, #content ol, #content h4 { font-size: 1.1em; line-height: 1.5; margin-bottom: 1.5em; color: #000; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; }
#content h4 { font-weight: bold; margin-bottom: 0; }
#content li { margin-bottom: 1.0em; }
#content li li { font-size: 95%; }

#content div.sect { float: right; width: 110px; margin: 2em 0 2em .5em; background-color: #fff; padding: 0 0 0 20px; border-left: 1px dotted #f9b21c; }
#content div.sect h2 { border-top: 0; padding-top: 0; }

#content p.definition strong { color: #202783; font-size: 110%; font-variant: small-caps; letter-spacing: 0.1em; }
#content p.definition span { text-decoration: overline; }
#content p.source { text-align: right; }

#content dl.contact { font-size: 100%; font-family: "Lucida Grande", "Trebuchet MS", sans-serif; }
#content dl.contact dt { margin-bottom: 0.25em; text-transform: lowercase; font: 1.4em Helvetica, Arial, sans-serif; color: #202783; }
#content dl.contact dd { margin-bottom: 0.25em; }
#content dl.contact dd.position { padding-left: 25px; background: transparent url(../img/icon_card.jpg) no-repeat 0 0; font-style: italic; }
#content dl.contact dd.email { padding-left: 25px; background: transparent url(../img/icon_envelope.jpg) no-repeat 1px 2px; }
#content dl.contact dd.phone { padding-left: 25px; background: transparent url(../img/icon_phone.gif) no-repeat 5px 4px; }

#content form { margin: 4em 0; border-top: 1px dotted #202783; border-bottom: 1px dotted #202783; padding: 2em 0; background-color: #f0f5fa; }
#content form#ticket_quantity p { margin-top: 1em; }
/*#content form#ticket_quantity p strong { color: #903; }*/
#content form.paypal { background: #f0f5fa url(../img/payments_by_paypal.gif) no-repeat 100px bottom; }
#content form fieldset { border: 0; margin-bottom: 1em; }
#content form legend { color: #333; text-transform: lowercase; font: bold 1.4em Helvetica, Arial, sans-serif; margin-bottom: 1.3em; padding: 0 1em; clear: both; }
#content form label { font-size: 1.4em; margin: 0 0 1.2em 1em; display: block; }
#content form label.recaptcha_input_area_text { font-size: 12px !important; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; height:15px; display:block;}
#content form label span { color:#000; float:left; clear:left; width:4em; padding-right:1em; text-align:right; }
#content form input { padding: .2em; }
#content form input.submit { padding: 0; margin-left: 1em; }
#content form input#ticket_number_other { width: 20px;}
#content form span { color: #f00; }
#content form h3 { border: 0; color: #333; /*font-size: 1.1em;*/ margin-left: 1em; }
legend { margin-bottom: 0; }
label select, label textarea { width: 175px !important; margin-top: 1em; } 
label em, label span.required { color: #e20026 !important; padding: 0 !important; width: auto !important; float: none !important; }
select#membership_number { width: 230px; }

#content form#membership_packages legend {  }
#content form#membership_packages label {  display: block; overflow: hidden; }
#content form#membership_packages label input, #content form#membership_packages label select, #content form#membership_packages label textarea { margin: 0 2em; float: right; }
#content form#membership_packages label input[type=checkbox] { float: none; margin: 0 0 0 .5em; }

input#amount_other { width: 50px;}
input.empty { color: #999; }
input.stillempty, select.stillempty { color: #000; background-color: #fec346; border-color: #d20a00; }
input.filled { color: #333; }

#content img.feature { float: left; margin-bottom: 2em; }
#content #home_pat { float: left; margin-top: -125px; z-index: 100; }


#content img {
	margin: 0 15px 1.5em 0;
	clear: right;
	float: left;
	display: block;
}

#lead img { float: right; }

#enews_form label * { display: block; margin: 0.25em 0 0 10px; width: 247px; }
#enews_form label em { display: inline; margin-left: 0; }
#enews_form form label * * { margin: 0; }
#enews_form form fieldset > input { margin-top: 1em; }

#footer {
	clear: both;
	width: 720px;
	background: #202783 url(../img/footer_bottom_bg.gif) no-repeat left bottom;
	color: #fff;
	font-size: 1.1em;
}

#footer p, #footer ul {
	width: 100%;
	padding-bottom: 3.5em;
	text-align: center;
}

#footer a { color: #f9b21c; }

#footer ul li { display: inline; border-left: 1px solid #c4c5de; padding-left: .5em; margin-left: .3em; }
#footer ul li:first-child { border: 0; padding: 0; }

#footer p#copyright {
	padding: 3.5em 0 0.5em 0;
	background: transparent url(../img/footer_top_bg.gif) no-repeat 0 0;
}

#footer p#designedBuilt {
	padding: 0 0 0.6em 0;
}

#einkLogo{
	padding:0px;
	margin:0px;
	margin-bottom: -2px;
}

}