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

body {
	font-size: 			11px;
	font-family: 		"trebuchet ms", helvetica, sans-serif;
	background-color:	#3C0418;
	color: 				#857D74;
	overflow:			scroll;
}

img{
	border: none;	
}
/*****************************
**	PAGE_CONTAINER ID		**
*****************************/

#page_container {
	display:				block;
	background-color:		#fff;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				20px;
	width:					720px;
	padding-top:			2px;
}
/*****************************
**		HEADER ID			**
*****************************/

#header {
	background-color: 		#89113b;
	background-image:		url(images/panther.png);
	background-repeat:		no-repeat;
	background-position:	right bottom;
	width:					650px;
	font-weight:			bolder;
	color:					#FFFFFF;
	height:					115px;
	font-size:				x-large;
	text-align:				left;
	vertical-align:			bottom;
	padding-top:			45px;
	padding-left:			50px;
	margin-left:			10px;
	margin-top:				20px;
}

#header .organization {
	
}

#header .extra_01 {
	display:	none;
}

#header .purechat {
	z-index: 				2000;
	position: 				absolute;
	right: 					.3em;
}

/*****************************
**		CONTENT_CONTAINER ID**	
*****************************/
	#content_container {
	display:inherit;
	margin-left:			auto;
	margin-right:			auto;
	padding-top:			1em;
	width:					100%;
}
/*****************************
**		SIDEBAR ID		**
*****************************/

	#sidebar {
	float:				left;
	width:				140px;
	margin-left:		10px;
}
#navigation {
	display: block;
}
#ads {
	width:				auto;
	overflow:			hidden;
	text-align:			center;
	font-weight:		bold;
}
.extra_01 {
	display: none;
}
/*****************************
**		CONTENT ID			**
*****************************/

	#content {
	background-image:		url(images/contentbg.jpg);
	background-repeat:		repeat-x;
	float:					right;
	vertical-align:			top;
	width:					530px;
	margin-left:			10px;
	padding-right:			5px;
	padding-bottom:			0;
	color:					#000000;
}
#content_header {
	font-size: 			large;
	font-weight:		bold;
	border-bottom:		medium solid #DDD;
	margin-bottom:		1em;
}
#content .widget {
	float:				left;
	width:				517px;
	vertical-align:		top;

	padding:			5px;
}
#content .widget a {
}
#content .widget .widget_header {
	height:				30px;
	font-size:			large;
	font-weight:		bold;
	text-align:			left;
	border-bottom:		medium solid #DDD;
}
#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:	1px;
	padding-top:		1%;
	width: 				100%;
	text-align:			center;
	clear: 				both;
}
/*****************************
**		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 {
	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: 					147px;
	
}
/* 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: 				-15px 0 0 95%;
	padding: 				0px;
	list-style-type: 		none;
	font-size: 				100%;
	position: 				absolute;
	z-index: 				1020;
	cursor: 				default;
	width: 					147px;
	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: 					147px;
}
/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

	/* Outermost menu container has borders on all sides */
		ul.MenuBarVertical {
	border: 				1px solid #003300;
}
/* 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-image:		url(images/navitembg.gif);
	background-repeat:		repeat-y;
	background-color: 		#89113b;
	padding: 				0.5em 0.75em;
	color: 					#FFF;
	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: 		#33C;
	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(images/navitembg.gif);
	background-repeat:		repeat-y;
	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(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;
}
}