/* xhtml backwards compatibilty */
	form, img, html { margin: 0px; padding: 0px; border: 0px; }
	html
	{
		/* yeah complain mr css validator, but blame mozilla for making jumpy renderings */
		overflow: -moz-scrollbars-vertical;
	}
	
	/* tag reset */
	body
	{
		margin: 0px;
		padding: 0px;

		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;

		color: #000;
		background-color: #FFF;
	}
	
	h1
	{
		margin: 0px 0px 30px 0px;
		padding: 0px;

		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;

		text-transform: uppercase;
		
		
		color: #111;
	}
	
	h2
	{
		margin: 0px 0px 0px 0px;
		padding: 4px 10px 4px 10px;

		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
	
		background-color: #DDD;

	}
	
	h3
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;

		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		font-style: italic;
				
		color: #999;
	}
	
	p, .p
	{
		padding: 0px 0px 0px 0px;
		
		line-height: 15px;
	}
	
	a:hover, a:link, a:active, a:visited
	{
		text-decoration: underline;
		color: #333;
	}
	
	a:hover
	{
		color: #000;
	}
	
	ul
	{
    	list-style-type: none;
		list-style-image: url(../_img/dash.gif);
	}

	li
	{
		margin-left: 0px;
		padding-left: 0px;
	}

	hr
	{
		height: 3px;
		color: #FFF;
		border: solid #FFF 1px;
		border-bottom: solid #CCC 1px;
	}	

	/* div config */
	
	#guide
	{
		padding: 4px 0px 0px 0px;
		float: right;
		width: 162px;
	}
	
	#navigation
	{
		background-color: #F5F5F5;
	
		border: 1px solid #CCC;
	}
	
	#navigation p
	{
		padding: 10px 10px 15px 10px;
		margin: 0px 0px 0px 0px;
	
		line-height: 18px;
		
	}
	
	#navigation table
	{
		margin: 10px 10px 10px 10px;
	}
	
	#navigation td
	{
		padding: 0px 10px 2px 0px;
	}

	#content
	{
		width: 500px;
		float: left;
	}
	
	#header
	{
		display: block;
		margin: 30px 0px 30px 0px;
		padding: 0px 0px 6px 0px;
		
		border-bottom: solid 1px #cccccc;
	}

	#wrapper
	{
		width: 700px;
		margin: 0px auto;
		text-align: left;
	}
	
	#footer
	{
		display: block;
		clear: both;
		padding: 20px 0px 6px 0px;
		
		font-size: 10px;
		color: #666; 
	}
	
	.listing
	{
		background: url(../_img/dash.gif) left top no-repeat; 
		padding: 0px 0px 2px 12px;
		/*font-size: 12px;*/
		display: block;
		
		line-height: 15px;
	}
	
	.sub_hl
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 40px 0px 20px 0px;
		font-size: 12px;
		color: #000;
		text-transform: none;
		border-bottom: none;
	}
	
	.sub_hl_alt
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 40px 0px 4px 0px;
		font-size: 12px;
		color: #000;
		text-transform: none;
		border-bottom: none;
	}
	
	.notice_hl
	{
		color: #666;
	}
	
	/*
	E9ECD8
	E1E4D0
	*/
	.notice
	{
		border: solid 1px #F0F0F0;
		background-color: #F8F8E7;
		padding: 10px 4px 10px 4px;
		margin: 0px 0px 10px 0px;
	}
	
	.warning
	{
		border: solid 1px #FF0000;
		background-color: #FFFFFF;
		padding: 10px 4px 10px 4px;
		margin: 0px 0px 10px 0px;
	}
	
	.normal
	{
		border: solid 1px #F0F0F0;
		background-color: #F8F8E7;
		padding: 10px 4px 10px 4px;
		margin: 0px 0px 10px 0px;
	}

	.downloadtable td
	{
		border-bottom: solid 1px #FFF;
		vertical-align: top;
		padding: 4px 2px 6px 2px;
		background-color: #F5F5F5;
	}
	
	.listtable td
	{
		border-bottom: solid 1px #F5F5F5;
		vertical-align: top;
		padding: 4px 2px 6px 2px;
	}
	
	.downloadtable th, .listtable th
	{
		font-weight: normal;
		color: #666;
		vertical-align: top;
		padding-bottom: 6px;
	}
	
	.quickguide
	{
		display: block;
		border: 2px dotted #CCCCCC;
		padding: 10px;
		width: 450px;
	}
	
	.codetop
	{
		display: none;
	}
	
	.codemain
	{
		display: block;
		font-family: 'Courier New';
		border: 2px dotted #CCCCCC;
		padding: 10px;
	}

	.small, .small td
	{
		font-size: 11px;
	}
	
	.ps
	{
		font-family: Arial;
	}