/*
DESIGN NAME: YorkHouse
DESIGN URI: 
VERSION: 0.1
DESCRIPTION: 
DESIGNER: 
DESIGNER URI: 
*/

/* Clear
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td,img {
	margin:0;
	border:none;
	padding:0;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

li {
	display:list-item;
	list-style-type:none;
	list-style-position:outside;
}

a img { border:none; }


/* General
----------------------------------------------- */
body {
	background-color:#ca9f1d;
	color:#000;
	font-family:arial,verdana,"sans serif";
	font-size:62.5%; /* scaled default font size; 1em = 10px */
	line-height:24px;
	text-align:center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
	line-height:1.2em;
}


h2 {
	font-size:1.75em;
	font-family:ACaslonPro,Georgia,Arial,Verdana,"sans serif";
	color:#9d3b21;
	font-weight:normal;
	padding:0 0 4px 0;
	margin-bottom:.25em;
	display:block;

}

h3 {
	text-align:center;
	color:#010000;
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
	margin:1em 0 .25em 0;
	font-family:"Times New Roman", Times, serif;
}

h4 {font-size:1.2em; line-height:1.75em;}
/* Content Links */
#content a {
	color:#003399;
}


#content a:hover,
#content a:visited,
#content a:focus,
#content a:active {
	color:#000066;
}

blockquote {
	position:relative;
	background:#d4ddcb url('images/blockquote-bottom.gif') no-repeat left bottom;
	font-size:1.818em;
	font-family:"Bookman Old Style","Times New Roman",Georgia,Arial,Verdana,"sans serif";
	margin-bottom:12px;
	padding:20px;
}
html>body blockquote span {
	left:0;
}

blockquote span {
	position:absolute;
	background:transparent url('images/blockquote-top.gif') no-repeat top left;
	width:341px;
	height:10px;
	top:0;
	left:-20px;
}

/* Website Structure
----------------------------------------------- */
#page, #footer {
	margin:0 auto;
	width:775px;
	min-width:775px;
}

#page {
	padding-top:15px;
	background:#ca9f1d url('images/background.gif') repeat-y top left;
	text-align:left;
}

#left {width:221px; float:left;}
#right {width:554px; float:left; margin-top:41px;}

#header {
	position:relative;
	height:28px;
}

h1,
h1 span {
	margin:0 auto;
	width:221px;
	height:171px;
}

h1 {
	position:relative;
	font-size:1.8em;
	padding:0;
}

h1 a {
	color:#fff;
	text-decoration:none;
	padding:0;
}

h1 span {
	cursor:hand;
	position:absolute;
	background:url('images/yorkhouse.gif') no-repeat top left;
}

#nav {
	
	height:30px;
	padding:2px 0 0 0;
	text-align:left;
	background:url('images/menu-bg.gif') no-repeat top left;
}

/* Opera goes bannanas, showing horizontal scrollbar when nav is hovered
I chose #page instead of #nav because Safari would hide the drop menu */
@media screen and (min-width: 0) {

	#page  {
		overflow:hidden;		
	}
}

#nav ul {padding-left:10px;}
#nav ul li {
	position:relative;
	display:inline;
	margin:0 5px;
	

}

#nav ul li + li {border-left:#ffffff solid 1px; padding-left:12px;}



/* Top nav links */
#nav ul li a {
	font-size:1.1em;
	font-family:"Avenir Heavy",arial,verdana,"sans serif";
	text-transform:capitalize;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

/*subpages*/
#subpages {
	
	height:20px;
	padding:2px 0 0 0;
	text-align:center;
	margin-bottom:3em;
	margin-top:2em;
	
}


#subpages ul li {
	position:relative;
	display:inline;
	margin:0 5px;
	

}

#subpages ul li + li {border-left:#9d3b21 solid 1px; padding-left:12px;}

/* Top nav links */
#subpages ul li a {
	font-size:1.1em;
	font-family:"Times New Roman", Times, serif;
	text-transform:capitalize;
	text-decoration:none;
	font-weight:normal;
	color:#9d3b21;
}

#subpages a:hover 
{text-decoration:underline;
color:#333333;

}
#subpages a:visited,
#subpages a:focus,
#subpages a:active {
	color:#9d3b21;
}


#content {
	margin:0 10px 0 8px;
	padding:12px 11px 28px 11px;
	font-size:1.1em;
	text-align:left;
	width:330px;
}

#content p,
#content ul {
	padding:0;
	line-height:1.75em;
	margin-left:1px;
	margin-bottom:12px;
	font-size:1.1em;
}

#content ul { list-style-type:disc; }

#content img{margin-bottom:1em;}
	

.right {
	float:right;
	margin:0 0 15px 15px;
}

.block {
	margin:0 30px;
}

#footer {
	clear:both;
	text-align:center;
	color:#fff;
	background:#9d3b21;
	font-size:1.1em;
	width:100%;
}

#footer p { padding-top:6px; }
#footer ul { padding:4px 0 2px 0; }
#footer ul li {display:inline; margin:0 11px;}
#copy a {text-decoration:none;}
#copy a:hover,
#copy a:visited,
#copy a:focus,
#copy a:active {
	color:#000000;
}

/* Effects
----------------------------------------------- */

.clear { clear:both; }

.row {
display:block;
width:100%;
clear:both;
 }