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

body { background-color:#000; color:#FFF; }

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}


div#page { margin-left: auto; margin-right: auto;  width: 800px; }

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

div#bookCover {
	margin-top: 250px;
	float:right;
	height: 500px;
	text-align: center;
	z-index: 100;
}

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

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

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

div#header { width: 100%;
			 height: 380px;
			 font-size: 60px;
			 margin-top: 20px;
			 margin-left: 0;
			 padding-left: 0;
			 font-family: "Kimberley", sans-serif;
			 background-image:url('../images/SacSkyline.jpg'); 
			 background-repeat:no-repeat;
			 background-position:center;
			 z-index: 50;
}

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: 600px; 
 				 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#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 {}
p.newsEvent {}
p.newsLink {}
p.newsLocation {}
p.newsTime {}

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#footer {float:bottom; 
			width:100%; 
			font-size: 80%;
		    text-align:center;
			margin:5px auto 10px auto;
			}
div#footer hr {width:10%; color:white; height:2px;}

div#contactForm { color:black;
}

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: 50%;
	height: 40%;
	padding: 16px;
	border: 5px solid #ffcc33;
	background-color: white;
	color: black;
	z-index:1002;
	overflow: auto;
}