/* CSS Document */

* {
margin:0px;
padding:0px;
}

/***** Layout *****/

body {
background:url(../images/site/cathedral.gif) no-repeat fixed;
background-position: 100% 100%;
background-color:#99CCFF;
margin-top:20px;
font-family:Helvetica, Arial, Verdana, sans-serif;
}

#container{
background-position: center top;
position:relative;
zoom: 1;
}

#content{
background-color:#FFFFFF;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
opacity:0.85;
padding:2%;
position:relative;
width:76%;
min-height:400px;
}

#wrapper{
min-width:400px;
padding:20px;
width:90%;
margin:0px 0px 10px;
}

	/***** Branding *****/
	
	#banner{
	background-color:#CC3333;
	background:url(../images/site/banner.jpg) repeat-x;
	background-position:bottom;
	width:100%;
	margin-top:-20px;
	padding-top:20px;
	}
	
		#banner h1 {
		border:none;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:38px;
		color:#FFFFFF;
		font-weight:lighter;
		padding-top:15px;
		}
		
		#banner h2 {
		border:none;
		text-align:center;
		font-size:1.6em;
		color:#FFFFFF;
		margin-top:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:lighter;
		padding-bottom:10px;
		}
		
		#banner .logo {
		float:left;
		}
		
	#secondarybanner{
	background:url(../images/site/secondarybanner.gif) repeat-x;
	padding-top:20px;
	opacity:0.85;
	height:79px;
	margin:0px;
	width:100%;
	}
	
	#secondarybanner p{
	padding-left:20px;
	margin:0px;
	padding:0px;
	}
	
	/***** Navigation *****/

	#menu{
clear:left;
float:left;
margin-left:72%;
position:absolute;
text-align:right;
	}
	
	#menu ul li{
	color:#333333;
	background-color:#CCCCCC;
	font-size:18px;
	font-variant:small-caps;
	padding:10px;
	list-style:none;
	margin:20px 0px;
	opacity:0.95;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	}
	
	#menu ul li:hover{
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	opacity:0.85
	}
	
	#menu ul li:active{
	background-color:#FFFFFF;
	border-left:1px solid #FFFFFF;
	}
	
	a.button{
	width:130px;
	display:block;
	}
	
	.menublock {
	background-color:#FFFFFF;
	height:70px;
	margin-left:20px;
	opacity:0.95;
	width:130px;
	font-size:16px;
	text-align:right;
	display:block;
	}
	
	/***** Footer *****/
		
	#footer{
	background-color:#990000;
	height:100px;
	margin-bottom:-20px;
	width:100%;
	text-align:center;
	padding-top:20px;
	}
	
		#footer ul li{
		color:#FFFFFF;
		font-size:1em;
		display:inline;
		}
		
		#footer a{
		color:#FFFFFF;
		margin-left:2%;
		margin-right:2%;
		text-decoration:underline;
		}
		
		#footer p{
		color:#FFFFFF;
		font-size:0.9em;
		}
		
	#secondaryfooter{
	background:url(../images/site/secondaryfooter.gif) repeat-x;
	opacity:0.85;
	height:79px;
	width:100%;
	}

/***** Links *****/

a {
color:inherit;
text-decoration:none;
color:#990000;
}

a:hover{
text-decoration:underline;
}


/***** Typography *****/

p {
color:#333333;
margin:20px 0px;
font-size:15px;
}

h1, h2, h3, h4, h5, h6 {
clear:left;
}

h1 {
color:#333333;
font-size:30px;
margin-top:0px;
font-weight:500;
font-variant:small-caps;
border-bottom:1px solid #333333;
}

h2 {
color:#333333;
font-size:27px;
font-variant:small-caps;
font-weight:100;
border-bottom:1px solid #333333;
margin-top:20px;
}

h3 {
color:#333333;
font-size:24px;
font-weight:100;
margin-top:20px;
}

h4 {
color:#333333;
font-size:21px;
font-weight:100;
}

h5 {
color:#333333;
font-size:17px;
font-weight:100;
margin-bottom:-10px;
margin-top:5px;
}

.fontdecrease{
color:#000000;
padding-left:15px;
text-decoration:underline;
border-right:1px solid #999999;
padding-right:8px;
}

.fontincrease{
color:#000000;
text-decoration:underline;
border-right:1px solid #999999;
padding-right:8px;
}

#secondarybanner dfn{
padding-left:8px;
text-decoration:none;
font-style:normal;
font-size:0.8em;
}

#content ul{
line-height:1.3em;
color:#333333;
margin-left:12px;
margin-top:10px;
}


/***** Details *****/

#content img {
border:1px solid #999999;
padding:3px;
background-color:FFFFFF;
margin-top:10px;
}

.photoleft {
float:left;
margin:10px 10px 10px 0px;
}

.photoright {
float:right;
padding:3px;
margin:10px 0px 10px 10px;
}

.caption{
text-align:center;
font-size:0.85em;
margin-top:2px;
}

#content .photo img{
text-align:center;
margin-left:auto;
margin-right:auto;
display:block;
}

.mugshot {
float:left;
margin:10px 10px 10px 0px;
}

.manager {
border-top:1px solid #CCCCCC;
min-height:200px;
padding-bottom:20px;
}

a.skipnav{
margin-left:-999px;
}

hr {
color:#EEEEEE;
}