* { padding: 0; margin: 0; }
body { margin: 0px; padding:0px; font: normal 0.9em/1.2em Arial, Verdana, Sans-serif;}

/* ----------container to center the layout-------------- */
#container-main { width:960px; margin:0 auto; }
#header { width: 960px; height:230px; margin: 0 auto; margin-top: 22px; padding: 0px; text-align: right; }
#main-top { width: 960px; height: 20px; float: left; margin: 0 auto; margin-top: 15px; background: url(content-top.png) no-repeat top left; }
#container { width: 960px; float: left; margin: 0 auto; background: url(content-top.png) no-repeat top left;}
#main-bottom { width: 960px;  height: 16px; float: left; margin: 0 auto; margin-bottom: 15px; background: url(content-bottom.png) no-repeat top left; }
/* --------------------header------------------ */


/* -----------------content--------------------- */
#content { float:right; width:600px; padding: 15px; word-spacing: 0.05em; background: url(bg-content.png) repeat-y top left; }
	div#content { min-height:300px; height:expression(this.scrollHeight > 300 ? "auto":"300px"); } 
	
	#content h1 { font: normal 2em/1.2em Century Gothic, Arial, Verdana, sans-serif; letter-spacing:-0.05em; margin-bottom: 25px;}
	#content h2 { font: normal 1.5em Century Gothic, Arial, Verdana, sans-serif; letter-spacing:-0.05em; margin-bottom: 25px; }
	
	#content p { line-height:1.2em; margin-bottom: 1em; }
	
	#content a:link, a:visited, a:active  { text-decoration: underline; }
	#content a:hover{ text-decoration: underline; }
	#content img { margin: 10px; }
	
	#content ul { margin-left: 25px;}
	#content ol { margin-left: 30px; }
	
	#content table th { padding:6px; text-align:left; }
	#content table tr { text-align:left; }
	#content table td { padding:6px;}
	
/* --------------left navi------------- */
#left { float: left; width: 280px; margin-top: 10px; padding: 37px 5px 0px 10px;  }

.search-box { width: 280px; height: 30px; padding: 0 5px 15px 15px; }
.search-string { width: 185px; height: 20px; padding: 2px; font-size: 0.9em; vertical-align: middle; }
.search-submit { width: 60px; height: 28px; 	font-size: 0.9em; vertical-align: middle; }

.menu { vertical-align: top; width: 90%; margin: 0px auto; padding: 0px; }
	.menu ul, .menu li { margin: 0; padding: 0; font-size: 1em; list-style-type: none; }
	.menu ul { border-bottom: 0px; background: url(sub.gif) no-repeat 1px 6px; }
	.menu ul ul { padding-left: 10px; }
	.menu a:link, .menu a:visited, .menu a:active { width: 90%; padding: 5px 10px 5px 20px; display: list-item; text-decoration: none; } 

	.menu a:hover { text-decoration: none;}

.menu_current, .menu_current a:link, .menu_current a:visited, .menu_current a:active  { font-weight: normal; }

#search { margin: 0px; margin-top: 25px; padding: 0px; text-align : center; font: normal 0.75em  arial, verdana, sans-serif; color: #787878; }

/* -----------footer--------------------------- */
#footer { clear: both; margin: 0px; padding: 5px 0 15px 0; font-size: 0.85em; }
	.footer-container { width:930px; margin:0 auto; padding: 0}
	#footer a { text-decoration: none;}
	#footer a:hover { text-decoration: underline; }
	a#hiddenlink, a#hiddenlink:hover { text-decoration: none; cursor: text; background: none; }