﻿body {background-image:url(images/Northridge2/Backlightyellow.gif); font-family:Verdana, Helvetica, Arial; font-size:"12px"}

img {border:none;}

A:link {
text-decoration: underline;
color: #006699;
}

A:visited 
{
text-decoration: underline;
color: #336699;}

A:hover {
text-decoration: underline;
color: orange;
}

#foxmenucontainer{
background-color:#6B5B28;
height:20px;
width:100%;}

#foxmenu{
	position:relative;
	display:block;
	height:24px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	#padding:0px;
	#margin:0px;
	}
	
#foxmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#foxmenu ul li{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;	
	}

#foxmenu ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:2px 28px 2px 29px;  --top,right,bottom,left of actual button
	height:19px;
	background:transparent url(buttons/foxmenu_bg-OFF.gif) no-repeat top left;}

#foxmenu ul li a:hover{
	color:#fff;
	background:transparent url(buttons/foxmenu_bg-OVER.gif) no-repeat top right;}

#foxmenu ul li a.current,
#foxmenu ul li a.current:hover{color:#000;background:#fff;}

#box5{
align: left;
float: left;
padding: 10px;
width: 370px;
height: 355px;
margin-top:1px;
margin-bottom:1px;
line-height: 18px;
border: 0px solid #ffffff;
}

#footer{
text-align: center;
padding: 0px;
width: 100%;
margin-bottom:10px;
line-height: 16px;
background: transparent;
border: 0px solid #ffffff;
}
#footer a img{border:none}

#Container {margin: 0px auto; width: 1000px; background-color: #fff; padding:5px 10px; border: 1px solid #634830; min-height:800px}
#graphics{float:left; padding:0px 30px 0px 0px;}
.modules {border: 1px solid #634830; background-color:transparent; width:335px; overflow:auto; color:#000; margin:0px 0px 10px 0px;}
#ContentPaneContacts .modules {height:180px;}
.modules h2 {color:#f6eba4; background-color:#6b5b28; margin:0px; padding:0px 0px 0px 5px; font-size:16px;}
#currentevents{}
.modules .moduleContent{padding:5px; font-size:12px;}
#ContentPaneContacts .modules .moduleContent{float:left;}
#currentevents .moduleContent dl{float:none; padding:5px 0;}
#schedule li{list-style:none; font-weight:bold; font-size:16px;}
#leftPane{ width:350px; border-right:1px solid #d4caaa; float:left;}
#ContentPane{min-height:400px;
			 padding:0 0 0 380px;
			 #padding:0 0 0 50px;
			 width:590px;}

dl {float:left; clear:right; padding:5px 0px 0px 25px; text-align:center}
dd{font-size:11px; margin:0px;}
dl a{text-transform:uppercase;; font-weight:bold;}
img {border:none;}

.slideshow { height:285px; #height:0px; width: 455px; float:left; }
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }

#upcomingEvents h1{font-size:18px; font-weight:bold; margin:0px; color:#6B5B28; }
#upcomingEvents .results {margin:0px; color:#666;}
#upcomingEvents h2{font-size:12px; font-weight:bold; background-color:#6B5B28; margin:0px; color:#fff; line-height:14px; padding:5px;}
#upcomingEvents p{padding:0px 5px;}
#upcomingEvents ul{margin:0px; padding:0px;}
#upcomingEvents li{list-style:none; border:1px solid #ccc; background-color:#fff; margin:0 0 5px; padding:0px;}

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 500px;
	font-size: 19px;
	font-weight: normal;
	/*float: left;*/
}
h2.trigger a {
	color: #f6eba4;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

.profile-pic{float:left; padding:5px;}
#Contacts {width:600px; margin:0px auto;}
#Contacts h1, #Contacts h3{color:#7f6b24;}
#ContentPaneContacts{min-height:400px;
					width:900px;
					margin:0px auto;}

#loading {
		position: absolute;
		top: 5px;
		right: 5px;
		}

	#calendar {
		width: 900px;
		margin: 0 auto;
		padding:15px 0px;
		}
		
	.view-cap, .view-container-border{background-color:#7f6b24;}

