@import url(reset.css);
@import url(http://www.princexml.com/fonts/larabie/index.css) all;

html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-size: 1em;
}
body { background-color:#000; color:#FFF; }

#container {
		min-height:100%;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width: 800px; 
	   font-size: 90%;

}

// For IE6
#container {
			height:100%;
}

div#header { 
		margin-top: 20px; 
		font-family: "Kimberley", sans-serif;
}
div#header ul,li { display: inline;  }
div#header li { display: inline; margin-right: 40px;}
div#header a  { color:#FFFFFF; }
div#header a.active {text-decoration: underline;}

#body {
   padding:10px;
   padding-bottom:40px;   /* Height of the footer */
   height:1350px;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;   /* Height of the footer */
	font-size: 80%;
	text-align:center;
	margin:5px auto 10px auto;
}

div#footer hr {width:25%; color:white; height:2px;}

div#contactForm { 
		color:black;
}

div#books {
	margin-top: 250px;
	float:right;
	width:300px;
	text-align: center;
	z-index: 100;
}

div#books img {
	position: relative;
	left:0;
	top:0;
	width: 291px;
	height: 408px;
	margin-bottom: 10px;
}

div#books ul, li {
	position: relative;
	left:0;
	top:0;
	font-size: 130%;
	font-family: sans-serif;
	display: block; 
}
div#books li.spacer { margin: 0 0 5px 0; padding: 0; }

div#books li { margin-right: auto; margin-left:auto;}

div.one_book { padding-bottom: 20px; }
img.bookCover { width:225; height:338; border: 1px white solid; }

div#banner {
			 height: 380px;
			 margin-top: 0px;
			 margin-left: 0;
			 padding-left: 0;
			 background-image:url('../images/SacSkyline.jpg'); 
			 background-repeat:no-repeat;
			 background-position:center;
			 z-index: 50;
			 
			 border:1px solid #fff;
}
div#banner p#title {
			display:block;
			width:23em;
			 white-space:nowrap;
			 font-size: 60px;
			 font-family: "Kimberley", sans-serif;
			 text-align:center;
}
div#banner p#subtitle {
			display:block;
			width:23em;
			
			margin: 0 0 0 0;
			padding: 4px 0 4px 0;
			border-top: solid white 1px;
			border-bottom: solid white 1px;
			font-size: 20px;
			font-family: "Kimberley", sans-serif;
			letter-spacing: 0.3em ;
			text-align:center;
}

div#bodyText { width:         400px; 
			   margin-bottom:  40px; 
			   margin-left:    20px;
			   font-family:serif;
}
div#bodyText p {margin: 10px 0 20px 10px; font-size: 150%; }

div.separator { width: 90%; margin-left: auto; margin-right: auto; height: 5px; background-color: white; }

div#bodyQuotes { width: 400px; 
 				 margin-left: 20px;
}
div#bodyQuotes p.quote  { font-style: italic; 
						  margin: 20px 0 0px 10px;
						  padding: 0; 
						  font-size: 150%; }
div#bodyQuotes p.source { font-style: italic; 
						  margin: 5px 0 20px 30px; 
						  font-size: 140%; }
div#bodyQuotes p.praise { font-style: italic;
						  font-weight: bold; 
						  margin: 40px autp 20px auto; 
						  font-size: 150%; }


div#fullWidthText { width: 800px; margin-left: auto; margin-right: auto; margin-top: 30px; padding-left: 20px; padding-right: 20px; font-size: 140%; }
div#fullWidthText h1 { margin-top: 20px; margin-bottom: 1px; }
div#fullWidthText p { margin-top: 10px;}

div#newsColumnOne {float:left; width:300px;}
div#newsColumnTwo {float:left; width:300px;}

div.newsItem {float:; width: 225px; margin-top:20px; margin-left: 10px;}

p.newsDate { font-weight: bold; }
p.newsEvent {margin-left: 20px;}
p.newsLink {margin-left: 20px;}
p.newsLocation {margin-left: 20px;}
p.newsTime {margin-left: 20px;}

div.newsFullWidth {float:left; width:600px;}
div.newsFullWidth ul, li {font-size: 85%;}
div.newsFullWidth ul {list-style: none; margin-left: 10px; }
div.newsFullWidth li { padding-top: 10px;}
div.newsFullWidth li:first-line {}

div.buttonBar { width: 100%; }
div.buttonBar a.left-leaning { float: left; }
div.buttonBar a.right-leaning { float: right; }


.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 500px;
	height: 200px;
	padding: 16px;
	border: 5px solid #ffcc33;
	background-color: white;
	color: black;
	z-index:1002;
	overflow: auto;
}

p.excerptTitle {
	text-align:center;
	font-size:200%;
}

a         { color:#ffcc33; }
a:link    {  text-decoration: none }
a:visited { text-decoration: none}
a:hover   { text-decoration: underline; color:#cc6633;}
a:active  { text-decoration: none}