body, html {
		text-align: center;
		background-color: #eaeaea;
		margin: 0px;
		background: url(img/bg_body.jpg) repeat-y center top darkred;
		font: 10pt Verdana,Arial,Geneva,Helvetica,sans-serif;
		height: auto;
		}

	#bg {
		top: 0px;
		position: relative;
		margin: 0px auto;
		_width: 100%;
		height: auto;
		background: url(img/bg_top.jpg) no-repeat center top;		
		}


	#all {
		top: 0px;
		position: relative;
		margin: 0px auto;
		width: 940px;
		height: auto;
		display: block;
		}

	#top {
		width: 940px;
		height:370px;
		text-align: left;
	}

	h1#logo
	{
		text-decoration: none;
		width: 500px;
		height: 273px;
		left: -120px;
		top: 100px;
		position: absolute;
		_color: transparent;
		text-align: center;
		font: 24pt Corbel, Arial, Helvetica,sans-serif;
		font-weight: bold;
		text-indent: -9999px;
		background: url(img/logo.png) no-repeat center top;
	}

	#top #description	{
		width: 300px;
		height: 130px;
		right: 0px;
		top: 240px;
		position: absolute;
		margin: 0px;
		padding: 0px;
		color: #ffffff;
		font-size: 9pt;
		font-weight: normal;		
		text-align: left;
		line-height: 12pt;
	}
	#description b {color: #e9ca55;}

	#top #menu_top 	{
		width: 880px;
		height: 40px;
		left: 60px;
		top: 0px;
		position: absolute;
		list-style-type: none;
		padding:0px;
		margin:0px;
	}
	#menu_top li {display: inline;}
	#menu_top a	{
		display: block;
		float: left;
		width: 210px;
		height: 80px;
		text-align: center;	
		padding: 10px 0px 0px 0px;
		margin-left: -70px;
		text-decoration: none;
		color: #ffffff;
		font: 16pt Corbel, Arial, Helvetica,sans-serif;
	}
	
	#menu_top li:last-child {
		position:absolute; 
		right: 0px;
	}
	
	#menu_top a:hover {
		color: #e9ca55;
		}
	#menu_top .active {
		color: #c19949;
		background: url(img/menu_top_hover.png) no-repeat 20px 0px;	
	}	

	#main {
		position: relative;
		float: left;
		width: 600px;
		margin: 0px;
		padding: 0px 15px;
		text-align: left;
	}
	
	

	#right {	
		right: 0px;
		width: 275px;
		margin-left: 645px;
		text-align: left;
	}

	#main #baner {
		border: 1px solid #ffffff;
		position: relative;	
		width: 600px;
		height: 200px;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	
	#main #baner span {
		display: block;
		width: 600px;
		position: absolute;
		padding: 3px;
		bottom: 0px;
		left: 0px;
		border: 1px solid #ffffff;
		background: url(img/banner_span_bg.png) repeat;
	}
	#main #baner span a {
		color: #2f292e;
		text-decoration: none;
		font: 16pt Corbel, Arial, Helvetica,sans-serif;
	}	

	#main #content {
		background: url(img/content_bg.png);
	}

	#content .title, #content .title a {
		color: #7e932c;
		font: 20pt Corbel, Arial, Helvetica,sans-serif;
		text-decoration: none;
		margin-bottom: 5px;		
	}
	
	#content .archive {
		width:300px;
		color: #7e932c;
		font: 16pt Corbel, Arial, Helvetica,sans-serif;
		margin: 0px;
		margin-top: 0px;
		text-decoration: none;
	}

	#content .footer  {
		color: #999;
		empty-cells: show;
		border-spacing: 0px;
		border-collapse: collapse;
		font-size: 12px;
		padding-bottom: 10px;
	}

	#content .footer img {
		border: 0px;
	}

	#content .up  {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	#right #rss {
		padding: 15px;
	}

	#right #search {
		width: 260px;
		height: 52px;
		margin: 10px;
		background: url(img/search_bg.png) no-repeat;
	}
	
	#right #search input {
		margin-top: 16px;
		margin-left: 5px;
		width: 200px;
		background-color: transparent;
		border: 0px;
		font: 11pt/1.5em Verdana,Arial,Geneva,Helvetica,sans-serif;
		color: #ffffff;	
	}
	
	/* menu  */
	
	#right #submenu {
		margin-left: -5px;
		width: 280px;
		display: block;
	}
	
	#right #submenu ul {
		display: block;
		margin-left: -5px;
		width: 280px;
	}

	#right #submenu .header {
		width: 280px;
		height: 40px;
		padding: 0px;
		margin: 0px;
		background: url(img/submenu_top.png) no-repeat;
		list-style-type: none;
		display: block;
	}

	#right #submenu .header li {display: inline;}
	
	#right #submenu .header li a {
		display: block;
		float: left;
		width: 120px;
		margin-top: 3px;
		font: 14pt Corbel, Arial, Helvetica,sans-serif;
		text-decoration: none;
		color: #7e932c;
		}
		
		#right #submenu .header li:first-child a {margin-left: 20px;}
		#right #submenu .header li:last-child a {margin-left: 15px; color: #666666;}


	#right #submenu .content {
		width: 278px;
		padding: 0px;
		margin: -5px 0px;
		border-left: 1px solid #999;
		border-right: 1px solid #999;	
		background: url(img/submenu_bg.png) no-repeat bottom #ffffff;
		list-style-type: none;
	}

	#right #submenu .content li {
		margin: 5px 10px;
		padding-bottom: 7px;
		border-bottom: 1px solid #7e932c;
	}
	
	#right #submenu .content li a {
		display: block;
		font: 13pt Corbel, Arial, Helvetica,sans-serif;
		font-weight: normal;
		text-decoration: none;
		color: #7e932c;
	}

	#right #submenu .content li:last-child {
		border-bottom: 0px;
		padding: 0px;
	}

	#right #submenu .footer{
		width: 280px;
		height: 40px;
		background: url(img/submenu_bottom.png) no-repeat;
	}

	/* menu end */


	#bottom {
		background: url(img/bg_bottom.jpg) no-repeat;
		text-align: center;
		width: 943px;
		height: 150px;
		padding: 0px;
		color: #666666;
		bottom: 0px;
		position: relative;
	}

	#bottom #menu_bottom	{
		margin: 0px;
		padding-top: 60px;
		color: #666666;
		list-style-type: none;
	}

	#menu_bottom li {display: inline;}
	#menu_bottom a	{
		color: #666666;
		text-decoration: none;
		margin: 15px;
		font-size: 12pt;
		font: 11pt/1.5em Verdana,Arial,Geneva,Helvetica,sans-serif		
	}
	#menu_bottom a:hover {color: #7e932c;}
	#menu_bottom .active {color: #7e932c;}	

	#bottom #menu_extra {
		position: fixed;
		display: block;
		top: 50px;
		right: -30px;
		width: 180px;
		height: 280px;
		list-style-type: none;
		text-align: left;
		padding: 60px 40px;
		margin:0px;
		background: url(img/menu_extra.png) no-repeat 0px;
		overflow: hidden;
	}
	#menu_extra * {
		padding: 3px 5px;
		color: #999;
		text-decoration: none;
		font-weight: bold;
		white-space: nowrap;
	}
	#menu_extra *:hover {
		color: #ff7602;
	}


	#main #login_form {
		display: block;
		width: 400px;
		margin: 0 auto;
	}

	#login_form label {
		display: block;
		width: 150px;
		float: left;
		font-weight: bold;
		text-align: right;
	}

	.debug {
		position: relative;
		text-align: left;
		border: 1px dashed #ddd;
		background-color: #eee;
		color: #404040;
		padding: 10px;
		margin: 10px;
		margin-bottom: 10px;
		}
	
	.debug strong.framework {
		padding: 5px;
		background-color: #c2c2c2; 
		width: 100%;
	}

	.debug hr {border: none; border-top: 1px dashed #b2b2b2; height: 1px; margin:10px;}
	
	.doc .type_external {}
	.doc .type_internal {color: #286ea0;}
	.doc .type_hidden {color: #999;}
	.doc .type_invisible {color: #d37700;}
	
	.found {background-color: #eCeCe0; color: #8b0000;}
	
	.share	{text-align: right; font-size: 8pt; padding:3px;}
	.share img {border:0px;}