/**
 *	Peterned V3 emulation
 *	-------------------------
 */

html,body {
	height:100%;
	background:#4f334d url("../images/v3/bg_body.gif") center top no-repeat;
}
	body {
		behavior:url("scripts/csshover.htc");
	}

	* {
		font-family:tahoma,verdana,arial,helvetica;
		font-size:11px;
		text-align:left;
		padding:0;
		margin:0;
		color:white;
	}

p {
	text-align:justify;
}
	p img {
		float:right;
		margin-left:5px;
	}

	p a {
		color:#eed09b;
		text-decoration:none;
	}

	a img {
		border:0;
	}

	p a:hover {
		text-decoration:underline;
	}

h2 span {
	font-weight:normal;
	font-style:normal;
	font-size:10px;
}

h3 span {
	font-size:9px;
	font-weight:normal;
	font-style:normal;	
}

code {
	font-family:'courier new';
	white-space:pre;
}
	code[class]:before {
		font-family:tahoma,verdana,arial,helvetica;
		font-weight:bold;
	}

/**
 *	Hidden stuff
 *	-------------------------
 */

h1, div#footer p, p.skip, hr, div#related h2 {
	display:none;
}

/**
 *	Main Layout
 *	-------------------------
 */

div#peterned {
	position:relative;
	margin:0 auto;
	width:770px;
	height:862px;
	background:url("../images/v3/bg_content.gif") no-repeat;
}

div#peterned ul#menu {
	position:absolute;
	list-style:none;
	left:0px;
	top:229px;
	
}

div#peterned div#content {
	position:absolute;
	left:264px;
	top:203px;
	width:471px;
	height:266px;
	overflow:auto;
}

div#peterned div#related {
	position:absolute;
	left:267px;
	top:589px;
	width:468px;
	height:99px;
	overflow:auto;
}

/**
 *	Content Area
 *	-------------------------
 */

div#content div.section {
	margin:10px 0;
	background:url("../images/v3/arrow.gif") left top no-repeat;
}
	div.section h2 {
		margin-left:25px;
		padding:0 10px 10px 0;
		background:url("../images/v3/separator.gif") left bottom no-repeat;
	}
		div.section h2 span {	float:right; }
	
	div.section p {
		padding:10px;
	}

ol.imageGallery {
	list-style:none;
	height:160px;
}
	ol.imageGallery li {
		list-style:none;
		float:left;
		margin:0 2px 2px;
	}

/**
 *	Code blocks
 *	-------------------------
 */

code {
	display:block;
	margin:20px;
	padding:0px 10px 20px;
	width:390px;
	border-left:2px solid white;
	overflow:auto;
	overflow-y:hidden;
}
	code[class]:before {
		display:block;
		content:attr(class) ":";
	}

/**
 *	Main Menu
 *	-------------------------
 */

ul#menu li {
	display:block;
	width:212px;
	height:21px;
	margin:2px 0 0 2px;
	background:url("../images/v3/menu_itembg.gif") no-repeat;
}

	ul#menu li:hover, ul#menu li.active {
		background:url("../images/v3/menu_itembg_on.gif") no-repeat;
	}
	ul#menu li a {
		display:block;
		margin-left:45px;
		padding:3px;
		text-decoration:none;
	}
		ul#menu li em {
			font-style:normal;
		}

/**
 *	Related menu
 *	-------------------------
 */

div#related div.navigation {
	padding:0 10px;
}
	div.navigation ul { 
		list-style:none; 
		padding-bottom:20px;
	}

	div.navigation a { 
		text-decoration:none; 
	}
		div.navigation a:hover { 
			color:#eed09b; 
		}

	div.navigation li {
		float:left;
		margin:0 10px 5px;
	}

	div.navigation h3 {
		margin-top:10px;
		padding:0 0 3px 25px;
		clear:both;
		font-size:120%;
		border-bottom:1px solid white;
		background:url("../images/v3/arrow.gif") left top no-repeat;
	}