body{
	font-family:	"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	padding:		0px;
	margin:			0px;
	height:			100%;
}

img{
	border:			0px;
}

a:link{			color:	#3866de;	text-decoration: none;}
a:visited{	color:	#3866de;	text-decoration: none;}
a:hover{		color:	#3D3D3D;	text-decoration: underline;}
a:active{		color:	#3D3D3D;	text-decoration: none;}

h1{
	font-family:	arial,verdana, tahoma, arial, Sans-Serif;
	font-size:		18px;
	margin:			0px;
	padding:		0px;
}


h2, h3, h6{
	font-family:	arial,verdana, tahoma, arial, Sans-Serif;
	margin:			0px;
	padding:		0px;
}

#header{
	width:			100%;
	height:			105px;
	background:		url('../img/header_bg.gif') repeat-x;
	margin-bottom:	10px;
}

#main{
	width:			1000px;
}


/* ////////////////////////// MENU START//////////////////////////// */
#menu{
	float:			left;
	width:			309px;
}

#menu .box{
	width:			284px;
	background:		url('../img/box_middle_bg.gif') repeat-y;
	margin-left:	10px;
	margin-right:	15px;
}

#menu .box h3{
	height:			33px;
	background:		url('../img/box_header_bg.gif') no-repeat;
	font-size:		12px;
	padding:		10px 0px 0px 14px;
	color:			#595959;
}

#menu .box p{
	background:		url('../img/box_footer_bg.gif') no-repeat bottom;
	padding:		4px 0px 14px 14px;
	margin:			0px;
}

#contentMenu {
	background:		url('../img/box_footer_bg.gif') no-repeat bottom;
	padding:		4px 0px 14px 14px;
	margin:			0px;
	overflow:		hidden;
	clear: 			both;
	height:			auto;
	font-family:	verdana, tahoma, Sans-Serif;
	font-size:		10px;
}
/* ////////////////////////// MENU END /////////////////////////// */



/* ////////////////////////// CONTENT START /////////////////////////// */
#content{
	float:			left;
	width:			655px;
	line-height:	140%;
	font-size:		10px;
	padding-bottom:	20px;
}

#content .tut h1{
	height:			33px;
	background:		url('../img/box_header_bg_655.gif') no-repeat;
	font-size:		14px;
	padding:		10px 0px 0px 14px;
	color:			#595959;
	width:			655px;
	overflow:		hidden;
	clear: 			both;
}

#content .tut{
	width:			655px;
	background:		url('../img/box_middle_bg_655.gif') repeat-y;
	margin-left:	10px;
	margin-right:	15px;
	overflow:		hidden;
	clear: 			both;
}

#content .tut p{
/*	background:		url('../img/box_footer_bg_655.gif') no-repeat bottom; */
	padding:		4px 0px 14px 14px;
	margin:			0px;
	overflow:		hidden;
	clear: 			both;
	height:			auto;
}

#contentMiddle {
	background:		url('../img/box_footer_bg_655.gif') no-repeat bottom;
	padding:		4px 10px 14px 14px;
	margin:			0px;
	overflow:		hidden;
	clear: 			both;
	height:			auto;
}

#tutheader{
	width:			655px;
	height:			300px;
	overflow:		hidden;
	clear: 			both;
}
/* ////////////////////////// CONTENT END//////////////////////////// */

.tutorialTitle {
	font-family:	arial, verdana, tahoma, Sans-Serif; text-decoration: underline;;
	margin:			0px;
	padding:		0px;
	font-weight: bold;
	font-size:		8pt;
	color: #000000;
}

.tutorialDescription {
	font-family:	 arial, verdana, tahoma, Sans-Serif;
	margin:			0px;
	padding:		0px;
	font-size:		8pt;
	color: #444444;
}


/* ////////////////////////// SUB START //////////////////////////// */

#subheader{
	float:			left;
	height:			66px;
	width:			655px;
	background:		url('../img/subheader_bg.gif') no-repeat bottom;
	margin-bottom:	10px;
	margin-left:	-5px;
}

#subheader h1{
	font-size:		13px;
	color:			#595959;
	padding:		14px 0px 0px 20px;
}

#subheader #navigation{
	height:			20px;
	padding:		6px 0px 0px 20px;
}

/* ////////////////////////// SUB END //////////////////////////// */


.step{
	width:			655px;
}

.step h6{
	font-size:		12px;
	background:		url('../img/hr_bg.gif') repeat-x bottom;
	color:			#595959;
}

#footer{
	clear:			both;
	width:			100%;
	height:			60px;
	background:		url('../img/footer_bg.gif') repeat-x bottom;
	font-family:	verdana, arial, tahoma, arial, Sans-Serif;
	font-size:	10px;
	color: #EEE;
}

.formNames{
	font-size:	12px;
	vertical-align: top;
}

.listHeader{
	font-family:	verdana, arial, tahoma, arial, Sans-Serif;
	font-size:	10px;
	font-weight: bold;
	border: 1px solid #ddd;
}

.latestTutorial{
	font-family:	verdana, arial, tahoma, arial, Sans-Serif;
	font-size:	10px;
}

.latestTutorialHeader {
	font-family:	verdana, arial, tahoma, arial, Sans-Serif;
	font-size:	14px;
	font-weight: bold;
}

.latestTutorial {
	font-family:	verdana, arial, tahoma, arial, Sans-Serif;
	font-size:	10px;
}

.fadedText{
	color: #999;
}


.widthExtraNarrow{width: 60px;}
.widthNarrow{width: 90px;}
.widthWide {width: 120px;}
.widthSemiWide {width: 160px;}
.widthExtraWide {width: 200px;}
.widthMegaWide {width: 400px;}