body {
margin: 0;
padding: 0;
font-size: 100%;
font-family: arial, verdana;
/*color: #000;*/
color: #333366;
background-color: #fff;			
}
div .line {
border-top: 1px dashed;
border-top-color:#86A4BF;	
background-color:#cccccc;
}		
a:link { color: #036; }
a:visited { color: #066; }		
a:hover, a:active {
color: #fff;
background-color: #036;
}
.boxout a:link { color: #ffffff; }
.boxout a:visited { color: #ffffff; }
.boxout a:hover, .boxout a:active {
color: #ffffff;
background-color: #ffffff;
}
div#banner {
background-color: #333366;
border-bottom: 1px solid #000;
}
.bannersmall {
font-size: 60%;
}
div#banner h1, div#banner1 h1
{
padding-right: 0px;
padding-left: 0.5em;
font-weight: normal;
font-size: 180%;
padding-bottom: 0em;
margin: 0px;
padding-top: 0.6em;
color: #ffffff;
}
div#banner h2, div#banner1 h2
{
padding-right: 0px;
padding-left: 0.5em;
font-weight: normal;
font-size: 100%;
padding-bottom: 0.6em;
margin: 0px;
padding-top: 0em;
}
div#banner a:link{ color: #ffffff; text-decoration: none;}
div#banner a:visited { color: #ffffff;text-decoration: none; }
div#banner a:hover, a:active {
color: #ff0000;
background-color: #036;
text-decoration: none;
}
div#banner1 a:link{ color: #ffffff; text-decoration: none;}
div#banner1 a:visited { color: #ffffff;text-decoration: none; }
div#banner1 a:hover, a:active {
color: #ff0000;
background-color: #036;
text-decoration: none;
}
div#email {
float: right;
color: #ffffff;
}
div#email a:link { color: #ffffff; text-decoration: none;}
div#email a:visited { color: #ffffff;text-decoration: none; }		
div#email a:hover, a:active {
color: #ff0000;
background-color: #036;
text-decoration: none;
}
div#container {
background-image: url(../graphics/bk_blue.jpg);
background-repeat: repeat-y;			
}
div#container1 {
background-image: url(../graphics/bk_green.jpg);
background-repeat: repeat-y;			
}

div#container2 {}

div#container3 {
background-image: url(../graphics/bk_light_blue.jpg);
background-repeat: repeat-y;			
}

div#container4 {
background-image: url(../graphics/bk_light_pink.jpg);
background-repeat: repeat-y;			
}

div#navigation, div#navigation1, div#navigation2, div#navigation3 {
float: left;
width: 150px;
padding-top: 2em;
font-size : 90%;
}
div#navigation .small,  div#navigation1 .small, div#navigation2 .small, div#navigation3 .small{
font-size:90%;
font-weight:bold;
}
div#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color : #bacbdb;
margin-left:10px;
}

div#navigation1 ul {
margin: 0;
padding: 0;
list-style-type: none;
/*background-color : #d7f9eb;*/
background-color : #d9dab8;
margin-left:10px;
}

div#navigation2 ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color : #Dd7f9eb;
margin-left:10px;
}

div#navigation3 ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color : #FFECF5;
margin-left:10px;
}

/* navigation rollover */
div#navigation a,  div#navigation1 a,  div#navigation2 a,  div#navigation3 a {
display: block;
color: #000000;
width: 140px;
padding: 3px 3px;
text-decoration: none;
}
div#navigation a:hover, div#navigation1 a:hover, div#navigation2 a:hover, div#navigation3 a:hover {
background-color: #999999;
color: #ffffff;
}
/* See http://www.hicksdesign.co.uk/personal/experiments/cssnav/faq.html */
body#home a#homenav,
body#features a#featuresnav,
body#concepts a#conceptsnav,
body#installation a#installationnav,
body#postinstallation a#postinstallationnav,
body#postinstall a#postinstallnav,
body#securearea a#secureareanav,
body#subs a#subsnav,
body#cart a#cartnav, 
body#store a#storenav,
body#alternative a#altnav, 
body#smtp a#smtpnav, 
body#login a#loginnav,
body#admin a#adminnav,
body#testing a#testingnav,	
body#technical a#technicalnav,
body#purchase a#purchasenav,
body#flash a#flashnav,
body#csv a#csvnav,
body#cv a#cvnav,
body#aftersales a#aftersalesnav,		
body#feedback a#feedbacknav,
body#download a#downloadnav,
body#wimpy a#wimpynav,
body#links a#linksnav,
body#license a#licensenav,
body#faq a#faq,
body#usersites a#usersitesnav,
body#quick a#quicknav,
body#demo a#demonav,
body#keycodes a#keycodesnav
{
color: #fff;
background: #A6C0D8;
}
div#more {
float: right;
width: 240px;
margin: 0;
padding: 2em 10px 0 0;
color: #000000;
}
div#more p
{
padding : 5px 5px 5px 5px;
border : 1px dashed;	
background-color : #F9F9F9;
/*-moz-border-radius: 10px;	*/
}
div#imagetitle {
float: right;
width: 100%;
height: 80px;
margin: 0;
}
div#grey{
background-color:#ffffff;
}
div#content {
margin-left: 190px;
margin-right: 280px;
}
div#content h1
{
font-weight:bold;
font-size: 175%;
line-height:1.1em;
margin: 0px;
color: #4f84ad;
padding-top: 1em;
padding-left: 20px;
background-repeat: no-repeat;
background-image: url(../graphics/yellow_arrow.gif);
background-position: left bottom;
}
div#content h2
{
border-top: #bacbdb 1px solid;
font-weight: bold;
font-size: 130%;
margin: 0px;
color: #000000;
line-height: 1.3em;
padding-top: 0.5em;
padding-left: 15px;
background-image: url(../graphics/blue_arrow.gif);
background-position: left bottom; 
background-repeat: no-repeat;
background-color: #ffffff;
}
div#content .arrow {
font-weight: bold;
background-image:url(../graphics/green_arrow.gif);
background-position: left bottom; 
background-repeat: no-repeat;	
padding-left:12px;
}
div#content li
{
list-style-image: url(../graphics/redbullet.gif);
margin-left: 10px;
}
div#content, div#more { 
line-height: 120%; 
font-size: 90%;			
}
div#content .lightgrey {
background-color: #eeeeee;
}
div#content .red {
color: #ff0000;
}
div#content .italic {
font-size: 100%;
font-style:italic;
}
div#content .small {
font-size: 85%;
}
#cleardiv {
clear: both;
height: 1em;
}		
div#topnav {
width: 100%;
margin: 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #000000;
text-align: center;	
font-size:95%;
}
div#topnav a {
color: #000000;
text-decoration: none;
}
div#topnav a:hover 	{
background-color: #CCCCCC;
color: #000000;
}
div#topnav h1 {
font-size:100%;
padding: 0 0 0 0;	
}
.menutopactive {
background-color: #CCCCCC;
color: #000000;	
}
div#topmenu {
width: 100%;
margin: 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #000000;
text-align: center;			
}
div#topmenu h1 {
font-size:100%;
padding: 0 0 0 0;	
}
div#footer {
clear: both;
padding: 0 0 0 0;
border-top: 1px solid #999;
text-align: left;
background-color: #0066CC;
color: #ffffff;	
font-size: 80%;
}
div#footer1 {
clear: both;
padding: 0 0 0 0;
border-top: 1px solid #999;
text-align: left;
background-color: #0066CC;
color: #ffffff;	
font-size: 80%;
}
div#footer_images {
clear: both;
padding: 5px 5px 5px 5px;
border-top: 1px solid #999;
text-align: left;
color: #ffffff;			
}