body {
	background-color: #bfbfbf;
	background-image: url(../im/bk.gif);
	background-repeat: repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	border:0;
}

#whole{
	width: 768px;
	margin-top:30px;
	border: 1px solid #bfbfbf;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#top {
	text-align: center;
	width: 100%;
	padding-top: 20px;
}

img.toplogo {
	margin-bottom: 18px;
	border: 0;
}

div#nav {
	background-image: url(../im/nav_gradient.gif);
	background-repeat: repeat-x;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif;
	font-variant: small-caps;
	color: #fff;
	height: 32px;
	text-align: left;
	clear: both;
}

p.item {
	background-color: #ADE4BF;
	display: inline-block;
	float: left;
	width: 100px;
	padding-left: 6px;
	padding-bottom: 2px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	border-right: 1px solid #fff;
}

p.item a:link, 
p.item a:visited {
	color: #22A;
	text-decoration: none;
}
p.item a:hover, 
p.item a:active {
	color: #f33;
	text-decoration: none;
}

p.selected {
	color: #fff;
	background-color: transparent;
	display: inline-block;
	float: left;
	width: 100px;
	padding-left: 6px;
	padding-bottom: 2px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	border-right: 1px solid #fff;
}

h1 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #0072bc;
	margin-bottom: 8px;
}

h2 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 16px;
	margin: -12px 0 -6px 72px;
	color: #0072bc;
}

h3 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 6px;
	color: #333;
	margin-bottom: 6px;
}

h4 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 6px;
	color: #333;
	margin-bottom: 6px;
}

p.botheader {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 16px;
	margin-top: -12px;
	marigin-bottom: -12px;
	color: #0072bc;
	font-weight: bold;
}

div.main {
	text-align: left;
	clear: both;
	width: 720px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-color: #fff;
}

div#mainleft {
	width: 444px;
	float: left;
	border: 1px solid #ccc;
}

div#mainright {
	width: 196px;
	padding-left: 8px;
	padding-right: 6px;
	float: right;
	background: #dfd;
	border: 1px solid #ccc;
}

div#featurelist {
	width: 220px;
	padding-left: 8px;
	padding-right: 6px;
	background: #efefef;
	float: right;
	border: 1px dotted #ccc;
}

li.features {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #333;
	margin-left: -18px; 
	margin-bottom: 8px;
}

div#bot {
	width: 624px;
	background: #ddf;
	clear: both;
	text-align: left;
	margin: 12px 48px 0px;
	height: 372px;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 18px;
}

div#botleft {
	background-color: #fff;
	float: left;
	text-align: center;
	width: 406px;
	height: 290px;
	border: 1px solid #ccc;
}

div#botright {
	background-color: #ffc;
	float: right;
	width: 152px;
	height: 284px;
	border: 1px solid #ccc;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 14px;
}

p.question {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-left: 72px;
	font-weight: bold;
}

li.maintext {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-left: 72px;
}

li.maintext a:link, 
li.maintext a:visited {
	color: #0072bc;
	text-decoration: none;
}
li.maintext a:hover, 
li.maintext a:active {
	color: #0072bc;
	text-decoration: underline;
}

li.answer {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-left: 72px;
}

li.answer a:link, 
li.answer a:visited {
	color: #0072bc;
	text-decoration: none;
}
li.answer a:hover, 
li.answer a:active {
	color: #0072bc;
	text-decoration: underline;
}

p.answer {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-left: 72px;
	margin-top: -0.5em;
}

p.answer a:link, 
p.answer a:visited {
	color: #0072bc;
	text-decoration: none;
}
p.answer a:hover, 
p.answer a:active {
	color: #0072bc;
	text-decoration: underline;
}

p.maintext {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-left: 72px;
	margin-right: 60px;
}

p.hometext {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	margin-left: 72px;
	margin-right: 60px;
}


p.maintext a:link, 
p.maintext a:visited {
	color: #0072bc;
	text-decoration: none;
}
p.maintext a:hover, 
p.maintext a:active {
	color: #0072bc;
	text-decoration: underline;
}


p.standard {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-right: 48px;	
}
/* home page right side main area */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

img.signup {
	padding-top: 4px;
	padding-bottom: 4px;
	border: 0;
}

img.tutorial {
	padding: 4px;
	margin-left: 12px;
	margin-bottom: 6px;
	border: 1px solid #ccc;
	float: right;
}

p.offertop {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	margin-top: 4px;
	margin-bottom: 0;
}

p.offer {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-top: 8px;
	text-align: left;
}

p.offer a:link, 
p.offer a:visited {
	text-decoration: none;
	color: #0072bc;
}

p.offer a:hover, 
p.offer a:active {
	text-decoration: underline;
	color: #0072bc;
}

div#feat {
	width: 624px;
	clear: both;
	text-align: center;
	margin: 12px 48px 0px;
	height: 200px;
	padding-right: 24px;
	padding-left: 24px;
}
div.featitem {
	width: 190px;
	height: 260px;
	float: left;
	margin-right: 24px;
	border: 1px dotted #ccc;
}

p.featext {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;	
	margin-left: 16px;
	margin-right: 12px;
	text-align: left;
}

p.featext a:link, 
p.featext a:visited {
	color: #0072bc;
	text-decoration: none;
}
p.featext a:hover, 
p.featext a:active {
	color: #fff;
	background: #0072bc;
}

p.secondnav {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-top: 4px;
	margin-bottom: 8px;
	padding-top: 8px;
	border-top: 1px dotted #ccc;
}

p.secondnav a:link, 
p.secondnav a:visited {
	color: #0072bc;
	text-decoration: none;
}

p.secondnav a:hover, 
p.secondnav a:active {
	color: #fff;
	background: #0072bc;
}

div.copy {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 8px;
	clear: both;
}

div.copy a:link,
div.copy a:visited {
	color: #999;
	text-decoration: none;
}
div.copy a:hover,
div.copy a:active {
	color: #333;
	text-decoration: none;
}
.reg {
	font-size: xx-small;
}
p.fineprint {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	margin-left: 72px;
	text-align: left;
}
div.entry {
	width: 60%;
	border: 8px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	padding: 12px;
}