@charset "utf-8";
/* CSS Document */

/* forces Firefox & Safari to display the scroll bar */

html{

    min-height: 100%;
    margin-bottom: 1px;
    cursor: default;
}

/*Page Styles*/

body {
	background-color:#fff;
	margin: 0px 0px 0px 0px;
	color: #333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	/*Force scrollbar IE:*/
	overflow-y: scrol<divl; 
}

/*Page Layout Styles*/


.wrapper {
	/*this is simply for setting the width of the content and centering it on the screen. Don't bother putting a background color in here because it won't do anything since it's not a "float". */
	width:980px;
	margin-left:auto;
	margin-right:auto;

}

.header {
	width:980px;
	border-style:solid;
	border-width:1px;
	border-bottom:none;
	border-top:none;
	border-color:#b6b6b6;
	float:left;
}

.live-area {
	width:980px;
	border-style:solid;
	border-width:1px;
	border-bottom:none;
	border-top:none;
	border-color:#b6b6b6;
	float:left;
}

.content {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.footer {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	width:980px;
	float:left;
	background-color:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#b6b6b6;
}

.home-column-1 {
	width: 330px;
	float:left;
}

.home-column-2 {
	width: 570px;
	float:left;
}

.book-column-1 {
	width: 260px;
	float:left;
}

.book-column-2 {
	width: 640px;
	float:left;
}


.emily-column-1 {
	width: 175px;
	float:left;
}

.emily-column-2 {
	width: 725px;
	float:left;
}


/*Page Layout Styles for Popup Windows*/

.pu-wrapper {
	
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
/*	width:1000px;*/
	}
	

.pu-column-1 {
	width:113px;
	height:352px;
	float:left;
/*	border-top:#ccc;
	border-top-style:solid;
	border-top-width:2px;*/
	
	/*border-right:#ccc;
	border-right-style:solid;
	border-right-width:1px;*/
	padding-left:20px;
	padding-top:1px;
	padding-right:0px;
}

.pu-column-2 {
	margin-left:133px;
	float:left;
	position:absolute;
	background-color:#fff;
}

.pu-column-4 {
	float:right;
	background-color:#fff;
}

.pu-content-scrollbar {

	/*width: 577px;*/
/*	position:relative;*/
/*	margin:0px;*/
	background-color:#ffffff;
	overflow-x:scroll;
/*	float:left;*/
	border-top:#bcbec0;
	border-top-style:solid;
	border-top-width:1px;
	
	border-left:#bcbec0;
	border-left-style:solid;
	border-left-width:1px;
}
	

	
/*Type Styles*/
 p {
 color:#333;
 line-height:150%;
 }

 
 h1  {
 color:#91311b;
 font-weight:normal;
 font-size:140%;
 margin:10px 0px 30px 0px;
 }
 
 h2 {
 color:#91311b;
 font-weight:normal;
 font-size: 110%;
 }

h3 {
 color:#91311b;
 font-weight:normal;
 font-size: 90%;
 }

 
 #pop-up-header {
 color:#91311b;
 font-weight:normal;
 padding:10px 20px 10px 135px;
 }
 
 #pop-up-caption {
	 font-family:Verdana, Geneva, sans-serif;
	 font-size:60%;
	 padding:0px;
	 margin:5px 0px 0px 0px;
 }
 
 #caption {
	 font-family:Verdana, Geneva, sans-serif;
	 font-size:60%;
	 padding:0px;
	 margin:0px 0px 30px 0px;
 }

/*Define Default List Styles: */



ul
{
list-style-type: disc;
font-weight:normal;
color:#333;
}

li
{

line-height:1.75em;
margin-bottom:.5em;
}




 
/* More Styles */


	
.clear-float {
	clear:right;
	}



	
/* Link Styles */
a:link {
	/*text-decoration: none;*/
	font-weight: normal;
	color: #91311b;
	}

a:visited {
	/*text-decoration: none;*/
	font-weight: normal;
	color: #91311b;
	}

a:hover {
	/*text-decoration: underline;*/
	font-weight: normal;
	color: #91311b;
	}
	
a:active {
	/*text-decoration: underline;*/
	font-weight: normal;
	color: #91311b;
	}