/* GLOBAL LAYOUT STYLES *******************************************************/
/* ****************************************************************************/

* {
	margin: 0;
	padding:0;
}

body {
	background: #efefef;
	color: #555;
	font: 76% "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	line-height: 1.75em;
	padding: 0 15px;
}

img {
	border: 0;
}

#topcontainer {
	max-width: 920px;
	width:expression(document.body.clientWidth > 920? "920px": "auto" );
	margin: 30px auto 0 auto;
	padding: 10px 10px 0 10px;
	background-color: #fff;
}
	
#top {
	position: relative;
	border: 1px solid #e5e5e5;
	border-bottom: none;
	background: url(../../images/bg_top.gif) bottom;
}	

#logo {
	padding: 10px 0 10px 7px;
	
}
	
#globalnav {
	padding: 5px 0;
	height:35px;
}
	
#sectiontabs {
	position: absolute;
	right: 0;
	bottom: -1px;	/*	-1px address the IE5.x pixel gap, make IE specific patch */
}
	
#midcontainer {
	max-width: 920px;
	width:expression(document.body.clientWidth > 920? "920px": "auto" );
	margin: 0 auto;	
	padding: 0 10px;
	background-color: #fff;
}
	
#mid {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}	
	
#contentcontainer {
	float: left;
	width: 100%;
	margin-right: -230px;
}
	
#content {
	margin-right: 230px;
	padding: 20px 25px 25px 20px;
}

#sidebar{
	float: left;
	width: 190px;	/* Opera 5 */
	\width: 230px;	/* IE5Win */
	w\idth: 190px;	/* Others */
	padding: 20px;
	background: #f5f5f5;
}

#sidebar2 {
	float: right;
	width: 160px;	/* Opera 5 */
	\width: 190px;	/* IE5Win */
	w\idth: 160px;	/* Others */
	padding: 20px 15px 15px 15px;
}

#bottomcontainer {
	max-width: 920px;
	width:expression(document.body.clientWidth > 920? "920px": "auto" );
	margin: 0 auto 5px auto;	
	padding: 0 10px 10px 10px;
	background-color: #fff;
}
	
#bottom{
	background-color: #eee;
	border: 1px solid #e5e5e5;
	border-top: none;
	}	

#footercontainer{
	max-width: 920px;
	width:expression(document.body.clientWidth > 920? "920px": "auto" );
	margin: 0 auto 20px auto;	
}

.optional
{
	color: #999;
	padding: 0px 0px 0px 10px;
}


/* GLOBAL LAYOUT HACKS ********************************************************/
/******************************************************************************/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
	
	
/* USER NAV *****************************************************************/
/******************************************************************************/	
#user_nav {
	position: absolute;
	right: 10px;
	top: 0;	
	font-size: 0.8em;
	background: #f3f3f3 url(../images/elements/user.gif) 5px center no-repeat;
}

#user_nav p {
	padding: 5px 10px 3px 25px;
}	


#content ul { 
	list-style: none;
	margin-left: 25px;
}

#content li {
	display: block;
	padding: 5px 3px;
}
	
#content li a {
	font-size: 0.95em; 
	color: #F00;
	text-decoration: none;
}
	
/* GLOBAL NAV *****************************************************************/
/******************************************************************************/

#globalnav ul { 
	list-style: none;
	margin-left: 7px;
}

#globalnav li {
	float: left;
	display: block;
	padding: 5px 3px;
}

#globalnav li.removeaccount {
	float: right;
	display: block;
	padding: 5px 10px 3px 400px;
}
	
#globalnav li a {
	font-size: 0.95em; 
	color: #333;
	text-decoration: none;
	padding: 5px 11px;	
}

/* ADMIN **********************************************************************/
/******************************************************************************/
.admin {
	font-size: 1em/1em;
	font-weight: bold;
	padding: 5px 5px 5px 35px;
	margin: 0 0 20px 0;
	width: auto;
}

.new_news {
	background: #ffffdd url(../images/elements/page_edit.png) 10px center no-repeat;
}	


/* TYPOGRAPHY *****************************************************************/
/******************************************************************************/

h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, sans-serif;
}

h2 {
	font-size: 1.3em;
	line-height: 100%;
	margin: 0 0 1.5em 0;
}

/* FORM STYLES ****************************************************************/
/******************************************************************************/
dl {
	margin: 1.5em 0;
}

dl dt {
	float: left;
	width: 6em;
	height:auto;
	clear: both;
	margin: -0.2em 10px 15px 0px;	
	text-align: left;
	font-weight: bold;
	background: #f3f3f3;
}

dl dt.warning {
	float: left;
	width: 6em;
	height:auto;
	clear: both;
	margin: -0.2em 10px 15px 0px;	
	text-align: left;
	font-weight: bold;
	background: #ff9999;
}

dl dt.notice
{
	float: left;
	width: 6em;
	height: auto;
	clear: both;
	margin: -0.2em 10px 15px 0px;
	text-align: left;
	font-weight: bold;
	background-color: #fefdcf;
}



dl.full_form dt {
	width: 11em;
}

dl dt.full_width {
	width: 500px;
	text-align: left;
	background: none;
	border-top: 1px solid #d5d5d5;
	padding-top: 10px;
}

dl dt.wider {
	width: 200px;

}

dl dd {
	margin: 5px 0px 20px 0px;	
}

dd.legal { font-size: 10px; }



/* CONTENT STYLES *************************************************************/
/******************************************************************************/

#content .post {
	margin: 0 0 0.8em 0;
}

#content h3 {
	margin: 0 0 0.1em 0;
	line-height: 100%;
}

#content h3.status,
#content p.status {
	padding-left: 30px;
}

#content .attention {
	background: url(../images/elements/attention.png) left center no-repeat;
}

#content .approved {
	background: url(../images/elements/approved.png) left center no-repeat;
}

#content .employee {
	background: url(../images/elements/employee.png) left center no-repeat;
}

#content .management {
	background: url(../images/elements/management.png) left center no-repeat;
}

#content .kill {
	background: url(../images/elements/kill.png) left center no-repeat;
}

#content .photoupdate {
	background: url(../images/elements/photo.png) left center no-repeat;
}

#content p.post_date {
	font-size: 0.8em;
}

#content p {
	color: #222;
	margin: 0 0 0.6em 0;
}

.comment {
	margin: 12px 0 0 0;
	padding: 12px 0 0 0;
	border-bottom: 1px solid #ddd;
}

.comment .number {
	font-family: georgia, "times new roman", serif;
	font-size: 2.5em;
	float: left;
	margin: 0 10px 0 0;
}

.comment p.post_date {
	font-weight: bold;
}

/* USER MESSAGE STYLES ********************************************************/
/******************************************************************************/
#user_message {
	background: #ffd;
	padding: 10px;
	font-weight: bold;
}

/* SIDEBAR STYLES**************************************************************/
/******************************************************************************/
#sidebar h2 {
}

p.recent {
	margin: 0.5em 0;
}

.post {
	margin: 0 0 1em 0;
}

#sidebar h3 {
	font-size: 1em;
	line-height: 1.2em;
}	

#sidebar p.post_date {
	font-size: 0.8em;
}

/* FOOTER *********************************************************************/
/******************************************************************************/
#footer {
	font-size: 0.9em;
	color: #999;
}	

#footer a { 
	color: #999; 
}

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

#footer #credits { 
	float: right; 
}

#bottomnav {  
	margin-right: 200px; 
}

#bottomnav ul {	
	list-style: none;  
}

#bottomnav ul li { 
	float: left; 
	display: inline;
} 

#bottomnav ul li a {
	display: block;
	padding: 0 0.75em;
} 	

#bottomnav ul li.section { 
	font-size: 1.2em; 
}
	
#footer #legal{ 
	padding-left: 10px; 
	margin-right: 200px; 
	clear: left;
}

/* GIVE ALL PAGES THE  STYLE *********************************************/
/******************************************************************************/

a:link {
	color: #A52F3F;
}

a:visited {
	color: #555;
}

#globalnav {
	background: #CCCCCC;
}

#globalnav li a:hover { 
	background: #fff;
	color: #A52F3F;
}