@charset "UTF-8";
html, body { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	/*text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	height: 101%;
}

#header {
	background-image: url(../images/header.jpg);
	margin: 0;
	height: 90px;
}

#header_left {
	position: absolute;
	top: 70px;
	left: 20px;
	width:400px;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 1.0em;
	color: #FFFFFF;
}

#navigation {
	width:200px;
	float: right;
	margin: 9px 20px;
	text-align: right;
}

#navigation a{
	color: #4d4d4d;
	list-style: none;
	font-size: 101%;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: 0.1em;
}

#navigation a:hover { color: #000; }

#navigation a:active, a.active:hover { color: #666; }

#main {
	font-size: 105%;
	padding: 0px;
	width: 920px;
  	margin: 0 auto;
}

div#rightContent {
	margin-top: 30px;
	text-align: left;
	min-height: 420px;
	border-left: thin solid #ccc;
	padding: 9px;
	margin-left: 670px;
}

#rightContent p {
	margin: 0px;
}

div#leftContent {
	float: left;
	width: 670px;
	margin-top: 10px;
	text-align: left;
}

#leftContent p{
 /*	font-size: 10pt;*/
	margin-left: 100px;
 	line-height:1.2em;
  	}

/* --- page title --- */
#leftContent h4{
 	color:#4d4d4d ;
	letter-spacing: 0.1em;
  	}
	
/* --- subtitle --- */
.subtitle {
  color:#b7bfa5;
  font-weight: bold;
  margin-left: 0px;
}

#leftContent a:link, #leftContent a:visited {
	/*font-size:104%; */
/*	color: #866c58;*/
	color: #715b4a;
	text-decoration: none;
	line-height:2em;
	letter-spacing: 0.05em;
}

#leftContent a:hover {
	/*color: #eb9947;*/
	color: #c5793e;
	text-decoration: underline;
}

#leftContent a:active {
	color: #996633;
	text-decoration: none;
}

.footer {
	font-size: 75%;
	margin-left: 0px;
}

/* --- backend style --- */
.webaddress {
	color: #999;
	font-family: SimSun, "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
.loggedInAs {
	display: block;
	text-align: right;
	font-size: 80%;
}

#user_main {
margin: 0 auto;
margin-top: 100px;
text-align: left;
width: 500px;
height: 240px;
border-width: thin;
border-style: solid;
border-color:#999999;
padding: 10px;
background-color: #f2f2d9;
}

.logout {
font-weight:bold;
color: #fff;
background-color: #ccffff;
}

/*#home_left {
	width:400px;
	float: left;
	margin-top: 50px;
	text-align: left;
	}*/

/*#home_right {
	width: 300px;
	height: 390px;
	float: right;
	margin-top: 50px;
	margin-left: 140px;
	text-align: left;
	border-left: thin solid #ccc; 
	
	padding: 9px; 
}

#home_right p {
	margin: 0px;
}
*/

/*p#main  {
  color:#333;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:10pt;
 margin: 10px 10px 10px 100px;
  line-height:1.4;
  }*/
/*#content {
	margin-left: 100px;
	text-align: left;
}
*/
/*p#content  {
  color:#333;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:10pt;
  line-height:1.3;
  
  }*/
  

/*
#title {
    font-size: 14pt;
    color: #330000;
	letter-spacing: 3pt;
	text-align: left;
	margin-top: 50px;
}
*/

/*p span {margin-left: 50ex;}*/