/* Site */
body
{
	background-color: #FFFFFF;
	font-family: verdana, arial, helvetica;
	font-size:10pt;
	margin: 0px;
	padding: 0px;
}

img
{
	border: 0;
}

h1
{
	color: #003366;
	size: 16pt;
	font-weight: normal;
}

h2
{
	color: #003366;
	size: 12pt;
	font-weight: normal;
	border-bottom-color:#003366;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

h3
{
	color: #003366;
	size: 8pt;
	font-weight: normal;
}

p
{

}

.infobox
{
	background-color:#eeeeef;
	border-color:#003366;
	border-style:dashed;
	border-width:1px;
	padding:15px;
}

div.content
{
	width: 840px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.topbar
{
	text-align: right;
	background-color: #B8CFEB;
	padding: 4px;
}

div.imageicon
{
	width: 240px;
}

div.overviewtext
{
	float: right;
	width: 600px;
}

/* Tables */
td
{
	vertical-align: top;
}

.tut_basic
{
	background-color: #D2FFD1;
	width: 100px;
	text-align: center;
}

.tut_int
{
	background-color: #FFF2B0;
	width: 100px;
	text-align: center;
}

.tut_advanced
{
	background-color: #FFCFC8;
	width: 100px;
	text-align: center;
}

.length
{
	font-size: 8pt;
	color: #666666;
	width: 80px;
	text-align: center;
}

/* Standard Tags */

.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

/* Links */
a:link					{color: #205FCE; text-decoration: none;}
a:visited				{color: #205FCE; text-decoration: none;}
a:active				{color: #205FCE; text-decoration: underline;}
a:hover					{color: #205FCE; text-decoration: underline;}

a.top:link				{color: #000000; text-decoration: none;}
a.top:visited			{color: #000000; text-decoration: none;}
a.top:active			{color: #000000; text-decoration: underline;}
a.top:hover				{color: #000000; text-decoration: underline;}