/*General font: */ 

font	{font-family: Verdana, Arial, sans-serif; color: #666666;}

/*General properties of the body: Background color, -picture, margins.*/ 

body {background-color: #ffffff; color: #666666; }

.toppanel {background-color: #ffffff;}


.topmenuxp {background-color: #000000;  border-color:#A8BBCA; border-width:4px; border-style:solid; font-size:100%; color:#000000; font-family: "Comic sans ms", Verdana, Arial, sans-serif; font-weight:normal; background-image: url(spot-the-dot-back.jpg); height:28px;}

.topmenuxp a:link {font-size: 95%; color:#A8BBCA; font-family: "Comic sans ms", Verdana, Arial, sans-serif; font-weight:bold; text-decoration:none}

.topmenuxp a:visited {font-size: 95%; color:#A8BBCA; font-family: "Comic sans ms", Verdana, Arial, sans-serif; font-weight:bold; text-decoration:none}

.topmenuxp a:hover {font-size: 95%; background-color: #ffffff; color: #A8BBCA; font-family: "Comic sans ms", Verdana, Arial, sans-serif; font-weight:bold; text-decoration:none}

.topmenuxp a:active {font-size: 95%; color:#A8BBCA; font-family: "Comic sans ms", Verdana, Arial, sans-serif; font-weight:bold; text-decoration:none}


.topnav {background-color: #336699; margin-top:2px; border-color:#000000; border-width:1px; border-style:solid; font-size:80%; color:#ffffff; font-family: Verdana, Arial, sans-serif; font-weight:normal; text-align: center}

.topnav a:link { color:#ffffef; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none}

.topnav a:visited { color:#ffffef; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none}

.topnav a:hover{ background-color: #ffffef; color: #336699; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none}

.topnav a:active{ color:#ffffef; font-family: Arial, sans-serif; font-weight:bold; text-decoration:none}


.leftnav {float:left; width:220px;}

.leftnav a:link 	{color: #800000; font-weight:normal; text-decoration:none}
.leftnav a:visited 	{color: #800000; font-weight:normal; text-decoration:none} 
.leftnav a:hover     { background-color: #ffffff; color: #800000; font-weight:normal; text-decoration:none}
.leftnav a:active	{color: #800000; font-weight:normal; text-decoration:none}


.features {float:left; width:350px;}



.offer2 {float:left; width:160px; margin-left:2%; margin-top:5px; margin-bottom:10px;}

.offer3 {float:right; width:150px; margin-left:20px; margin-top:5px; margin-bottom:10px;}

.offer4 {margin-left:10%; margin-right:10%}

.bodyimage {background-image: url(footprints4.jpg); background-repeat: no-repeat; height:200px; font-size: 0%;}

.botnav {background-color: #336699;  border-color: #000000; border-width:1px; border-style:solid; font-size:80%; color:#ffffff; font-family: Arial, sans-serif; font-weight:normal; text-align: center}

.botnav a:link { color:#ffffef; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none}

.botnav a:visited { color:#ffffef; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none}

.botnav a:hover { background-color: #ffffff; color: #336699; font-family: Arial, sans-serif; font-weight:normal; text-decoration:none}

.botnav a:active { color:#ffffef; font-family:  Arial, sans-serif; font-weight:normal; text-decoration:none}


/*Links: */

a:link 	{color: #800000; font-weight:normal; text-decoration:none}
a:visited 	{color: #800000; font-weight:normal; text-decoration:none} 
a:hover     { background-color: #800000; color: #ffffff; font-weight:normal; text-decoration:none}
a:active	{color: #800000; font-weight:normal; text-decoration:none}

a:link img   { border-color: #800000;} 
a:visited img   { border-color: #800000;} 
a:hover img   { border-color: #800000;} 
a:active img   { border-color: #800000;} 

/*Headers: */

h1        {  font-size: 170%;  text-align:center; color: #444444;}
h2	{ font-size: 150%;   text-align:center; color: #444444;}
h3	{ font-size: 120%;  text-align:left; color: #444444;}
h4	{font-size: 200%; text-align:center; color: #444444;}
h5	{font-size:100%; font-weight: bold; text-align:center; color: #6699cc;}
h6	{font-size:180%; font-weight: bold; text-align:center; color: #800000;}
/*Properties for special highlight:*/

.special	{font-size: 150%; 	font-weight: bold;	color: #333333;}
.special1	{font-size: 120%;	color:  #333333;  	text-align:center;}
.special2	{text-align:center; }
.special3	{font-size: 110%; text-align:center; color: #333333;}
.special4	{font-size: 120%; color: #333333; text-align:left;}
.special5	{font-size: 180%; color: #CC0033; text-align:left; font-weight: bold;}
.special6	{font-size: 180%; color: #333333; text-align:left; font-weight: bold;}