body{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			small;
	color:				#000000;
	margin:				0px;
	padding: 			0px;
	border:				none;
}

.even_row_color{
	background-color: #DDDDDD;
}

.odd_row_color{
	background-color: #EFEFEF;
}

.background_hover{
	background-color: 	#CCCCCC;
	color:				#FFFFFF;
}

a img{
	border: 0px;
}	

form li{
	float:				left;
	width:				98%;
	list-style-type:	none;
	margin-bottom: 		3px;
}

label{
	display:		inline-block;
	width:			100px;
	text-align:		right; 
}
	
/*****************************
**	PAGE_CONTAINER ID		**
*****************************/

	#page_container{
		margin-left:			auto;
		margin-right:			auto;
		width:					100%;
		background-color:		#003471;
	}
	
/*****************************
**		HEADER ID			**
*****************************/

	#header{
		background-image:		url(images/header_logo2.jpg);
		background-repeat:		repeat-x;
		width:					760px; 
		height:					150px;
		padding-top:			60px;
		margin:					0px;
		clear:					both;
		margin-left:			auto;
		margin-right:			auto;
	}
	
	#header .organization{
		display: none;
	}
	
	#header .extra_1{
	}
	
	#header .purechat{
		z-index: 				2000; 
		position: 				absolute; 
		right: 					.3em;
	}

	#flash_header {
	}

/*****************************
**		CONTENT_CONTAINER ID**	
*****************************/
	#content_container{
		margin-left:			auto;
		margin-right:			auto;
		width:					760px;
		background-color:		#fff;
		display:				block;
	}
	
/*****************************
**		SIDEBAR ID		**
*****************************/

	#sidebar{
		background-color:	#fff;
		width:				151px;
		float:				left;
	}
		#navigation{
			display:		block;
		}
	
	 #ads{
			width:				auto;
			overflow:			hidden;
			text-align:			center;
			font-weight:		bold;
		}
		
		.extra_01{
			display: none;
		} 
		

/*****************************
**		CONTENT ID			**
*****************************/

	#content{
		float:					left;
		margin-left:           	9px;
		vertical-align:			top;
		width:					600px;
		color:					#000000;
		background-color:		#fff;
	}
	
	#content_header{
		font-size: 			large;
		font-weight:		bold;
		border-bottom:		medium solid #DDD;
		margin-bottom:		1em;
		background-color:	#fff;
	}
					
		#content .widget{
	
			padding:         0 0px 0 5px;
			width:				520px;
			vertical-align:		top;
			background-color:	#ffffff;
			
			
		}
		
		#content .widget a{
		}
		
			#content .widget .widget_header{
				height:				30px;
				font-size:			large;
				font-weight:		bold;
				text-align:			left;
				border-bottom:		medium solid #DDD;
				background-color:	#fff;
		
			}
			
			#content .widget .widget_entry{
			}
			
			#content .widget .widget_footer{
			}
	
		#content .item{
			width:						98%;
			margin-bottom:				1em;
			padding:                    1%;
		}
					
			#content .item .header{
				font-size:					medium;
				font-weight:				bold;
				width:						98%;
				height:						30px;				

			}
			
			#content .item .entry{
				width:						98%;
			}
			
			#content .item .entry .group_list li{
				float: 				left;
				list-style-type:	none;
				width:				23%;
				height: 			30px;
				text-align:			center;
				vertical-align:		text-bottom;
				padding-top:		10px;
				border-right:		medium solid #FFF;
				border-top:			medium solid #FFF;
				border-bottom:		medium solid #FFF;
			}
		
			#content .item .footer{
				margin-top: 		0px; 
				margin-bottom: 		0px;
				font-size:			x-small;
				width:				98%;
			}
					
	
/*****************************
**		EXTRA IDs			**
*****************************/

	#extra_01{
		display: none;
	}
	
	#extra_02{
		display: none;
	}
	
	#extra_03{
		display: none;
	}
	
	#extra_04{
		display: none;
	}
	
	#extra_05{
		display: none;
	}
	
/*****************************
**		FOOTER ID			**
*****************************/

	#footer{
		border-top-style:	solid;
		border-top-color:	#6890ba;
		border-top-width:	0px;
		padding-top:		0px;
		width: 				760px;
		text-align:			center;
		clear: 				both;
		margin-left:		auto;
		margin-right:		auto;
	}


/*****************************
**		CALENDAR ID			**
*****************************/

	#calback {
		background: 	#FFF url('../../../../images/waiting.gif') no-repeat 50% 100px;
		margin: 		0 auto;
	}
	
	#calendar {
		width: 			100%;
		height: 		100%;
	}
	
	#calendar .cal {
		background: 	#0B2777;
		width: 			100%; 
	}
	
	#calendar .calhead {
		background-color:	#003471;
		width: 100%;
		font-weight: bold;
		color: #FFF;
		font-size: 20px;      
	}
	
	#calendar .calhead img {
		border: none;
	}
	
	#calendar .dayhead {
		height: 25px;
		background: #EEE;
	}
	
	#calendar .dayhead td {
		text-align: center;
		color: #000;
	}
	
	#calendar .dayrow {
		background: #FFF;
		height: 40px;
	}
	
	#calendar .dayrow td {
		width: 50px;
		color: #000;
		font-size: .7em;
	}
	
	#calendar .day {
		float: right;
		font-size:	x-small;
	}
	
	#calendar .day_with_event {
		background-color:	#0000FF;
		float: right;
	}
	
	#calendar .dayover {
		background: #EEE;
	}


/*******************************************************************************

SPRY MENU BAR NAVIGATION STYLES: 	The declarations below this line are REQUIRED
								for the navigation to work properly!

*******************************************************************************/
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

	/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
		ul.MenuBarVertical{
			margin: 				0px;
			padding: 				0px;
			list-style-type: 		none;
			font-size: 				100%;
			cursor: 				default;
			width: 					148px;
		}

	/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
		ul.MenuBarActive{
			z-index: 				1000;
		}

	/* Menu item containers, position children relative to this container and are same fixed width as parent */
		ul.MenuBarVertical li{
			margin: 				0px;
			padding: 				0px;
			list-style-type: 		none;
			font-size: 				100%;
			position: 				relative;
			text-align: 			left;
			cursor: 				pointer;
			width: 					137px;
		}
	
	/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
		ul.MenuBarVertical ul{
			margin: 				-0px 0 0 95%;
			padding: 				0px;
			list-style-type: 		none;
			font-size: 				100%;
			position: 				absolute;
			z-index: 				1020;
			cursor: 				default;
			width: 					162px;
			left: 					-1000em;
			top: 					0px;
		}

	/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
		ul.MenuBarVertical ul.MenuBarSubmenuVisible{
			left: 					0px;
			display:				block;
		}

	/* Menu item containers are same fixed width as parent */
		ul.MenuBarVertical ul li{
			width: 					150px;
		}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

	/* Outermost menu container has borders on all sides */
		ul.MenuBarVertical{
			border: 				1px solid #fff;
		}

	/* Submenu containers have borders on all sides */
		ul.MenuBarVertical ul{
			border: 				1px solid #ccc;
		}
	
	/* Menu items are a light gray block with padding and no text decoration */
		ul.MenuBarVertical a{
			display: 				block;
			width:					95%;
			cursor: 				pointer;
			background-color: 		#fff;
			padding: 				0.5em 0.75em;
			color: 					#000;
			text-decoration: 		none;
	
		}
		
	/* Menu items that have mouse over or focus have a blue background and white text */
		ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus{
			background-color: 		#33c;
			color: 					#fff;

		}		
	/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
		ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible{
			background-color: 		#003471;
			color: 					#FFF;
		}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

	/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
		ul.MenuBarVertical a.MenuBarItemSubmenu{
			background-image: 		url(../../../Copy%20of%20site-template/themes/default/SpryMenuBarRight.gif);
			background-repeat: 		no-repeat;
			background-position: 	95% 50%;
		}
	
	/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
		ul.MenuBarVertical a.MenuBarItemSubmenuHover{
			background-image: 		url(../../../Copy%20of%20site-template/themes/default/SpryMenuBarRightHover.gif);
			background-repeat: 		no-repeat;
			background-position: 	95% 50%;
		}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

	/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
		ul.MenuBarVertical iframe{
			position: 				absolute;
			z-index: 				1010;
		}
	
	/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
		@media screen, projection{
			BarVertical li.MenuBarItemIE{
				display: 			inline;
				float:	 			left;
				width:				100%;
				background: 		#FFF;
			}
		}