body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #ffffff;
margin: 0; 
padding: 0;
text-align: center; 
color: #000000;
}
div .line {
border-top: 1px dashed;
border-top-color:#86A4BF;	
background-color:#cccccc;
}
div .code { 
color: #000000;
background-color:#ffffcc;
font-size:90%;
margin: 20px 2px 20px 2px;
padding: 7px 7px 10px 7px;
border: 2px solid #cccccc;
}
div .image { 
border: 2px solid #cccccc;
}
a:link { color: #0078ff; }
a:visited { color: #066; }		
a:hover, a:active {
color: #fff;
background-color: #036;
}
.bannertable_mon {
background-image:url(../graphics/front_banner_ipnmonitor.jpg);
background-repeat:repeat-y;
}
.bannertable_sec {
background-image:url(../graphics/front_banner_securearea.jpg);
background-repeat:repeat-y;
}
div#topnav_sub {
width: 100%;
margin: 0;
padding: 0 0 0 0;
padding-bottom: 0px;
margin-top: 2px;
padding-top : 0px;
color: #000000;
background-color: #ffffff;
text-align: right;	
font: 84% Verdana, Arial, Helvetica, sans-serif;
}
div#container { 
position: relative; 
width: 990px;  
background: #FFFFFF;
margin: 0 auto; 
text-align: left; 
}
div#headeripn { 
padding: 0 10;
background-color: #60609B;
border-bottom: 5px solid #000;	
border-top: 5px solid #000;	
}
div#headersec { 
padding: 0 10;
background-color: #666666;
border-bottom: 5px solid #000;	
border-top: 5px solid #000;	
}
div#headerlic { 
padding: 0 10;
background-color: #00508A;
border-bottom: 5px solid #000;	
border-top: 5px solid #000;	
}
div#headermap { 
padding: 0 10;
background-color: #0F7B17;
border-bottom: 5px solid #000;	
border-top: 5px solid #000;	
}
div#header { 
padding: 0 10;
background-color: #333366;
border-bottom: 5px solid #000;	
border-top: 5px solid #000;	
}
.headersmall {font-size: 60%;}
div#header h1, div#headersec h1, div#headerlic h1, div#headermap h1, div#headeripn h1 {
padding: 0.6em 0px 0em 0.5em;
font-weight: normal;
font-size: 180%;
margin: 0px;
color: #ffffff;
}
div#header h2, div#headersec h2, div#headerlic h2, div#headermap h2, div#headeripn h2 {
padding: 0em 0px 0.6em 0.5em;
font-weight: normal;
font-size: 100%;
margin: 0px;
}
div#header a:link, div#headersec a:link, div#headerlic a:link, div#headermap a:link, div#headeripn a:link{ color: #ffffff; text-decoration: none;}
div#header a:visited, div#headersec a:visited, div#headerlic a:link, div#headermap a:visited, div#headeripn a:visited{ color: #ffffff;text-decoration: none; }
div#header a:hover, a:active, div#headersec a:hover, a:active, div#headerlic a:hover, a:active, div#headermap a:hover, a:active, div#headeripn 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#sidebar1 {
position: absolute;
top: 180px;
left: 0;
width: 150px; 
padding: 15px 10px 15px 0px;
font-size: 90%;
border-top: 3px solid #000000;
}
div#sidebar1 ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-left:10px;
}
/* navigation rollover */
div#sidebar1 a {
display: block;
color: #000000;
width: 140px;
padding: 3px 3px;
text-decoration: none;
}
div#sidebar1 a:hover {
background-color: #999999;
color: #ffffff;
}
/* See http://www.hicksdesign.co.uk/personal/experiments/cssnav/faq.html */
body#home a#homenav,
body#free a#free,
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#non_subs a#non_subsnav,
body#cart a#cartnav, 
body#store a#storenav,
body#express a#expressnav,
body#ajax a#ajaxnav,
body#alternative a#altnav,
body#smtp a#smtpnav,
body#mp3 a#mp3nav,
body#login a#loginnav,
body#goo a#goonav,
body#goob a#goobnav,
body#admin a#adminnav,
body#testing a#testingnav,
body#import a#importnav,
body#technical a#technicalnav,
body#purchase a#purchasenav,
body#description a#descriptionnav,
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,
body#products a#productsnav
{
color: #fff;
background: #A6C0D8;
}
div#sidebar2 {
position: absolute;
top: 180px;
right: 0px;
width: 190px;
padding: 10px 0px; 
border-top: 3px solid #000000;
}
div#sidebar2 p {
margin-left:5px;
margin-right:0px;
padding : 5px 5px 5px 5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
/*background-color : #F9F9F9;*/
background-color : #f4f5e8;
font-size:100%;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

}
div#sidebar2 h3 {
font-size: 100%;
}
div#topnav {
width: 100%;
margin: 0;
padding: 0 0 0 0;
padding-bottom: 10px;
margin-top: 10px;
padding-top : 10px;
color: #000000;
background-color: #ffffff;
text-align: center;	
font-size:90%;
border-top: 1px dashed #999999;
}
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#mainContent { 	
margin: 0 190px; padding: 0 10px;
}
div#mainContent p { 
line-height: 1.6em; 
padding-bottom:0.4em; 
font-size:95%; 
padding-left: 2em;
}
div#mainContent h1 {
font: normal 180% "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin: 0px;
color:#000000;
padding-top: 0.5em;
padding-left: 20px;
background-repeat: no-repeat;
background-image: url(../graphics/yellow_arrow.gif);
background-position: left bottom;		
line-height: 0.8em;
text-transform: lowercase;
line-height: 1.1em;
}
div#mainContent h2 {
font-size:110%;
border-top: #bacbdb 1px solid;
font-weight: bold;
margin: 0px;
color: #4cbc00;
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;
text-transform: lowercase;
}
div#mainContent h3 {
font-size:100%;
font-weight:bold;
}
div#mainContent .arrow {
font-weight: bold;
background-image:url(../graphics/green_arrow.gif);
background-position: left bottom; 
background-repeat: no-repeat;	
padding-left:12px;
}
div#mainContent li {
list-style-image: url(../graphics/redbullet.gif);
margin-left: 10px;
font-size:100%;
line-height: 1.3em;
}
div#mainContent, div#sidebar2 { 
line-height: 120%; 
font-size: 90%;			
}
div#mainContent .lightgrey {
background-color: #eeeeee;
}
div#mainContent .red {
color: #ff0000;
}
div#mainContent .italic {
font-size: 100%;
font-style:italic;
}
div#mainContent .small {
font-size: 85%;
}
div#footer {
margin-top: 50px;
padding-bottom:10px;
padding-top:10px;
border-top: 1px solid #999;
text-align: left;
background-color: #ffffff;
color: #999999;	
font-size: 80%;		
} 
div#footer a {
text-decoration: none;
color: #999999;	
}
div#footer_images {
clear: both;
padding: 5px 5px 5px 5px;
border-top: 1px solid #999;
text-align: left;
color: #ffffff;			
}
/* float an element right in your page */
.fltrt {float: right;margin-left: 8px;}
/* float an element left in your page */
.fltlft {float: left;margin-right: 8px;}