@charset "utf-8";
/* ============== BASIC RESETS ============== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
html, body {
	height: 100%;
	width: 100%;
}
ol, ul {
	list-style: none;
}
address {
	font-style: normal;
}

/* ============== BASIC STYLES ============== */
.clear {
	clear: both;
}
.onepx {
	display: block;
	height: 1px;
	width: 1px;
}
.invisible {
	visibility: hidden;
}
.center {
	text-align: center;
}

/* ============== TYPOGRAPHY ============== */
h2, h3, h4 {
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
}
h2 {
	font-size: 140%;
	padding: 0.5em 0;
}
h3 {
	font-size: 115%;
	padding: 0.2em 0;
}
h4 {
	font-size: 100%;
}
p {
	padding: 0.3em 0 0.2em;
}
a, a:visited {
	color: #00C;
	text-decoration: none;
}
a:hover, a:focus {
	color: #C00;
	text-decoration: underline;
}

/* ============== PAGE STYLES ============== */
body {
	background: #003;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#container {
		margin: 0 auto;
		width: 818px;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		-moz-box-shadow: 0 0 14px #000014;
		-webkit-box-shadow: 0 0 14px #000014;
		box-shadow: 0 0 14px #000014;
	}
		#header {
			background: transparent url(../images/header2.jpg) no-repeat 50% 50%;
			text-align: left;
			height: 126px;
		}
		
			#logo {
				height: 80px;
				width: 100%;
			}
				#logo a {
					display: block;
					height: 100%;
					text-indent: -900em;
				}
				
			#headerNav {
				display: block;
				text-align: center;
				padding-top: 1em;
			}
				#headerNav li {
					display: inline;
					list-style: none;
					padding-left: 0.1em;
					color: #FFF;
					font-size: smaller;
					font-weight: bold;
				}
					#headerNav li a,
					#headerNav .divider {
						color: #FFF;
						text-decoration: none;
						text-shadow: 0 0 2px #000;
					}
					#headerNav li a:hover,
					#headerNav li a:focus {
						color: #003;
						text-decoration: underline;
						text-shadow: 0 0 2px #FFF;

					}
		
		#pageContent {
			background: #FF9;
			color: #003;
			padding: 1em 20px;
			text-align: left;
			min-height: 400px;
		}
			#pageContent #pageTitle {
				text-align: center;
			}
		
		#footer {
			background: transparent url(../images/header2.jpg) no-repeat center bottom;
			height: 1.3em;
			padding: 0.3em 0 0.4em;
		}
			#footerNav {
				display: block;
				text-align: center;
			}
				#footerNav li {
					display: inline;
					list-style: none;
					padding-left: 0.1em;
					color: #eef;
					font-size: smaller;
					font-weight: bold;
				}
					#footerNav li a,
					#footerNav .divider {
						color: #FFF;
						text-decoration: none;
						text-shadow: 0 0 2px #000;
					}
					#footerNav li a:hover,
					#footerNav li a:focus {
						color: #003;
						text-decoration: underline;
						text-shadow: 0 0 2px #FFF;

					}
#fineprint {
	margin: 0.5em 0 0.5em;
	color: #fff;
	font-size: 80%;
}
	#fineprint a {
		color: #fff;
	}
	
/* ===== RENT PAGE STYLES ===== */
div#imageBlock {
	float: left;
	margin: 1.5em 0;
	padding: 0 1em;
}

/* ===== CONTACT PAGE STYLES ===== */
#pageContent p.contactBlock {
	width: 49%;
	float: left;
	margin: 0.5em 0;
}

/* ===== PHOTO PAGE STYLES ===== */
div.photoGal {
	width: 33%;
	float: left;
	padding: 1.2em 0;
	text-align: center;
}

/* ===== EDUCATION PAGE STYLES ===== */
div.eduBlock {
	width: 45%;
	float: left;
	padding: 1em 2%;
	text-align: center;
}

/* ===== ARTS PAGE STYLES ===== */
img.artsImg {
	display: block;
	margin: 0.5em auto;
	text-align: center;
}

/* ===== HOME PAGE STYLES ===== */
div#featuredImg {
	margin: 0 auto;
	text-align: center;
	background: #DFDFFF;
	border: 2px solid #003;
/*	float: right;
	width: 390px;*/
	margin: 0 0 0.5em 0.5em;
	padding: 0 0 15px;
}
	a#featuredLink {
		display: block;
		width: 360px;
		height: 466px;
		margin: 0 auto;
		text-decoration: none;
		text-indent: -900em;
		background: transparent url(../images/featured.jpg) no-repeat left top;
	}