/* CSS Document for Yarroway Mountain Press */
/* 2007 Nikolais Linsteadt */

body{
	margin:0px;
	padding:0px;
	background:url(images/background.gif) 0 0 repeat-x #FFFFFF;
}

img, ul, li, a{
	margin:0px;
	padding:0px;
}

a{
	border:0;
}

ul{
	list-style-type:none;
}

/* Main Frame */
#mainarea{
	width:752px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
}

	/* Top divide */
	#toparea{
		float:left;
		height:58px;
		width:752px;
		clear:both;
		margin:0px;
		padding:0px;
	}
			#toparea #toparealeft{
				float:left;
				width:452px;
				height:58px;
				background:url(images/top-area.gif) 0 0 no-repeat;
				margin:0px;
				padding:0px;
			}
			#toparea #toparearight{
				margin:0px;
				padding:0px;
				float:right;
				height:58px;
				width:300px;
			}
			#toparearight ul{
				list-style-type:none;
				text-align:left;
			}
				#toparearight ul li{
					display:block;
					float:left;
					width:60px;
					height:58px;
					text-align:center;
				}
				#toparearight ul li a.home{
					display:block;
					width:60px;
					height:58px;
					background:url(images/home.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a:hover.home{
					display:block;
					background:url(images/home_hov.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#8B0000;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.homesel{
					display:block;
					width:60px;
					height:58px;
					background:url(images/home_sel.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.projects{
					display:block;
					width:60px;
					height:58px;
					background:url(images/projects.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a:hover.projects{
					display:block;
					background:url(images/projects_hov.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#8B0000;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.projectssel{
					display:block;
					width:60px;
					height:58px;
					background:url(images/projects_sel.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.links{
					display:block;
					width:60px;
					height:58px;
					background:url(images/links.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a:hover.links{
					display:block;
					background:url(images/links_hov.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#8B0000;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.linkssel{
					display:block;
					width:60px;
					height:58px;
					background:url(images/links_sel.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.contact{
					display:block;
					width:60px;
					height:58px;
					background:url(images/contact.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a:hover.contact{
					display:block;
					background:url(images/contact_hov.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#8B0000;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.contactsel{
					display:block;
					width:60px;
					height:58px;
					background:url(images/contact_sel.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.news{
					display:block;
					width:60px;
					height:58px;
					background:url(images/news.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a:hover.news{
					display:block;
					background:url(images/news_hov.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#8B0000;
					text-decoration:none;
					line-height:100px;
				}
				#toparearight ul li a.newssel{
					display:block;
					width:60px;
					height:58px;
					background:url(images/news_sel.gif) no-repeat top left;
					font:8pt Helvetica, Arial, sans-serif;
					color:#999999;
					text-decoration:none;
					line-height:100px;
				}

/* Yarroway Title Bar */
	#titlebar{
		float:left;
		height:165px;
		width:752px;
		background:url(images/titlebar.jpg) center no-repeat;
		clear:both;
		margin:0px;
		padding:0px;
	}

	/* Middle divide */
	#middlearea{
		float:left;
		height:auto;
		width:752px;
		background:url(images/y.gif) right bottom no-repeat #FFFFFF;
		margin:0px;
		padding:0px 0px 20px 0px;
	}		
		#middleleft{
			float:left;
			width:230px;
			border-right:1px dotted #999999;
		}
			#middleleft p{
				font:8pt Helvetica, Arial, sans-serif;
				color:#999999;
				margin:5px 5px 5px 0px;
				padding:0px;
			}
			#middleleft p.quote{
				font:11pt fidelio, monotype corsiva, brio;
				color:#999999;
				margin:10px 5px 5px 0px;
				padding:0px;
			}
			#middleleft a{
				color:#999999;
				text-decoration:none;
				border-bottom:1px dotted #8B0000;
				margin:0px;
				padding:0px;
			}
			#middleleft a:hover{
				color:#8B0000;
				text-decoration:none;
			}
			#middleft img.section{
				width:220px;
				height:1px;
				margin:0px;
				padding:2px 0px 2px 0px;
				text-align:center;
			}
		
		#middleright{
			float:right;
			width:518px;
		}
			#middleright p{
				font:11pt Georgia, Garamond, serif;
				color:#999999;
				margin:5px 1px 7px 5px;
				padding:0px;
			}
			#middleright p.exclaim{
				font:14pt Helvetica, Arial, sans-serif;
				color:#8B0000;
				margin:5px 1px 7px 5px;
				padding:0px;
			}
			#middleright li{
				font:9pt Georgia, Garamond, serif;
				color:#999999;
				margin:5px 1px 7px 5px;
				padding:0px;
			}
			#middleright p.title{
				font:italic 16pt Georgia, Garamond, serif;
				color:#999999;
				margin:5px 1px 9px 5px;
				padding:0px;
			}
			#middleright p.quote{
				font:13pt fidelio, monotype corsiva, brio;
				color:#999999;
				margin:5px 1px 7px 5px;
				padding:0px;
			}
			#middleright a{
				color:#999999;
				text-decoration:none;
				border-bottom:1px dotted #8B0000;
				margin:0px;
				padding:0px;
			}
			#middleright a:hover{
				color:#8B0000;
				text-decoration:none;
			}
			#middleright a.links{
				font:9pt Helvetica, Arial, sans-serif;
				color:#999999;
				text-decoration:none;
				border-bottom:1px dotted #8B0000;
				margin:0px 0px 0px 10px;
				padding:0px;
			}
			#middleright a:hover.links{
				font:9pt Helvetica, Arial, sans-serif;
				color:#8B0000;
				text-decoration:none;
			}
			#middleright img.section{
				width:220px;
				height:1px;
				margin:0px;
				padding:2px 0px 2px 0px;
				text-align:center;
			}
			#middleright #bookcover{
				float:right;
				margin:0px;
				padding:2px;
				background:#CCCCCC;
			}
			#middleright #errorbox{
				clear:both;
				background:#7AA9DD;
			}
				#middleright #errorbox p{
					font:11pt Georgia, Garamond, serif;
					color:#000000;
					margin:5px 1px 5px 5px;
					padding:0px;
				}

/* Bottom Frame */
#bottomarea{
	height:160px;
	width:100%;
	background:url(images/bottom-bar.gif) center no-repeat #CCCC99;
	clear:both;
	padding:0px;
	margin:0px;
}
	#bottomarea p{
		text-align:left;
		font:8pt Helvetica, Arial, sans-serif;
		color:#999999;
		margin:0px;
		padding:0px 0px 5px 0px;
	}
	#bottomarea a{
		font:8pt Helvetica, Arial, sans-serif;
		color:#999999;
		text-decoration:none;
		margin:0px;
		padding:0px;
	}
	#bottomarea a:hover{
		font:8pt Helvetica, Arial, sans-serif;
		color:#8B0000;
		text-decoration:none;
	}
	#bottomarea p.credits{
		text-align:left;
		font:7pt century gothic, sans-serif;
		color:#8B0000;
		margin:10px 0px 0px 0px;
		padding:0px;
	}
	
	#bottomarea #centerarea{
		width:752px;
		padding:20px 0px 0px 0px;
		margin:0pc auto 0pc auto;
	}

.dropcap{
	float:left;
	margin-top:0px;
	margin-right:0px;
	color:#8B0000;
	font-size:55px;
	line-height:48px;
	padding:0px;
	font-family:palatino linotype, georgia, serif;
}

/* Form formatting */
fieldset{
	border: 1px solid #8B0000;
	width: 20em;
}

legend{
	font:11pt Georgia, Garamond, serif;
	color: #fff;
	background: #8B0000;
	border: 1px solid #781351;
	padding: 2px 6px;
}

label{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

input{
	color: #8B0000;
	background:#EAEAD5;
	border: 1px solid #8B0000;
}

textarea{
	color: #8B0000;
	background:#EAEAD5;
	border: 1px solid #8B0000;
}

.submit input{
	color: #000;
	background:#CCCCCC;
	border: 2px outset #8B0000;
}

/* ----- removes printing for author name -----*/
@media print {
    .noprint { display: none; }
}