/***************************
$Date: 2009-01-19 12:57:08 -0800 (Mon, 19 Jan 2009) $
$Rev: 708 $
***************************/


*
	{
	text-decoration: none !important;
	color: black !important;
	background-image: none !important;
	background-color: white !important;
	overflow: visible !important;
	float: none !important;
	clear: both !important;
	white-space: normal !important;
	font-size: medium;
	}

* html /*try to keep IE6 from overrunning the right page edge! */
	{
	font-size: xx-small !important; 	
	}

body
	{
	font-family: "Garamond Regular", Garamond, "Times New Roman", "Times", serif;
	margin: auto; /*center to make the reduced width less obvious*/
	border: none;
	background-color: white !important;
	}

#tri_nav, #nav1, #nav2, #sidebar, #footer, #open, #close, .skipnav, .articles, .toc
	{
	display: none !important;
	}

#masthead, #logo, #page, #main, #sidebar, #content, #siteinfo, #open, #close, 
.pullout,
table
	{
	border: none  !important;
	margin: auto !important;
	background: transparent none repeat scroll 0% !important;
	color: black !important;
	width: 100% !important;
	}

#page:before, #page:after
	{
	border: 1px solid silver;
	display: block;
	color: white !important;
	background-color: black !important;
	text-align: center !important; /*override default set above*/
	font-size: x-small;
	content: ">> Print-ready version.  Navigation and surrounding graphics have been omitted. <<";
	margin: auto !important;
	}

#masthead, .toc
	{
	display: none !important;
	}

#logo
	{
	display: block !important;
	position: relative !important;
	text-align: center;
	line-height: 200%; /*force whitespace above replaced content*/
	margin: auto !important;
	}

#content
	{
	border: none  !important;
	display: block !important;
	margin-top: 2em;
	}

#content *
	{
	font-size: x-large;
	line-height: 140%;
	color: black !important;
	background-color: transparent !important;
	}

#pagetitle
	{
	border: none;
	font-size: xx-large !important;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	}

#siteinfo
	{
	display: block !important;
	text-align: center;
	font-family: "Helvetica Bold", "Arial Bold", Helvetica, Arial, sans-serif;
	font-size: x-large;
	line-height: 200%; /*force whitespace above, for replaced content*/
	margin-bottom: 1em;
	}
	
#siteinfo
	{
	font-size: x-small;
	padding-top: 1em;
	}

#pagetitle
	{
	text-align: center !important;
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6
	{
	font-family: "Helvetica Bold", "Arial Bold", Helvetica, Arial, sans-serif;
	border-top: 1px dotted gray;
	margin: 1em 0 0 0;
	padding: 0pt;
	font-weight: bold;
	}

table
	{
	text-align: left;
	}

th
	{
	border-bottom: 2px solid black;
	vertical-align: bottom;
	font-weight: bold;
	}

td
	{
	padding: 0.5em;
	vertical-align: baseline;
	text-align: left;
	}

#providers td
	{
 	border-bottom: 1px dotted gray; 
	}


* html table, * html tr, * html th, * html td /*hack around IE overflowing, then clipping table content that's it considers too wide for the paper*/
	{
	display: block !important;
	}

form
	{
	display: none;
	}
	
form.adboundary /*override global form surpression*/
	{
	display: block;
	}

form.adboundary fieldset
	{
	margin: 0;
	}

* html form.adboundary fieldset
	{
	border: none; /* IE6 lets top border overlap content after first page.  margin/padding doesn't fix it*/
	}

* html form.adboundary img.hotel /* IE6 breaks text around the images poorly*/
	{
	float: none !important;
	display: block;
	}
	
img
	{
	border: 1px solid gray;
	padding: 0.5em;
	margin: 1em auto;
	text-align: center;
	display: inline;
	width: auto !important; /*override default*/
	}

p img
	{
	margin: 0.5em 1em 0.5em 0em;
	text-align: inherit; /*override default set above*/
	float: left !important; /*override default*/
	}
	
#logo img
	{
	border: none !important;
	}

a, a:link
	{
	text-decoration: none !important;
	color: inherit;
	}
	
a img
	{
	border: none;
	}

a[href^=http]:link:after
	{
	font-size: xx-small;
	padding-left: 1em;
	color: rgb(102, 102, 102);
	content: " [" attr(href) "]";
	overflow: scroll; /*spec says this only applies to non-replaced elements, but since the content is already being clipped by default and forcing clipping of other content with it by enlarging the margins too much, it can't hurt to try... */
	}

.pullout
	{
	border: 1px solid gray !important;
	margin: .5in !important;
	padding: 0.5em 1em !important;
	width: auto !important;
	background-color: white;
	font-style: italic;
	font-size: small;
	}

.pullout h2, .quotation q
	{
	text-align: center !important;
	}

.pullquote q, .pullquote cite
	{
	display: block;
	}

.quotation
	{
	border: none !important;
	text-align: center;
	}
	
.photo
	{
	border: 1px solid gray;
	background-color: white;
	}

.pullout > h2
	{
	border: none  !important;
	}

dl, dt, dd
	{
	margin: auto;
	}

dt
	{
	padding: 1em 0 0 0 !important;
	font-weight: bold !important;
	}
	
dt dd
	{
	margin-top: 0;
	}

img.icon,
img[alt~="icon"], /* in Location profile pullouts*/
img.logo, /*for instance in WebGuide*/
.donate img /* really should be marked-up as an icon, like above */
	{
	display: none !important;
	}

.pullout #phone, .pullout #directions /* in Locations profile */
	{
	display: none;
	}
	
#faqlist dd
	{
	margin-left: 0;
	}
	
.calendar .previous, .calendar .next,
.calendar td,
.calendar .DayOfWeek
	{
	display: none;
	}

.calendar .MonthYear *
	{
	font-size: x-large !important;
	font-weight: bold;
	text-align: center !important;
	}
	
.calendar .EventDay
	{
	display: block !important;
	}

.calendar .Surrounding
	{
	display: none !important; /* after .EventDay, to override those that are both */
	}

.calendar .DayNumber
	{
	font-size: x-large !important;
	margin: 1em 0 0 0;
	}

* html .calendar .MonthYear * /*for IE6, since it displays the cells anyway */
	{
	border: none;
	}

* html .calendar .DayOfWeek th,
* html .calendar td
	{
	width: 14% !important; /*for IE6, since it displays the cells anyway */
	}

* html .calendar td *
	{
	font-size: medium !important;
	list-style-type: none;
	margin: 0 0 1em 0;
	}
	
/********** MEDIA-DEPENDENT **********/

.SCREEN
	{
	display: none !important;
	}