* {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

body {
	background: url('../img/body_bg.jpg') repeat 50% 0;
	position: relative;
}






a img {
	border: none;
}

.clear {
	display: block;
	height: 1px;
	width: 100%;
	clear: both;
	background-color: transparent;
}

.noshow {
	display: none;
}

.red {
	color: #c00;
	font-weight: bold;
}

input {
	padding: 3px 5px;
}

textarea {
	min-width: 300px;
}

	input.text,
	textarea.text {
		border: 1px solid #ccc;
	}




h1 {
	color: #7a4a97;
	font-size: 23px;
	font-weight: bold;
	line-height: 25px;
	margin-left: 50px;
	margin-right: 60px;
	letter-spacing: -1px;
}

h2 {
	color: #694082;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 35px 60px 15px 50px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 3px;
}

p, .player {
	margin: 15px 60px 15px 50px;
}

a {
	/*font-family: Georgia, Garamond, serif;*/
	/*font-style: italic;*/
	color: #7a4a97;
	/*background-color: #f2e7f8;*/
	text-decoration: underline;
}

	a:hover {
		color: #222;
	}

small {
	font-size: 9px;
}




#container {
	display: block;
	width: 900px;
	margin-top: 0px;
	margin-bottom: 70px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
}

	#sidebar {
		float: left;
		width: 264px;
		margin-top: 31px;
	}
	
		#logo {}
		
			#logo_link {
				display: block;
			}
			
		#navigation {}
		
			#navigation li {
				list-style: none;
				padding-left: 17px;
				background: transparent url('../img/button_bg.gif') no-repeat 17px 0;
				margin-bottom: 5px;
			}
			
				#navigation li a {
					display: block;
					width: 247px;
					height: 87px;
					position: relative;
					background: transparent url() no-repeat 12px 9px;
					text-decoration: none;
				}
				
					#navigation li a.home		 	{	background-image: url('../img/buttons/home.jpg');			}
					#navigation li a.writingpad 	{	background-image: url('../img/buttons/writingpad.jpg');		}
					#navigation li a.binders		{	background-image: url('../img/buttons/binders.jpg');		}
					#navigation li a.contact		{	background-image: url('../img/buttons/contact.jpg');		}
					#navigation li a.info			{	background-image: url('../img/buttons/info.jpg');			}
					#navigation li a.video			{	background-image: url('../img/buttons/video.jpg');			}
					#navigation li a.donate 		{	background-image: url('../img/buttons/gift.jpg'); 			}
				
					#navigation li a strong {
						font-weight: bold;
						font-size: 15px;
						line-height: 15px;
						color: #81549d;
						font-style: normal;
						position: absolute;
						left: 86px;
						top: 17px;
					}
					
						#navigation li a:hover strong {
							color: #333;
						}
					
					#navigation li a span {
						font-weight: normal;
						font-size: 11px;
						line-height: 13px;
						color: #9c9c9c;
						font-style: normal;
						position: absolute;
						left: 86px;
						top: 40px;
						margin-right: 10px;
					}
					
						#navigation li a:hover span {
							color: #666;
						}
	
	#main {
		float: right;
		position: relative;
		width: 636px;
		margin-top: 31px;
		min-height: 320px;
		background: url('../img/main_bg_2007px.jpg') repeat-y 0 0;
	}
	
		* html #main {
			height: 320px;
		}
		
		#top_bg {
			display: block;
			position: absolute;
			width: 636px;
			height: 32px;
			top: 0;
			left: 0;
			background: url('../img/top_bg.jpg') no-repeat 0 0;
		}
		
		#side_bg {
			display: block;
			position: absolute;
			width: 18px;
			height: 190px;
			top: 32px;
			left: 0;
			background: url('../img/side_bg.jpg') no-repeat 0 0;
		}
		
		#content {
			padding-top: 50px;
		}

			#content ul, ol {
				list-style-position: inside;
				margin: 15px 60px 15px 50px;	
			}
			
				#content ul li, ol li {
					padding-left: 10px;
					margin-top: 5px;
				}

		
			dl.form {
				margin: -5px 60px 15px 50px;
			}
			
				dl.form dt {
					float: left; 
					clear: left;
					display: block;
					width: 100%;
					margin-top: 10px;
					margin-top: 15px;
				}
				
					dl.form dt label {
						display: block;
						width: 110px;
						text-align: left;
						color: #666;
						font-weight: bold;
						font-size: 11px;
					}
				
				dl.form dd {
					float: left;
					margin-left: 130px;
					margin-top: -25px;
				}
				
					dl.form dd.checkbox {
						margin-top: -15px;
					}
					
						dl.form dd.checkbox label {
							font-size: 80%;
						}

			input.imagebutton {
				margin-left: 120px;
			}
			
			textarea {
				padding: 5px;
			}
		
	#footer {
		float: right;
		width: 636px;
		padding-top: 30px;
		margin-bottom: 50px;
		background: transparent url('../img/footer_bg.jpg') no-repeat 0 0;
	}
	
		#footer p {
			margin-left: 50px;
			color: #fff;
			font-size: 9px;
			line-height: 12px;
		}
		
		#footer a {
			font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
			font-size: 9px;
			font-style: normal;
			text-decoration: underline;
			color: #fff;
			background-color: transparent;
		}
		
			#footer a:hover {
				text-decoration: none;
				color: #333;
				background-color: #fff;
			}
