/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #663333;
	margin: 0px;	
}
.adminform{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.communitymenu{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.communitymenuheader{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.community{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.status{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;	
	font-size: 10px;
	font-weight: bold;
}
.error{
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;	
	font-size: 10px;
	font-weight: bold;
}

 #container
{
	width: 768px;
	margin: 10px auto;
	background-color: #2B1919;
	color: #000000;
	border: 1px solid #000;
	line-height: 130%;
}

#top
{
background-color: #ddd;
border-bottom: 1px solid #000;
background-image: url(../images/header_bkg.jpg);
height: 114px;
width: 768px;
}

#top h1
{
padding: 0;
margin: 0;
}

#topnav
{
background-image: url(../images/topnav.jpg);
border-bottom: 1px solid #000;
}

#topnav, #topnav a
{
	width: 100%;
	height: 24px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	text-indent: 10px;
	line-height: 1.7;
}

#topnav a:hover
{
text-decoration: underline;
}

#leftnav
{
float: left;
width: 199px;
margin: 0;
}

#content
{
	max-width: 568px;
	margin-left: 0px;
	background-color: #2B1919;
}

#content p
{
	padding: 1em;
}

#content h2
{
	padding: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #fff;
text-align:center;
background-color: #663333;
border-top: 1px black;
}

#footer a
{
color: white;
text-decoration: none;
}

#footer a:hover
{
text-decoration: underline;
}

#leftnav p { margin: 0 0 0 0; }
#content h2 { margin: 0 0 .5em 0; }

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 199px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 200px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
}