/*************************
This stylesheet is for making radical changes to the site as a whole.
In general it should only change when the site is undergoing major design revision.
For page-specific styles, one-off customizations, temporary changes, etc please use special.css instead.
For browser-specific style hacks, please use ie7.css or (for IE6 and under) ie6.css.
Thanks!

WHEN CHANGING THIS PAGE, TEST IN ALL BROWSERS
*************************/

body
	{
		background: url("/images/logo/UUA_congregations_yellow.gif") white fixed center -60px no-repeat;
		margin-top: 1em;
	}
	
em
	{
		background-color: transparent;
	}

#org-name
	{
		font-size: 2em; 
		line-height: 1em; 
	}
	
#page-title 
	{
		text-align: left; 
		margin-top: 1em; 
		font-size: 3em;
	}

#contact-info
	{
		margin: 0 0 2em 0;
	}

#address
	{
		margin-bottom:1em;
	}
	
#masthead, #masthead *
	{
		margin: 0;
	}
		
#catchphrase span
	{ 
		font-size:2em;
		line-height:1.1em;
		color: steelblue; 
		font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", "Georgia", serif; 
		font-style: italic;
		padding: .5em 0;
		vertical-align: middle;
		height: 100%;
		display: block;
	}

#quick-ref
	{
		margin-top: 1em;
	}
#worship-hours dt
	{
		margin-top: 0em; 
		padding: 0;
	}
	
#nav *
	{
		margin: 0;
		padding: 0;
	}

#nav li
	{
		display: block;
		padding: 1em 0 0 0;
		font-weight: bold;
		text-transform: uppercase;
	}

#nav li li
	{
		padding: 0;
		font-weight: normal;
		text-transform: none;
	}
	
#nav abbr.org
	{
		text-decoration: none;
		border-bottom: none;
	}

#address a,
#worship-hours a
	{
		text-decoration: none;
		color: black;
	}
	
#catchphrase a,
#nav li a,
#footer a,
#logo a
	{
		text-decoration: none;
		color: black;
	}
	
#catchphrase a,
#nav li a,
#footer a
	{
		display: block
	}

#travel-info a,
#next-topics a
	{
		text-decoration: underline;
		color: #125aa7;
	}

#travel-info a:hover,
#next-topics a:hover
	{
		color: #000000;
	}

#nav li a:hover, 
#footer a:hover
	{
		background-color: yellow;
		margin-left: -2em;
		margin-right: -2em;
		border-left: 2em yellow solid;
		border-right: 2em yellow solid;
	}
	
a:visited
	{
		color: slategray;
	}

#footer
	{
		margin-top: 3em;
	}

#footer *
	{
		text-align: center;
		padding-top: .5em;
		padding-bottom: .5em;
	}

blockquote, cite
	{
		margin-left: 2em;
		margin-right: 2em;
	}
	
cite:before
	{
		content: "~";	
	}

cite
	{
		margin-top: 0;
		font-size: .75em;
	}

dt
	{
		margin-top: 1em;
	}

p.label 
	{
		text-align: left;
	}

cite 
	{
		display: block;
		text-align: right; 
		margin-top: 1em;
	}
	
#masthead .photo,
#content img, 
#map iframe
	{
		border: 1px solid silver; 
		padding: .5em; 
		background-color: white; 
		border-right: 2px solid darkgray; 
		border-bottom: 2px solid black;
		margin-bottom: 1em;
	}

#content img
	{
/*		max-width: 300px;
*/	}

#footer a
	{
		display: inline;
	}
	
#footer a:hover
	{
		background-color: silver; 
		border-color: silver;
	}

#site-meta
	{
		font-size: .75em;
		letter-spacing: .5ex;
	}

#content li
	{
		margin-left: 2em;
	}

.float-left 
	{
		float: left; 
		clear: left; 
		margin-right: 1em; 
		padding: 1em;
	}
	
.float-right
	{
		float: right; 
		clear: right; 
		margin-left: 1em; 
		padding: 1em;
	}

ol.alpha
	{
		list-style-type: lower-alpha
	}
	
ol.numbered
	{
		list-style-type: decimal;
	}
	
.message,
.toc
	{
		background: url("/images/logo/transparent_blue.png") transparent fixed top left repeat;	
	}

.message
	{
		border: dotted 1px dimgray; 
		margin: 1em 0; padding: 1em; 
	}
	
.alert
	{
		color:red
	}

.toc
	{
		border: 1px solid gray;
	}

.toc h2
	{
		font-size: 1.75em;
		padding-bottom: .5em;
		text-align: center;
	}

.toc > *
	{
		padding-left: 1em;
		padding-right: 1em;
	}
	
.toc li
	{
		padding-bottom: .5em;
		list-style-type: disc;
	}
.toc ul, .toc ol
	{
		text-indent: 0;
		margin-left: 0;
	}
	
ul#see-also li
	{
		text-indent: 0;
		padding-left: 0;
		margin-left: 0;
		margin-top: .5em;
		margin-bottom: 1em;
		list-style-type: disc;
	}
	
.open-to-public
	{
		font-style: italic;
		color: slategray;
		text-transform: uppercase;
	}
	
.logo-third-party
  {
    border: 1px solid gray; 
    vertical-align: bottom; 
    margin-top: .5em
  }
	
/* TODO: add markers to external links and mail links to visually alert users to links that do something other than traverse within the site */