/* --------------------------------
 main global style overrides
-------------------------------- */
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}
a{
	color: #CCCCCC;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

a img {
	border: 0px;
}
form {
	margin: 0px;
}
input, select, textarea {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #333;
}
ol {
	margin: 0px;
	margin-left: 25px;
}
ol ol {
	list-style-type: lower-alpha;
	margin: 0px;
	margin-left: 25px;
}


/* --------------------------------
 main styles
-------------------------------- */
.wholebody
{
	width: 688px;
	border: 1px solid;
	padding: 20px;
}
.title {
	font-family: Tahoma, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin: 5px 5px 10px 0px;
	text-align: left;
}


.txt h1, .txt td h1 {
	margin-top: 50px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #900;
}
.txt h2, .txt td h2 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.txt, .txt td {
	line-height: 12pt;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	margin-left: 5px;
	text-align: left;
}
.txt a, .txt td a {
	color: #036;
	text-decoration: underline;
}
.txt a:hover, .txt td a:hover {
	color: #666;
}


.caption {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #333;
}


.tip {
	width: 400px;
	border: 1px dotted #333;
	background-color: #f2f2f2;
	padding: 5px;
	margin: 2px;
}

.code {
	margin-left: 20px;
	font-family: courier, courier new, monospace;
	size: 12px;
	font-weight: bold;
	color: #000;
}