html { 
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 75%;
	min-height:100%;
}

body {  
	margin:0 auto;
	padding:10px 0 0 0;
	font-family:Tahoma, verdana, arial, helvetica; 
	color: #000000; 
	font-weight:normal; 
	font-size: 91.7%;
	background:#c2e4e4 url('../images/bg_pattern.jpg') top left repeat;
	text-align:center;
	height: 100%;
	color:#b8e1e1;
	
}

.clear
{
	clear:both;
}

#site_container
{
	position:relative;
	margin: 0 auto;
	width: 782px;
	text-align:center;
	min-height:100%;	
	background: #c2e4e4 url('../images/bg.jpg') top left repeat;
	border-bottom: solid 1px #458084;
	padding: 0;
}

#content_container
{
	position:relative;
	margin:0;
	padding:0;
	width: 782px;
	min-height:100%;
	text-align:left;
}

#left
{
	float:left;
	width: 589px;
	margin: -86px 0 0 7px;
	padding: 7px;
}

#right
{
	float:right;
	width: 158px;
	margin:0 7px 0 7px;
}

.menu_box
{
	background: url('../images/menu_bottom.png') bottom left no-repeat;
	padding:0 0 5px 0;
	margin: 0 0 10px 0;
	height:auto;
}

.no_box
{
	background: none;
	padding: 17px 0 12px 0;
	margin;0 auto;
	text-align:center;
}

.icons_menu, .tuts_menu, .site_menu, .avatars_menu
{
	width: 117px;
	margin: 0 0 0 0;
	padding: 20px 8px 12px 33px;
}

.avatars_menu
{
	background: url('../images/menu_avatars.png') top left no-repeat;
	min-height: 100px;
}

.icons_menu
{
	background: url('../images/menu_icons.png') top left no-repeat;
	min-height: 76px;
}	

.tuts_menu
{
	background: url('../images/menu_tuts.png') top left repeat;
	min-height: 121px;
}

.site_menu
{
	background: url('../images/menu_site.png') top left repeat;
	min-height: 121px;
}

.menu_box ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	color:#65b5b2;
}


.menu_box ul li a,.menu_box ul li a:active
{
	color: #a9e3e2;
	text-decoration:none;
}

.menu_box ul li a:hover
{
	color:#fff;
	text-decoration:none;
}

.menu_box ul li a:visited
{
	text-decoration:underline;
}

.menu_box ul li ul
{
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
}

.menu_box ul li ul li
{
	background: url('../images/bullet03.gif') no-repeat 0 5px;
	padding:0 0 0 10px;
}	

#footer_container
{
	position:relative;
	margin:0 auto;
	padding: 10px 0;
	color:#000;
}

#footer_container a, #footer_container a:active, #footer_container a:visited, #footer_container a:hover
{
	font-weight:700;
	text-decoration:none;
	color:#18222b;
}

#footer_container a:hover
{
	text-decoration:underline;
}

h2.tutname
{
	padding: 10px 0 ;
	margin:0;
	font-size: 230%;
	text-align:right;
	width: 589px;
	font-family: Georgia, Times New Roman, Serif;
}

h3
{
	padding: 10px 0 ;
	margin:0;
	font-size: 180%;
	text-align:left;
	width: 589px;
	font-family: Georgia, Times New Roman, Serif;
}

#left a, #left a:active
{
	font-weight:700;
	color:#fff;
	text-decoration:none;
}

#left a:hover
{
	text-decoration:underline;
}

#left a:visited
{
	color:#65b5b2;
}

#left p.icons
{
	text-align:center;
	margin:0 auto;
	width:589px;
}