* { 
	padding: 0; margin: 0;
	font: 10px Verdana, Arial, sans-serif; color: #333;
	}

body { 
	background: #FFF;
	background:url(images/photo_bar.jpg) repeat-y 50% 0;
	background-attachment:;
	text-align: center;
	}
	
img {
	display: block;
	}

#container {
	margin: 0 auto;
	width:800px;
	text-align: left;
	}

#logo {
	margin: 200px 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 195px; height:120px;
	overflow: hidden;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 195px; height: 120px;
	margin: 0; padding: 0;
	background: url(images/abbey_logo.png) top left no-repeat;
	}

#left-column {
	float: left;
	width: 195px;
	}

#middle-column {
   float: left;
   width: 200px;
}

/*right-column*/

#right-column {
	margin-top:0px;
	float: left;
	width: 405px;
	}

#mainpagecontent {
	margin: 0 0 0 20px;
	font-size:1.1em;
	}
	
	#mainpagecontent #maincontent{
		background-color:#FFF5EE;
		margin-bottom:1.5em;
		padding:0.4em;
		}

	
	#mainpagecontent #maincontent.welcome{
		margin-top:100px;
		background:#ffffff url(images/help.gif) right bottom no-repeat;
		padding-bottom:65px;
		}
	
	#mainpagecontent h2{
		font-size:1.5em;
		font-weight:bold;
		margin-bottom:0.3em;
		color:#824F3E;
		}
	
	#mainpagecontent h2.new{
		background: url(images/icon_new.gif) left top no-repeat;
		padding-left:25px;
		}
			
	#mainpagecontent h3{
		clear:both;
		padding-left:23px;
		background:url(images/h3icon.gif) left top no-repeat;
		line-height:20px;
		font-size:1.4em;
		font-weight:bold;
		}
	
	#mainpagecontent h4 {
		margin-top:0.2em;
		font-weight:bold;
		font-size:1.3em;
		letter-spacing:-0.08em;
		color:#C47C2B;
		text-decoration:underline;
		}
	
	#mainpagecontent p{
		line-height:1.5em;
		color:#666666;
		font-size:1.2em;
		margin-bottom:1em;
		margin-left:0.5em;
		}

	#mainpagecontent p a{
		font-size:1.0em;
		}

	a.box{
		background-color:#fff;
		margin-right:1em;
		color:#000;
		text-decoration:none;
		padding:0 0.7em 0 0.7em;
		border:1px solid #000;
		}

	a.box:hover{
		background-color:#C48A77;
		}

	/*second menu*/


	#events_menu{
		margin-top:0px;
		margin-bottom:10px;
		background-color:#000;
		}
	
	#events_menu div{
		float:left;
		padding:0.5em;
		margin-left:1em;
		margin-right:0.5em;
		}
	
	#events_menu a{
		color:#fff;
		font-size:1.2em;
		text-decoration: none;
		font-weight:bold;
		}
		
	#events_menu .on a{
		color:#FF6E00;
		}
	
	#events_menu a:hover{
		color:#99FF00;
	}

/*EVENTS page photo*/

#maincontent div#photos{
	margin-top:1em;
	}
	
	#photos img{
		border:0px;
		}

#maincontent ul li{
	margin-left:20px;
	}

/*ABOUT page*/

#about #right-column{
	margin-top:50px;
	}

#mainpagecontent #maincontent span{
	font-size:1.0em;
	color:#FF6E00;
	font-weight:bold;
	}

#about #mainpagecontent #maincontent h4{
	border-left:solid 10px;
	padding-left:5px;
	}
#about #mainpagecontent #maincontent img{
	float:right;
	margin-left:0.2em;
	}

/*footer*/

#footer {
   font: 9px Verdana, Arial, sans-serif;
   color: #fff;
   margin-left:245px;
   padding-top:10px;
   padding-bottom:20px;
   width: 150px;
   text-align: center;
   line-height: 18px;
   clear: both;
	}

#footer p	{
	color: #fff;
	}

#footer a {
   font: 9px Verdana, Arial, sans-serif; color: #688;
   }
   
#footer a:hover {
   color: #333; background-color: #DEE;
   }



/*menu*/

div#nav { 
	height: 225px; width: 150px; 
	margin: 100px 0 0 50px;
	}
	
div#nav ul#menu {
	height: 225px; width: 150px;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 150px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: 10px;
	text-decoration: none;
	font-size: 1.5em;
	font-weight:bold;
	}

#aboutmenu {
	top: 0;
	background-color:#C49B2B;
	}


#eventsmenu {
	top: 25px;
	background-color:#C47C2B;
	}
	
#linksmenu {
	top: 50px;
	background-color:#C4512B;
	}


#bbsmenu {
	top: 75px;
	background-color:#C48A77;
	}

#membersmenu {
	top: 450px;
	background-color:#824F3E;
	}




#aboutmenu a:hover,#eventsmenu a:hover,#linksmenu a:hover,#bbsmenu a:hover,#membersmenu a:hover,
body #about #aboutmenu a,body #events #eventsmenu a,body #links #linksmenu a,body #bbs #bbsmenu a,body #members #membersmenu a{
	color:#FF6E00;
	background-color:#ffffff;
	}


/*#aboutmenu a:hover {
	color:#999999;
	background-color:#ffffff;
	}

#identitymenu a:hover {
	background: url(/images/nav.gif) -350px -25px no-repeat;
	}

#printmenu a:hover {
	background: url(/images/nav.gif) -350px -50px no-repeat;
	}

#biomenu a:hover {
	background: url(/images/nav.gif) -350px -75px no-repeat;
	}


body#web #webmenu {
	background: url(/images/nav.gif) -350px 0 no-repeat;
	}

body#identity #identitymenu {
	background: url(/images/nav.gif) -350px -25px no-repeat;
	}

body#print #printmenu {
	background: url(/images/nav.gif) -350px -50px no-repeat;
	}

body#bio #biomenu {
	background: url(/images/nav.gif) -350px -75px no-repeat;
	}
*/