@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #2c2c2c;
	background-image: url(../images/body-gradient.gif);
	background-repeat: repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	}
		
.container {
	width: 1000px;
	position: relative;
	margin: 0px auto 0px auto;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-y;
	height: 100%;
	} 

.main { 
	position: relative;
	right: 0px;
	width: 950px;  
	background-image: url(../images/gradient.gif);
	background-color: #ffffff;
	background-repeat: repeat-x; 
	margin: 0 auto; 
	border: 1px solid #000000; 
	}
	
.mainContent {
	width: 950px;
	height: 609px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: top;
	}
		
.indexContent {
	width: 870px;
	height: 159px;
	padding: 450px 40px 0px;
	background-image: url(/images/index-background.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: top;
	color: #ffffff;
	}
	
.disclosure {
position: absolute;
top: 790px;
left: 0px;
width: 950px;
}

.disclosure p{
font-weight: normal;
font-size: 10px;
}

.indexContent p {
color: #FFFFFF;
}

.indexContent a {
font-size: 22px;
font-style: italic;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
text-decoration: none;
}

.indexContent a {
text-decoration: underline;
}
	
p {
font-size: 12px;
color: #888888;
line-height: 14px;
}
	
a {
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

	h1 {
		font-size: 20px;
		color: #ffffff;
		margin: 0px;
		}
		
	h2 {
		font-family: "Times New Roman", Times, serif;
		font-size: 18px;
		color: #330000;
		}
		
	h3 {
		font-size: 16px;
		color: #794038;
		}
				
	h4 {
		color: #222222;
		font-weight: bold;
		font-style: italic;
		font-size: 14px;
		margin: 5px 0px;
		}
							
/* HEADER */
.header { 
	background-image: url(../images/header_image.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 50px;
	background-color: #000000;
	padding-top: 35px;
	padding-bottom: 20px;
	} 
/* end HEADER */

/* FOOTER */
.footer { 
	background:#ffffff;
	height: 70px;
	padding-right: 40px;
	} 
	
	.footer ul {
	margin: 0px;
	float: right;
	}
			.footer li {
			display: inline;
			margin: 0px;
			}
			
			.footer li a {
				font-size: 10px;
				display: block;
				float: left;
				color: #000000;
				padding: 0 5px;
				margin: 8px 0;
				border-left: 1px solid #000000;
				text-decoration: none;
				line-height: 20px;
				}
				
				.footer li.first a { border: none; }
/* end FOOTER */
										
.fltrt { 
	float: right;
	margin-left: 8px;
	}
	
.fltlft { 
	float: left;
	margin-right: 8px;
	}
	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
			
	#book-text {
		float: left;
		position: relative;
		height: 450px;
		width: 320px;
		overflow-x: hidden; 
		overflow-y: auto;
		text-align: left;
		margin-left: 150px;
		margin-top: 60px;
		padding-right: 10px;
		}
		
	#book-text p{
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		color: #000000;
		line-height: 16px;
		}
		  
#SQUAREbig {
	padding-top: 20px;
	margin-left: 50px;
	width: 600px;
	height: 580px inherit;
	text-align: left;
}

#SQUAREbig h3 {
margin: 15px 0px;
border-bottom: 1px solid #794038;
line-height: 20px;
}

#SQUAREbig p {
color: #222222;
line-height: 16px;
}

#SQUAREbig span {
color: #666666;
font-style: italic;
line-height: 14px;
font-size: 12px;
}

#SQUAREbig a {
color: #CC0000;
}
		
.SQUAREbig-top {
height: 28px;
width: 550px;
padding-top: 20px;
padding-left: 50px;
background-image: url(../images/SQUARE-big-top.png);
background-repeat: no-repeat;
}

.SQUAREbig-middle {
width: 500px;
padding: 0px 50px 0px 50px;
background-image: url(../images/SQUARE-big-middle.png);
background-repeat: repeat-y;
max-height: 450px;
overflow-x: hidden; 
overflow-y: auto;
}

.SQUAREbig-bottom {
height: 31px;
width: 600px;
background-image: url(../images/SQUARE-big-bottom.png);
background-repeat: no-repeat;
}

.new {
color: #222222;
font-weight: bold;
line-height: 14px;
font-size: 12px;
padding-bottom: 5px;
}

.new ul {
padding-left: 15px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

.new li {
list-style-position: inside;
list-style: square;
padding-bottom: 10px;
}

.new ul ul{
padding-left: 15px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

.new ul ul li {
color: #666666;
padding-bottom: 5px;
list-style-position: inside;
list-style: disc;
}

.new a {
text-decoration: underline;
cursor: pointer;
color: #222222;
}

	.new a:hover{
	color:#794038;
	text-decoration: underline;
	cursor: pointer;
	}

	.new a:active {
	color: #222222;
	text-decoration: underline;
	cursor: pointer;
	}

#Quotebox {
	padding-top: 5px;
	width: 443px;
	height: 580px inherit;
	text-align: left;
}
  
.Quotebox-top {
height: 32px;
width: 443px;
background-image: url(../images/quote-box-top.png);
background-repeat: no-repeat;
}

.Quotebox-middle {
width: 393px;
padding: 0px 25px;
background-image: url(../images/quote-box-middle.png);
background-repeat: repeat-y;
margin: 0px;
}

.Quotebox-bottom {
height: 33px;
width: 443px;
background-image: url(../images/quote-box-bottom.png);
background-repeat: no-repeat;
}

.Quotebox-middle p {
font-style: italic;
font-weight: bold;
color: #794038;
margin: 0px;	
}
	
select {
width: 300px;
margin-right: 10px;
margin-bottom: 10px;
}

/* CSS Drop Down Menu */
#menuh-container
	{
	position: relative;		
	top: 0em;
	left: 0em;
	}

#menuh
	{
	font-size:16px;
	/* width: 100%; */
	float:left;
	margin:0em;
	margin-top: 0em;
	text-transform: uppercase;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #592f28;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #c3b4a6;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:190px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */