/* © xHtml Master 2007 - 2008 */
body {
	background: url(../img/bg-header.gif) repeat-x top;
	color:#666666;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
a {
	color:#8b76af;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}
h2 {
	font:22px/22px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#fdc40e;
	text-transform:uppercase;
}
h3 {
	font:19px/19px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#fdc40e;
	text-transform:uppercase;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:1px
}
.wrap {
	width:741px;
	margin:0 auto;
	text-align:left;
}

#header {
	width:741px;
	margin:0 auto;
	padding-top:104px;
	text-align:left;
}
	#header h1 {
		display:block;
		float:left;
		padding-bottom:8px;
	}
		#header h1 a {
			display:block;
			font-size:1px;
			line-height:1px;
			text-indent:-10000px;
		}
		#header h1 img {
			display:block;
		}
	#header ul {
		float:right;
		font:bold 16px/16px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
		#header ul li {
			display:block;
			float:left;
			border-left:solid 1px #fff;
		}
			#header ul li a {
				background:#8b76af;
				color:#fff;
				display:block;
				float:left;
				width:82px;
				height:98px;
				text-transform:uppercase;
				text-decoration:none;
				position:relative;
			}
				#header ul li a span {
					display:block;
					position:absolute;
					left:2px;
					bottom:0px;
				}
			#header ul li a.active,	
			#header ul li a:hover {
				background:#7e6b9f !important;
			}
	#header div {
		background:#a289cc;
		height:287px;
		overflow:hidden;
	}
		#header div img.img {
			display:block;
			float:left;
			border-right:solid 1px #fff;
		}
		#header div h2 {
			color:#fff;
			font:bold 24px/24px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			float:right;
			width:262px;
			padding-top:200px;
		}
#content {
	background:url(../img/dot.gif) repeat-y 453px 0;
	width:741px;
	margin:0 auto;
	margin-bottom:1px;
	text-align:left;
	padding-bottom:60px;
	padding-top:35px;
}
	#page {
		float:left;	
		width:453px;
	}
		#page h2 {
			padding-bottom:18px;
		}
		#page .box {
			border-bottom:solid 1px #e3e3e3;
			padding-bottom:32px;
			margin-bottom:25px;
			padding-left:3px;
			padding-right:11px;
		}
			#page .box img.left {
				padding-right:10px;
			}
			#page .box img.right {
				padding-left:10px;
			}
	#sidebar {
		float:right;	
		width:258px;	
	}
		#sidebar h3 {
			padding-bottom:18px;	
		}
		#sidebar ul {
			
			text-transform:uppercase;
		}
			#sidebar ul li {
				display:block;
				height:44px;
				overflow:hidden;
				padding-bottom:5px;
			}
				#sidebar ul li a {
					font:16px/16px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					background:#a289cc;
					color:#fff;
					display:block;
					height:44px;
				}
				#sidebar ul li a:hover,
				#sidebar ul li a.active {
					background:#e2dbed;
				}
					#sidebar ul li a span {
						cursor:pointer;
						display:block;
						padding-top:25px;
						padding-left:2px;
					}
#footer {
	background:url(../img/bg-footer.gif) repeat-x top;
	height:67px;
}
	#footer .wrap {
		color:#fff;
		height:67px;
		position:relative;
	}
	#footer img.img {
		display:block;
		top:-53px;
		left:-31px;
		position:absolute;
		float:left;
	}
	#footer .left {
		padding-top:42px;
		padding-left:142px;
	}
	#footer .right {
		font:10px/12px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding-top:44px;
	}
		#footer li {
			color:#fff;
			display:inline;
			font:12px/12px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
		}
	#footer a {
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover {
		color:#333;
	}