@import url('superfish.css'); 
@import url('superfish-vertical.css'); /*code from here optimised*/
* {margin: 0;padding: 0;} html body #container {height: auto;} html {height: 100%; margin: 0;padding: 0;}
body {text-align: center; font-size: 1em; font-family: Helvicta, Arial, Sans Serif; height: 1%; line-height: 1.5; background: #AA0080;} #container {height: auto; background: #fff; text-align: left; margin: auto; padding: 0; width: 1024px;} h1 {padding: 0; margin-bottom: 0;} #header {width: 1024px; height: 70px; background: url('../images/stripe.gif'); background-repeat: repeat; margin: 0; padding: 0;}
#header1 {background-position:top left; width: 350px; height: 70px; float:left; margin:0; padding:0;}
#header2 {background-position: top right; width:240px; height:70px; float:right; margin:0; padding:0;}
#breadcrumbs {width: 100%; height: auto; display: inline; float: left; font-size: 0.72em; padding-left: 3px; margin: 0; font-family: tahoma, arial, sans-serif; line-height: 1.5;} .vmenu {font: bold; width: 100%;} .vmenu ul {margin:0; padding:0; width: 100%; float:left; background:#fff url('../images/menu1.jpg')repeat-x center; position:relative;} .vmenu ul li   {display: inline;} .vmenu ul li a {float:left; text-align:center; width:auto; text-decoration:none; color:#666; padding:2px 8px 2px 8px; border-right:1px solid #666;}.vmenu ul li a:visited {color: #666;} .vmenu ul li a:hover   {color: #fff; background:#fff url('../images/menu2.jpg') repeat-x center; position:relative;}
.vmenu ul li.last fieldset.menulast    {float:right;border:none; margin-top: 1px;}
.vmenu ul li.last input.field {width: 190px;} .vmenu ul li.last input.button {width:70px;}
#sixth, #fifth, #fourth, #third, #second, #first {width: 150px; height: 190px; margin: 0; float: left; font-size: 0.76em; padding-left: 10px; padding-right:7px; border-right: 1px solid gray;}
#sixth {border-right: none; width: 140px;} h6 {color: #00DD00; font-size: 0.88em;}
#centercontent {width: 560px; margin-left: 60px; margin-top: 30px; margin-bottom:24px; padding: 3px; float: left; display: inline; height: auto;} #centercontent2{width: 900px; margin-left: 170px; margin-top: 30px; margin-bottom: 24px; padding: 3px; float:left; display:inline; height: auto;} #rightcontent {background: url('../images/box4.gif') no-repeat; width: 180px; height: auto; margin-right: 4px; float: right; overflow: hidden;} #rightcontent2{font-size: 0.88em; width: 169px; margin-top: 29px; border: 1px solid #00DD00; padding: 4px; overflow: hidden;font-family: Helvicta, Arial, Sans-Serif;} #smallbox {background: url('../images/box4.gif') no-repeat; width: 180px; height: auto; margin-top: 5px; margin-left:5px; float: left;} #smallbox2    {font-size: 0.88em; width: 170px; margin-top: 4px;font-family: Helvicta, Arial, Sans-Serif;} #smallbox2nd  {margin-top: 5px; background: url('../images/box4.gif') no-repeat; width: 180px; height:auto; margin-left: 5px; float: left; display: inline;font-family: Helvicta, Arial, Sans-Serif;}#smallbox22nd {font-size: 0.88em; width: 169px; margin-top: 29px; border: 1px solid #00DD00; padding: 5px; overflow: hidden;} #footer {clear:both; text-align: left; background-image: url('../images/stripe.gif'); background-repeat: repeat; border-top: 1px solid #F4F4F4;  height:230px;} #centerarea {width: 170px; height: 1%; float: left; display: inline; margin: 5px; padding: 0; position: relative;} #rightarea {width: 170px; height: 1%; float: left; display: inline; margin: 5px; padding: 0; position: relative;} #leftarea     {width: 190px; height: 1%; float: left; display: inline; margin: 5px; padding: 0; position: relative;}#leftarea2    {width: 250px; float: left; margin: 0; padding: 5px;} #rightarea2 {width: 250px; float: left; display: inline; margin-left: 15px; padding: 5px;} #area {width: 230px; float: left; margin: 0; padding: 0;}#area2 {width: 230px; float: right; margin-left: 20px; padding: 0;} #rightarea3 {width: 215px; float: left; margin-left: 20px; padding: 0; display: inline;} div.space {width: auto; height: 160px;} ul {list-style: none; font-size: 0.88em;} a:link {color: #AA0080;} a:active, a:hover, a:visited {color: #666;}h2 a:link, h2 {padding-bottom: 10px; padding-top: 6px; color: #AA0080; font-size: 1.25em; font-family: helvicta, arial, sans-serif} h3 {color: #00B72E; font-size: 1.00em; margin-bottom: 8px; margin-top: 8px;}table.text td {width: auto; padding: 3px;} table.text {width: 500px;} table.code tr td{font-size: 0.88em;}table.word {width: 500px; height: auto; font-size: 0.88em;} img {border: none;} a img {border: none;}img.floatright{float: right; margin:0; padding:5px;} img.floatleft {float: left; margin:0; padding:5px;}.blue {color: blue;} .text {font-size: 0.88em; width: 90%;} .odd {background: #EEE;}.padding {margin-top: 15px;} .paragraph {margin: 10px; font: 0.75em arial; list-style: decimal; padding: 15px;} .tutorials {background: #f4f4f4; padding: 3px;} .red {color: red;} .clear {clear: both;}div.tabless   {width: 370px;height: 285px; float:left; padding: 10px;} ol.bullets {list-style-type: none; padding: 0; margin: 0;} .bullets li {background-image: url('../images/diamond.gif'); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .9em;} .indent {margin-left: 50px;} .indent3 {margin-left: 15px;} .indent4 {margin-left: 30px;} .indent2 {margin-left: 23px;} .indent1 {margin-left: 6px;} .center {text-align:center;} .small {font-size: 0.68em; font-style:italic;} .caption {text-align:center; font-size: 0.70em; font-style:italic;} .caption2 {text-align:left; font-size:0.70em; font-style:italic;}p.footend {clear:both; text-align:center; font-size: 0.66em;} p.heading {text-align: center; background: #9cf; width: 200px;} p.shaded  {background: #bfdfff; font: 0.75em arial;} p.right   {float: right; color: #EA00AF;} p.right a:link {color: #AA0080;} p.right a:visited {color: #AA0080;} p {margin-bottom: 10px; font-size: 0.88em;} p.top {margin-top: 16px;} p.left {text-align: left; margin-left: 50px;} li.italic {font-size: 0.75em; font-style: italic;} ul li.tutorials {padding: 50px;} table.contactform {width: 560px; font-size: 0.88em;}