body {
	background: #333333 url('../images/body_bg.jpg') no-repeat center top;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: arial;
	color: #ffffff;
}

#links A:link{
	color: #ffffff;
	text-decoration: none;
}

#links A:visited{
	color: #ffffff;
	text-decoration: none;
}

#links A:active{
	color: #ffffff;
	text-decoration: none;
}

#links A:hover{
	color: #ff0000;
	text-decoration: none;
}

#page A:link{
	color: #999;
	text-decoration: none;
}

#page A:visited{
	color: #999;
	text-decoration: none;
}

#page A:active{
	color: #30F;
	text-decoration: none;
}

#page A:hover{
	color: #ff0000;
}

#main{
	width: 960px;
	margin: 0 auto;
}

#links{
	z-index: 100;
}

#links li{
	display: inline;
	margin-right: 1em;
}

#links ul{
	text-align: right;
	font-weight: bold;
}

#header{
	width: 960px;
	height: 280px;
	background-image: url('../images/header.png');
	margin: 0;
	margin-top: -4em;
	padding: 0;
}

#header img.branding{
	margin: 2em 0 0 1em;
	border: none;
	
}

#page{
	background-color: black;
	margin: -2em 10px;
}

#login{
	padding-left: 1em;
}

.loggedIn {
	text-align: right;
	padding: 0 3em 0 0;
	margin: -3em 0 0 0;
}

#content {
	float: left;
	padding: 0 20em 4em 1em;
	
}

#sidebar {
	float: left;
	width: 17em;
	margin: 0 0 4em -18em;
}

/*ROUNDED CORNERS STYLES*/
.content {position:relative; background:#333; color:#fff; width: 690px; margin: 1em auto; padding-bottom: 1em;}
.sidebar {position:relative; background:#333; color:#fff; width: 200px; margin: 1em auto; padding-bottom: 1em;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#333; background:#000; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.content em b {position:absolute; font-size:150px; font-family:arial; color:#333; line-height:40px; font-weight:normal;}
.sidebar em b {position:absolute; font-size:150px; font-family:arial; color:#333; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.content p, form{position:relative; z-index:100; padding-left: 10px;}
.content h1 {position:relative; z-index:100; padding:10px 0 0 15px;}
.sidebar p , h3 {position:relative; z-index:100; padding:10px 15px;}
/*END ROUNDED CORNERS STYLES*/

#footer {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: center;
}

#footer  p{
	margin: 0;
	padding: 0;
	text-align: center;
}

#content hr{
	width: 80%;
	height: 1px;
}

.italic{
	font-style: italic;	
}

.bold{
	font-weight: bold;	
}

.errors{
	background-color: red;
	font-weight: bold;
}

.messages{
	background-color: red;
	font-weight: bold;
}

.underline {
	text-decoration: underline;	
}