/*
base color:006080
contrast color:805a00
logo background: 006080
menu background:003e53
menu text:d99900
main body background:f2efe6
main body text: 003648
main body anchor: 006080
main body visited: 003f54
popup background:006080
popup text:e6dfcf
 */

html
{ background:#006080; height:100%; }

body
{
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	background:#006080;
}

*
{ border:none; margin:0; padding:0; }

h1,h2,h3,h4,p
{ text-align:left; padding:0.5em 0;}

p, ul
{ text-align:justify; font-size:12pt; }

p.indent
{ padding-left:2em;}

ul{ margin-left:0; padding-left:1em; }
li{ margin:0; padding:0; }
ul.unbulleted{ list-style-type:none; }

h1
{ font-size:16pt;}

h2, h3
{ font-size:12pt; }

h4
{ font-size:10pt; }

span.update
{ color:red; }

div
{
	display:block;
	background:none;
	float:left;
	clear:none;
}

img.screenshot
{
	float:left;
	clear:left;
	margin:7px 2em 7px 7px;
}

div.main
{
	display:block;
	margin:0 auto;
	padding:0 7px;
	width:946px;
	float:none;
	background:#f2efe6;
	color:#003040;
}

div.logo
{
	float:left;
	clear:both;
	width: 960px;
	height: 120px;
	padding-left:40px;
	margin:0 -7px;
	background: #006080;
}

#menu
{
	position:relative;
	float:left;
	width:960px;
	margin:0 -7px;
	padding:0;
	height:53px;
	background: #003e53;
	/*background:repeat-x url(images/menubg.png);*/
}

div.adspace
{
	position:relative;
	float:right;
	clear:right;
	padding:0;
	margin:0;
}

div.finish_ad
{
	float:none;
	clear:both;
	margin:7px auto;
	padding:0;
	width:728px;
}
div.finish_ad p{font-size:smaller;font-weight:bold;}

#HCB_comment_box input.submit {
  background-color: #f2efe6;
  color: #006080;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
}

#HCB_comment_box div.hcb-wrapper {
	clear:both;
}

#HCB_comment_box div.comment {
	clear:both;
}

#HCB_comment_box div.hcb-wrapper textarea {
	width:946px;
}

div.finish
{
	float:none;
	clear:both;
}

div.fbshare{float:right; clear:none; margin:10px;}
div.adspace p{padding:0 0 0 20px;font-weight:bold;font-size:smaller;}
div.adspace a{display:block;position:static;float:left;clear:both;margin:0;padding:0 0 0 20px;}
div.adspace a span{display:none;position:absolute;top:0;left:-280px;width:300px;height:300px;}

a.lpbutton span{background:url(images/adlp_300x300.gif);}

div.adspace a:hover span{display:block;}

.main a
{
	color:#006080; 
}
.main a:visited
{
	color:#003f54;
}

.main a.nodecor, #menu a
{
	text-decoration:none;
}

#privacy
{
	float:none;
	clear:both;
	width:100%;
	background:#006080;
	width:100%;
}

#privacy a
{
	display:block;
	float:right;
	margin:10px;
	font-size:10pt;
	color:#d99900;
}

#privacy a:visited{color:#d99900;}

#menu li
{list-style:none; position:absolute; top:4px;}

#menu li, #menu a
{height:45px; display:block;}

#menu a
{background:transparent url(images/menu.png) no-repeat;}

#menu a span{display:none;}

#home {left:4px; width:75px;}
#home a{background-position:-4px -45px;}
#home a:hover{background-position:-4px -90px;}
#home a#self{background-position:-4px 0;}

#prod{left:83px; width:104px;}
#prod a{background-position:-83px -45px;}
#prod a:hover{background-position:-83px -90px;}
#prod a#self{background-position:-83px 0;}

#help{left:191px; width:63px;}
#help a{background-position:-191px -45px;}
#help a:hover{background-position:-191px -90px;}
#help a#self{background-position:-191px 0;}

#link{left:258px; width:116px;}
#link a{background-position:-258px -45px;}
#link a:hover{background-position:-258px -90px;}
#link a#self{background-position:-258px 0;}

#copy{left:378px; width:90px;}
#copy a{background-position:-378px -45px;}
#copy a:hover{background-position:-378px -90px;}
#copy a#self{background-position:-378px 0;}

#puzz{left:795px; width:48px;}
#puzz a{background-position:-795px -45px;}
#puzz a:hover{background-position:-795px -90px;}
#puzz a#self{background-position:-795px 0;}

#bubb{left:847px; width:48px;}
#bubb a{background-position:-847px -45px;}
#bubb a:hover{background-position:-847px -90px;}
#bubb a#self{background-position:-847px 0;}

#maze{left:899px; width:48px;}
#maze a{background-position:-899px -45px;}
#maze a:hover{background-position:-899px -90px;}
#maze a#self{background-position:-899px 0;}

#menu li a:hover + span{display:block;}

.inlineimage
{
	height:1em;
	vertical-align:bottom;
}

applet.hiddenApplet
{
	position:absolute;
	z-index:500;
	top:0;
	left:0;
	width:1px;
	height:1px;
	background:#006080;
}