/* PWA website, June 2009 */

body, html {
	height: 100%; 
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	color : #333333;
	background-color: #dddddd;
}

#container {
	width: 945px;      /* 1px larger on index page only */
	line-height: 1.5em;
	
	position:relative; /* needed for footer positioning*/
	margin:0 auto;     /* center, not in IE5 */

	height:auto !important; /* real browsers */
	height:100%;       /* IE6: treated as min-height*/

	min-height:100%;   /* real browsers */
}


/* Opera bug:  need to specify font family for headings */
h1, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif; 
	color: #7d439a; /* purple */
	line-height: 1.1em;
}

#sitemap h3 { margin: 0; }

h2 {
	font-style: italic;
	padding-top: 2px;
	border-top: 1px solid #7d439a; /* purple */
}


small { font-size: 60%; }


a { color: #7d8214; text-decoration: none; border: 0px; }
a abbr:title { border-bottom: 1px dotted; }
	a:hover { border-bottom: 1px solid; } /* bright green */
	/* a:visited { color: #3d8313; }  */
	a:active { color: black; }

/* IE 6 bug: icon doesn't appear if multi-line link */
#left-column a.external, #right-column a.external, #bottom-nav a.external {
	background: url("/images/external1.gif") bottom right no-repeat;
	padding-right: 13px; 
}

#left-column a.pdf, #right-column a.pdf {
	background: url("/images/pdf.jpg") bottom right no-repeat;
	padding-right: 16px; 
}

.page-top a  {
	background: url("/images/top.gif") bottom left no-repeat;
	padding-left: 18px;
}

img { border: 0px; }

p { margin: 1em 0 0 0; }


/* IE 6 bug:  negative dd margin causes parent's top border to repeat */
dl { line-height: 1.2em; }
dt { font-weight: bold; margin: 1em 0 0 0; }
dd { margin: -1.2em 0 0 12em; }

.faq dd { margin: 0 0 1em 0; }

blockquote {
	line-height: 1.1em;
	font-style: italic;
}


#skipNav { position: relative; width: 100%; color:#dddddd; }
	#skipNav a { color:#dddddd; }


#top-nav { position:relative; width: 100%; margin-top: 0px; height: 92px; }
	#banner { position:  absolute; height: 92px; }
	#spawn { position:  absolute; top: 5px; right: 10px; width: 298px; height: 80px; }


#content { position: relative; width: 100%; }

#right-column { position: relative; margin: 5px 0 0 20px; width: 300px; float: right; padding-bottom: 11em; /* space for footer */ }

	#search { width: 90%; padding-top: 1em; /* height: 20px; overflow: hidden; */ }
	form, input { margin: 0; padding: 0; }
	
	#right-column hr { margin: 1em 0; color: #ffffff; border-top: 1px solid #7e449b; }
	
	.ruled p { border-bottom: 1px solid #cccccc; margin: 0; padding: .5em 0; line-height: 1.2em; }


#left-column { position: relative; width: 620px; float: left; margin-top: 5px;
	padding-bottom: 9em; /* space for footer */ }

#left-column img { float: right; margin-left: 1em; }


.purple-box {
	background:#fff url("/images/gradient.jpg") repeat-x left bottom;
	border:1px solid #945bb1;
	border-bottom:2px solid #7e449b;
	border-top:1px solid #a780ba;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding: 0 2em 3em 2em;
}

#right-column .purple-box { padding: 0 1em 3em 1em; }


#breadcrumbs, #language { font-size: 80%; color: #000; font-weight: bold; }

#language { float: right; text-align: right; width: 150px; }

	
/* IE 6 bug:  ?? 
is this used anymore ?

ul.ruled { padding-top: 1em; margin: 0; }
.ruled li { border-top: 1px solid #cccccc; list-style-type: none; margin: 0; }
*/

/* doesn't work reliably for IE 6, due to menu side-effect */
.box, .left-box { border: 2px solid #945bb1; padding: 5px; background: #e5d8ec; }
.left-box { margin-top: 1em; }

p.page-contents { margin-bottom: -1em; font-weight: bold; }
p.page-top { /* margin: 0 */; text-align: right; }
.box p, .left-box p { margin: 0; }
p.page-top img { vertical-align: bottom; }
p.caption { margin: 0 0 1em 0; padding: 0 1em; font-size: 80%; line-height: 1.4em; text-align: center; }
.large { font: italic bold 150% arial, helvetica, sans-serif; }

.new { color: red; font-weight: bold; }

.no-margin { margin: 0 }
.top-margin { margin-top: 1em; }
.no-border { border: none; }


#address { position:absolute;
	width:100%;
	bottom: 3em; /* stick to bottom */
	font-weight: bold; 
	color : #333333;
}

#address ul { margin: 5px 0 0 0; padding: 0; border-top: 1px solid #7d439a; }
#address ul li { display: inline; list-style-type: none; margin: 0 3em 0 0; }

#address img { float: right; margin: 0 10px; }

.clear { clear: both; }
.clear p { margin: 0px; font-size: 1px; line-height: 1px;}

.donate, .donate-gray { width: 110px; float:right; }
.donate { padding-top: 1em; }

.donate a.rollover, .donate-gray a.rollover {
	display: block;
	width: 110px;
	height: 30px;
	text-decoration: none;
	background: url("/images/donate-button.jpg");
	}

.donate-gray a.rollover {
	background: url("/images/donate-button-gray.jpg");
	}

.donate a.rollover:hover, .donate-gray a.rollover:hover {
	background-position: -110px 0;
	border: none;
	}
	
.displace {
	position: absolute;
	left: -5000px;
	}

.more { 
	display: none;
	margin-top: -0.5em;
	}
	.more p { border: none; padding: 0; margin: 0 0 1em 0; } /* over-ride "ruled" class */

.showLink, .hideLink { float: right; }

/*
a.showLink, a.hideLink {
	text-decoration: none;
	padding-left: 8px;
	background: transparent url('images/down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('images/up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }
*/

/* http://www.cssnewbie.com/showhide-content-css-javascript/ */