/* * Douglas Library * */

body{
	background:url(../img/bg.jpg) top left repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
.left{float:left}
.right{float:right}
.clear{clear:both}
.hidden{visibility:hidden}

/* * Container * */

#container{
	margin:20px auto;
	width:969px;
	}

/* * Header * */

#header{
	background:url(../img/header-bg.gif) top left no-repeat;
	height:146px;
	}
	#header .logo{
		float:right;
		margin:45px 20px 0 0;
		}

/* * Navigation * */

#nav{
	background:url(../img/nav-bg.png) top left repeat-y;
	float:left;
	width:184px;
	}
	#nav ul{
		font-size:18px;
		
		}
		#nav ul li{
			line-height:52px;
			}

			#nav ul li a{
				color:#FFF;
				display:block;
				text-decoration:none;
				padding-left:14px;
				}
				#nav ul li a:hover,
				#nav ul li a.active{
					color:#2A2A2A;
					background:#eae7e6;
					}
			#nav ul li.sub{
				font-size:14px;
				line-height:35px;
				}
				#nav ul li.sub2{
					font-size:14px;
					line-height:20px;
					padding-top:7px;
					}
					#nav ul li.sub2 .active{
					font-size:14px;
					line-height:20px;
					padding-top:7px;
					}
				#nav ul li.sub img,
				#nav ul li.sub2 img{
					margin-right:10px;
					}

/* * Content * */

#page{
	background:url(../img/red-bg.jpg) top left repeat-y;
	width:969px;
	margin-top:-1px;
	}
	#page #content{
		background:#FFF;
		width:665px;
		float:left;
		margin:38px 0 38px 38px;
		padding-left:22px;
		padding-right:22px;
		padding-top:15px;
		padding-bottom:15px;
		min-height:520px;						/* IE6 MIN-HEIGHT TRICK */ 	
		height:auto !important;					/* IE6 MIN-HEIGHT TRICK */ 	
		height:520px; 							/* IE6 MIN-HEIGHT TRICK */		
		}
		#page .upcoming h1{
			color:#2e0c02;
			font-size:36px;
			margin:0 0 7px 8px;
			}
		#page .upcoming h2{
			color:#000;
			font-size:24px;
			margin:0 0 7px 8px;
			}
		#page .upcoming h3{
			font-size:20px;
			color:#000;
			margin:0 0 7px 8px;
			}
		#page .upcoming p{
			margin:0 8px;
		}
		#page #content h1{
			color:#2e0c02;
			font-size:36px;
			margin:0 0 15px 0;
			}
		#page #content h2{
			color:#d8a35a;
			font-size:24px;
			margin:0 0 0 8px;
			}
		#page #content h3{
			font-size:20px;
			color:#000;
			margin:0 0 0 8px;
			}
		#page #content h3.quote{
			font-style:italic;
			}
		#page #content p{
			margin:5px 0 15px 8px;
			line-height:190%;
			}
			#page #content p.quoter{
				margin-left:400px;
				font-style:italic;
				font-size:16px;
				}
			#page #content p.books{
				margin-right:30px;
				float:left;
				width:260px;
				}
			#page #content a{
				color:#2E0C02;
				}
				#page #content a:hover{
					color:#4D1305;
					}
			#page #content #contact{
				float:left;
				width:210px;
				}
		#page #content img{
			margin:15px;
			}
		#page #content.home{
			width:298px;
			margin:0;
			}
		#page #home-group{
			margin:38px 0 38px 38px;
			float:left;
			background:#f7d695
			}

/* * Photo Albums Page * */
	#page .albums a{
		float:left; 
		margin:0 21px 42px 0; 
		padding:4px 0 0 5px;
		background:transparent url(../img/album_bg.jpg) no-repeat; 
		width:195px;
		height:196px;
		text-decoration:none;
	}
		#page .albums span.title{
			text-align:center;
			display:block;
			margin:3px 0 10px 6px;
			width:180px;
			font-size:14px;
			font-weight:bold;
			line-height:100%;
		}

/* * Photo Gallery Thumbnails Page * */
#page #content .thumb{
	float:left;
	display:inline; 
	margin:0; 
	padding:0; 
}
	#page #content .thumb a img{
		border:3px solid #EFE3D1;
		margin:0 15px 20px 0;
	}

/* * Slideshow * */

#slideshow{
	width:367px;
	float:left;
	margin:0;
	}
	#slideshow #myInfoContainer{
		margin-top:10px;
		height:1px;
		}
	#slideshow #upcoming{
		margin-left:15px;
		}
	#slideshow #upcoming h4{
		color:#310C04;
		font-size:36px;
		font-weight:bold;
		margin:-5px 0 10px 0;
		}
	#slideshow #upcoming p{
		font-size:12px;
		}

/* * Footer * */

#footer{
	height:60px;
	color:#b16951;
	background:#FFF;
	}
	#footer ul{
		font-size:14px;
		float:left;
		padding:18px 0 0 14px;
		}
		#footer ul li{
			float:left;
			margin-right:25px;
			}
			#footer ul li a{
				color:#b16951;
				}
	#footer p{
		font-size:11px;
		text-align:right;
		margin:10px 14px 0 0;
		line-height:20px;
		}
#eternity{
	text-align:center;
	margin-top:15px;
	}
	#eternity a{
		color:#340e03;
		}
		
/* * Form * */

fieldset {
	border:1px dashed #A2CBB7;
	padding:10px;
	width:485px;
	margin-left:80px
}

legend {
	font-family:"Trebuchet MS";
	font-size:15px;
	line-height:18px;
	border: 1px solid #FFF;
	padding: 2px 6px 5px 6px;
	*padding-right:10px;
	font-size:18px;
	color:#FFF;
	background:#D8A35A;
	*margin:0 0px 7px -7px;
}
label {
	width:138px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	float:left;
	display: block;
	line-height: 1.1;
	color:#2E0C02;
	font:"Trebuchet MS";
	font-size:18px;
}
.form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.holder {
	background-color:#fff;
}
.div_textbox {
	width:330px;
	float:right;
	background-color:#F8EEE0;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
}

.textbox {
		width:286px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 24px;
}
.textbox:focus, .textbox:hover {
	background-color:#EFFFF7;
}

.div_textarea {
	width:330px;
	float:right;
	background-color:#F8EEE0;
	height:115px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	background-image: url(../img/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:286px;
	height:100px;
	font:normal 18px Arial;
	color: #444444;
	padding:3px 5px 3px 24px;
}
.textarea:focus, .textarea:hover {
	background-color:#FFF8EF;
}

.username {
    background-image: url(../img/16m.png);
    background-repeat: no-repeat;
    background-position:left;
	width:286px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.username:focus, .username:hover {
	background-color:#FFF8EF;
}
   
.password {
    background-image: url(../img/16s.png);
    background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.password:focus, .password:hover {
	background-color:#FFF8EF;
}

.email, .textbox {
    background-image: url(../img/email.gif);
    background-repeat: no-repeat;
   	background-position:left;
	width:286px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.email:focus, .email:hover, .textbox:focus, .textbox:hover{
	background-color:#FFF8EF;
}

.textbox {
    background-image: url(../img/16t.png);
    background-repeat: no-repeat;
   	background-position:left;
	width:286px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.textbox:focus, .textbox:hover{
	background-color:#FFF8EF;
}

.button_div {
	width:270px;
	float:right;
	background-color:;
	border:1px solid #F8EEE0;
	text-align:right;
	height:35px;
	margin-top:8px;
	padding:5px 32px 3px;
}
.buttons {
	background: #D8A35A;
	font-size:12px; 
	color: #FFF; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #EFD6B3 #9F7231 #9F7231 #EFD6B3;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}