body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color: #E0E0E0;
}
#wrapper {
text-align: left;
width: 760px;
margin-right: auto;
margin-left: auto;
border-left: 3px solid #cccccc;
border-right: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
background-color: #ffffff;
}
#content {
min-height:410px;
width: 500px;
float: right;
padding: 20px 10px 15px 0;
font-size: 90%;
}

#content, #contentwide {
min-height:610px;
margin-left:40px;
margin-right:20px;
font-size: 90%;
}

#content a:link, #contentwide a:link { color: #036; }
#content a:visited, #contentwide a:visited { color: #066; }		
#content a:hover, #content a:active, #contentwide a:hover, #contentwide a:active {
color: #fff;
background-color: #036;
}

#content p, #contentwide p {
line-height: 1.6em;
padding-left: 2em;
}

#content h1, #contentwide h1
{
font: normal 190% "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin: 0px;
color:#a6c0d9;
padding-top: 1em;
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;
}

#content h2, #content h2 {
font: normal 120% "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
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;
}

#content .green ul {
line-height: 1.6em;
padding-left: 2em;
}
#content .green li {
font-size: 90%;
border-bottom: 1px solid #cccccc;
padding-bottom:4px;
padding-top:4px;
margin-left:7px;
list-style-image: url(../graphics/tick1.gif);
}

div#content .blue ul {
line-height: 1.6em;
padding-left: 2em;
}
div#content .blue li {
font-size: 90%;
padding-bottom:4px;
padding-top:4px;
margin-left:7px;
list-style-image: url(../graphics/arrow.gif);
}

div#content .subheading {
font-weight:bold;
color: #000066;
font-size:110%;
padding-top:5px;
margin:0;
}

#email {
text-align:right;
padding-right:2em;
font-size: 85%;	
}
#email a {
color: #999999;
padding: 3px 3px;
text-decoration: none;
}
#email a:link, #email a:visisted {
display: block;
color: #666666;
padding: 3px 3px;
text-decoration: none;
}
#email a:hover {
background-color: #999999;
color: #ffffff;
}

#navigation {
float:left;
}

#navigation ul {
list-style: none;
margin-left: 0;
padding-left: 0;
width: 140px;	
background-color:transparent;	
}
#navigaition li {
font-size: 80%;
}
#navigation a:link, #navigation a:visited {
display: block;
color: #000000;
width: 140px;
padding: 3px 3px;
text-decoration: none;
}
#navigation a:hover {
background-color: #999999;
color: #ffffff;
}

#navigation1 ul {
list-style: disc;
margin-left: 15px;
padding-left: 0;
width: 120px;
font-size: 80%;
background-color:transparent;
line-height:1.2em;
}
#navigation1 ul ul {
list-style: circle;
padding-left:10px;
font-size:100%;
}

#navigaition1 li {
}
#navigation1 a:link, #navigation1 a:visited {
display: block;
color: #000000;
width: 120px;
padding: 3px 3px;
text-decoration: none;
}

#navigation1 ul ul a:link, ul ul #navigation1 a:visited {
display: block;
color: #000000;
width: 120px;
padding: 3px 3px;
text-decoration: none;
}

#navigation1 a:hover,  #navigation1 ul ul a:hover{
background-color: #999999;
color: #ffffff;
}

body#home a#homenav,
body#doc a#docnav,
body#description a#descriptionnav,
body#installation a#installationnav,
body#quickguide a#quickguidenav,
body#download a#downloadnav,
body#ex a#exnav,
body#other a#othernav,
body#xml a#xmlnav,
body#faq a#faqnav,
body#features a#featuresnav,
body#contacts a#contactsnav
{
color: #fff;
background: #A6C0D8;
}

#footer {
clear: both;
padding: 15px 15px 10px 190px;
border-top: 2px solid #cccccc;
margin-top: 10px;
font-size: 80%;
color: #666666;
background-color:#EFEFEF;
}