html, body	{
	height:				100%;
}

body	{
	background-color:	#ffffff;
	text-align:			center;
	margin:				0;
	min-width:			600px;
}

body, div, span, table, td	{
	font-size:			12px;
	font-family:		arial;
}

a	{
	color:				#500040;
}

a:hover	{
	color:				#996699;
}

#container	{
	position: relative;
	min-height: 100%;
}

#header	{
	height:				96px;
	border-bottom:		2px solid #500040;
	background-color:	#f6beeb;
	color:				#500040;
}

#left	{
	float:				left;
	width:				200px;
	padding:			5px;
}

#main	{
	margin-bottom:		35px;
	margin-left:		210px;
	padding:			15px;
}

#footer	{
	height:				63px;
	border-top:			2px solid #500040;
	background-color:	#f6beeb;
	color:				#500040;
	position:			relative;
	margin:				-32 auto 0 auto;
}

.footer	{
	margin-top:			9px;
	font-weight:		bold;
	font-size:			10px;
}

#logo	{
	width:				345px;
	left:				15px;
	float:				left;
}


#top-nav	{
	width:				400px;
	margin-right:		5px;
	float:				right;
	text-align:			right;
	font-weight:		bold;
}

#top-nav #contact	{
	margin-top:			5px;
	margin-right:		5px;
}

#top-nav #signup	{
	margin-top:			15px;
}

#signup input	{
	width:				auto !important;
}

#top-nav #links	{
	margin-top:			15px;
}

#top-nav #links .user	{
	margin-right:		2px;
}

#top-nav #links .nav-link	{
	margin:				0px 5px 0px 5px;
}

#left-nav	{
	text-align:			left;
	margin-top:			10px;
}

#left-nav a	{
	height:				20px;
	background-repeat:	no-repeat;
	background-position:center left;
	background-image:	url(../i/nav-star-off-sm.gif);
	display:			block;
	text-decoration:	none;
	padding-left:		13px;
	margin-bottom:		8px;
	font-weight:		bold;
	font-size:			13px;
}

#left-nav a:hover	{
	background-image:	url(../i/nav-star-on-sm.gif);
	color:				#59337f;
}

.widget	{
	border:				1px solid #500040;
	width:				180px;
	margin:				20px 0px;
	color:				#500040;
	text-align:			left;
}

.widget .title	{
	border-bottom:		1px solid #500040;
	padding:			6px 0px 6px 8px;
	font-weight:		bold;
	background-image:	url(../i/widget-gradient-alt.gif);
	background-repeat:	repeat-x;
	background-position:center left;
}

.widget .body	{
	padding:			8px;
}

.widget .body a	{
	font-weight:		bold;
	text-decoration:	underline;
	display:			block;
}

#main	{
	text-align:			left;
}

.header	{
	color:				#500040;
	font-weight:		bold;
	font-size:			13px;
	margin-bottom:		8px;
}
.content	{
	margin-top:			8px;
	margin-bottom:		8px;
}
.formfield	{
	display:			block;
}
.formlinks	{
	margin-bottom:		8px;
}
.formlinks a	{
	margin-right:		6px;
}
.message	{
	color:				#000099;
	font-weight:		bold;
	margin-bottom:		8px;
}

label	{
	width:				100px;
	margin-bottom:		5px;
	display:			block;
	float:				left;
	text-align:			right;
	padding-right:		5px;
}
input	{
	margin-bottom:		5px;
	width:				250px;
}
input.checkbox	{
	width:				auto;
}
select	{
	margin-bottom:		5px;
}
.textarea	{
	width:				350px;
	height:				250px;
}
.submit	{
	margin-left:		104px;
	margin-top:			5px;
	width:				auto !important;
}
.status.active	{
	color:				#00ff00;
}
.status.inactive	{
	color:				#0000ff;
}
.status.pending	{
	color:				#999999;
	font-style:			italic;
}
.status.retired	{
	color:				#ff0000;
}
.intro .image	{
	float:				right;
}
.image	{
	border:				0px;
}
.thumbnail	{
	height:				68px;
	width:				55px;
}
.edit	{
	margin-right:		8px;
}
.bio {
	margin-bottom:		8px;
}
.bio .image	{
	float:				right;
}
.bio .thumbnail	{
	float:				left;
	padding-right:		5px;
}
.bio .name	{
	font-weight:		bold;
	display:			block;
}
.bio .title	{
	display:			block;
	font-style:			italic;
}
.bio .phone, .bio .email	{
	display:			block;
}
.bio .desc	{
	margin-top:			8px;
}

.events	div {
	padding-bottom:		5px;
}

.events .title	{
	font-weight:		bold;
}

.events .intro	{
	padding-bottom:		8px;
}

.event	{
	padding-bottom:		8px !important;
}

.event ul	{
	margin:				3px 25px;
}

.event .cost	{
	font-weight:		bold;
	font-style:			italic;
}

.event .date	{
	display:			block;
	font-style:			italic;
}

.navitem	{
	margin-bottom:		8px;
}
.navitem .feature	{
	margin-right:		5px;
}
.navitem .label	{
	display:			block;
}
.navitem .status	{
	display:			block;
}
.selectchange	{
	margin-left:		5px;
}
.selectchange input	{
	margin-bottom:		3px;
	width:				auto;
}
.class	{
	margin-bottom:		8px;
}
.class .title	{
	font-weight:		bold;
}
.class .subtitle {
	margin-left:		10px;
	font-style:			italic;
}
.class .status	{
	display:			block;
}
.section	{
	display:			block;
	margin-left:		8px;
	margin-bottom:		5px;
}
.section .date, .section .status {
	display:			block;
}
.section .location	{
	font-weight:		bold;
}
.section .date	{
	font-style:			italic;
}