@charset "UTF-8";
/* CSS Document */

#header {
	width:800px;
	height:150px;
	position:fixed;
	top: 0px;
	}
html>body #header {
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {
	padding:150px 30px 90px;
} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:800px;
	height:80px;
	background-color: #333333;
	font-family: "Myriad Roman", Futura, "Avant Garde";
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 0px;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html,
body {
	color:#333;
	background:#fff url(images_sanctuary/brick04.gif) fixed;
}
body {
}
h1
 {
	margin:0.25em 0;
	font:normal 18pt "Myriad Roman", Futura, "Avant Garde";
	letter-spacing:1px;
	color: #000000;
}
h2 {
	margin:0.25em 0;
	font:normal 16pt "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	letter-spacing:1px;
	color: #000000;
}
h3 {
	font-family: "Myriad Roman", Futura, "Avant Garde";
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
}


#content-wrap,
#content {background:#f8f8f3 url(images_sanctuary/paper_tile.gif);}
#top_nav  {
	position:absolute;
	height: 90px;
	width: 90px;
	top: 10px;
	left: 700px;
}

	
	.style1 {color: #FFFFFF}
    .style2 {
	font-size: 24pt;
	font-weight: bold;
}
h4 {
	font-family: "Myriad Roman", Futura, "Avant Garde";
	font-size: 10px;
	letter-spacing: 1px;
}