/* CSS Document */

/* this eliminates those extra spaces between divs */
	* { margin: 0;
	padding: 0;
	}

body {
	font-family: Helvetica, Arial;
	font-size: 12pt;
	background-color: #FFF;
	}
	
	
h1 {
	font-size: .9em;
	text-align: right;
	line-height: 1.6em;
	color: #333333; 
	text-transform:uppercase;
	padding-bottom: 12px;
	}
	
h2 {
	font-size: .7em;
	text-align: right;
	line-height: 1.4em;
	color: #999;
	text-transform:uppercase;
	padding-top: 18px;
	padding-bottom: 18px;
	font-weight:normal;
	}
	
h3 {
	font-size: .75em;
	line-height: 1.4em;
	color: #999;
	text-transform:uppercase;
	padding-bottom: 12px;
	font-weight:bold;
	}
		
p {
	font-size: 0.7em;
	line-height: 1.8em;
	padding-bottom: 18px;

		}
	
#containerhome {
	position:relative;
	width: 800px;
	margin: 0px auto 0px auto;
	background-repeat: repeat;
	background-image:  url(images/homebackground.jpg);	
	background-color:#FFFFFF;
	height:600px;
	}

#container {
	width: 800px;
	margin: 0px auto 0px auto;
position: relative;
}

#news-temp {
	position: absolute;
	top: 116px;
	width: 800px;
	text-align:center;
}

#news-temp a {
	text-decoration: none;
}
	
#news-temp a:link, #news-temp a:visited {
	color: #999;
	}

#news-temp a:hover, #news-temp a:active{
	color: #333;
	}
	
	
#quote{
	position: absolute;
	top: 379px;
	left: 110px;
	width: 602px;
	text-align:center;
	line-height:1.8em;
	font-size:80%;
}
	
	
#quote a {
	text-decoration: none;
	font-weight:bold;
}
	
#quote a:link, #quote a:visited {
	color: #999;
	}

#quote a:hover, #quote a:active{
	color: #333;
	}
		
	
	

#top {position: relative;
background-image:  url(images/interiorbackground.jpg);	
height: 170px;
}

#content {position: relative;
	background-color:#FFFFFF;
	padding-left:330px;
	padding-right:150px;
	}
	

#content a {
	text-decoration: none;
}
	
#content a:link, #content a:visited {
	color: #333;
	}

#content a:hover, #content a:active{
	color: #999;
	}
	
	
	
	
#head {position: absolute;
	top: 169px;
	left: 110px;
	width: 140px;}
	
		#head a {
	text-decoration: none;
}
	
#head a:link, #head a:visited {
	color: #333;
		}

#head a:hover, #head a:active{
	color: #999;
		}
	

#sub {
	position: absolute;
	top: 210px;
	left: 110px;
	width: 140px;
	}

	#sub a {
	text-decoration: none;
}
	
#sub a:link, #sub a:visited {
	color: #999;
	}

#sub a:hover, #sub a:active{
	color: #333;
	}

#navcontainer {
	position: absolute;
	top: 15px;
	height: 26px;
	width: 600px;
	left: 111px;
	line-height: 2.5em;
	text-align: center;
	font-size:.7em;
	text-transform:uppercase;
	}

#navcontainer ul { 
			}

#navbar li {
	display: inline;
		}

#navbar a {
	text-decoration: none;
	}

#navbar a:link, #navbar a:visited {
	color: #999;
		padding: 0 12px 0 12px;
	}

#navbar a:hover{
	color: #333;
		padding: 0 12px 0 12px;
	}
	
	
#navbar a:active,
.home #navbar #home a,
	.about #navbar #about a,
	.philosophy #navbar #philosophy a,
	.biographies #navbar #biographies a,
	.contact #navbar #contact a,
	.events #navbar #events a,
	.portfolio #navbar #portfolio a{
	color: #333;
		padding: 0 12px 0 12px;
		}

a:link {
	text-decoration: none;

}
a:visited {
	text-decoration: none;

}
a:hover {
	text-decoration: none;

}
a:active {
	text-decoration: none;
}
		
#footerhome { 
	position: absolute;
	top: 606px;
	width: 800px;
	border-top-color: #CCCCCC;	
	border-top-style:solid;
	border-top-width:thin;
	}
	
#footer {
	position: relative;
	width: 800px;
	margin-top: 6px;
	border-top-color: #CCCCCC;	
	border-top-style:solid;
	border-top-width:thin;}
	
p.footer {
	font-size: 60%;
	text-align:right;	
	color: #999;
	padding-top:6px;
	text-transform:uppercase;		
	}

#footerhome a {
	text-decoration: none;
	}
	
#footerhome a:link, #footerhome a:visited {
	color: #999;
	}

#footer a:hover {
	color: #333;
	}
	#footerhome a {
	text-decoration: none;
	}
	
#footer a:link, #footer a:visited {
	color: #999;
	}

#footer a:hover {
	color: #333;
	}