/* CSS Document */
body { margin:4px; background-image:url(img/body/background.jpg); background-repeat:repeat-x; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:0.75em; overflow : auto; }
#nav {background-image:url(img/header/navBg1.gif); background-repeat:repeat-x; height:24px; color:#FFFFFF; margin-bottom:1px;}
.container {width:760px;}
.floatLeft {float:left;}

#header {margin-bottom:0px;}
#header .tab {background-color:#00A9CC; color:#FFFFFF;}
#header .butOff	{color:#FFFFFF; background-color:#333366; height:20px; float:right; margin-right:1px; margin-top:5px; margin-bottom:1px; text-decoration:none;}
#header .butOn {color:#FFFFFF; background-color:#006699; height:20px; float:right; margin-right:1px; margin-top:5px; margin-bottom:1px; color:#ffffff; text-decoration:none;}
#header .butActive {color:#FFFFFF; background-color:#006699; height:26px; float:right; margin-right:1px; margin-top:0px; color:#ffffff; text-decoration:none;}
#header .butCurrent	{color:#FFFFFF; background-color:#00A9CC; height:26px; float:right; margin-right:1px; margin-top:0px; color:#ffffff; text-decoration:none;}
#header .date {float:right; margin-top:14px; margin-bottom:32px; color:#006699;}
#header .right {float:right; width:350px;}
#header a.link {color:#FFFFFF; text-decoration:none;}

#leftnav {width:160px; background-color:#3065A2;}
#leftnav .header {padding-left:5px; background-color:#000066; line-height:28px; color:#FFFFFF; font-weight:bold; color:#FFFFFF; border-style:solid; border-width:0px 0px 1px 0px; border-color:#ffffff;}
#leftnav .subHeader {color:#FFFFFF; line-height:17px;}
#leftnav .subHeader {color:#FFFFFF; line-height:17px;}
#leftnav .subHeader .dotted {background-color:#3065A2; background-image:url(img/common/dotted.gif); background-repeat:repeat-x; margin-left:5px; margin-right:5px;}
#leftnav .subHeader .space {background-color:#3065A2;}
#leftnav .subHeaderItem {background-color:#86A7CE; color:#FFFFFF; line-height:17px; border-style:solid; border-width:0px 0px 0px 1px; border-color:#FFFFFF;}
#leftnav .subHeaderItem .dotted {background-color:#86A7CE; background-image:url(img/common/dotted.gif); background-repeat:repeat-x; margin-left:5px; margin-right:5px;}
#leftnav .subHeaderItem .space {background-color:#3065A2;}
#leftnav a.link {color:#FFFFFF; text-decoration:none;}
#leftnav a.link:hover {color:#FFCC00;}
#leftnav .space {background-color:#C1DDE6;}

#rightnav {width:140px;}
#rightnav .demoHeader {padding-right:5px; background-color:#CC3300; line-height:28px; color:#FFFFFF; font-weight:bold; color:#FFFFFF; border-style:solid; border-width:0px 0px 1px 0px; border-color:#ffffff;}
#rightnav .demoBox {background-color:#CC6600; color:#FFFFFF; font-weight:bold; padding:5px; background-image:url(img/rightnav/demo/demo1.gif); background-repeat:repeat-x;}
#rightnav hr {padding:0px; margin:0px; margin-bottom:5px; color:#99CCCC; height:1px;}
#rightnav .newsHeader {padding-right:5px; background-color:#006666; line-height:28px; color:#FFFFFF; font-weight:bold; color:#FFFFFF; border-style:solid; border-width:0px 0px 1px 0px; border-color:#ffffff;}
#rightnav .newsBox {background-color:#339999; color:#FFFFFF; font-weight:bold; padding:5px; width:130px}
#rightnav .space {margin-top:5px; margin-bottom:5px; background-color:#CCE5E5;}

#content {padding:1px;}
#content .header {background-color:#000066; height:26px; line-height:23px; color:#FFFFFF; font-weight:bold; color:#FFFFFF; margin-left:4px}
#content h3 {color:#FFFFFF; margin:0px; font-size:1em;}
#content h4 {color:#3065A2; margin:0px; margin-bottom:5px; font-size:1em;}
#content p {margin:2px; margin-bottom:8px}
#content i {font-size:1.0em;}

#content .product {border-style:solid; border-width:1px; border-color:#000066; padding:6px; margin-left:4px; margin-bottom:4px}
#content .productBox {background-image:url(img/body/productBg.jpg);width:49%; margin-right:0px; margin-bottom:0px; margin-top:0px}
#content .productBoxNoBG {width:55%; margin-left:1px; margin-right:0px; margin-bottom:2px;}
#content .product img {margin-right:4px;margin-left:1px; margin-bottom:0px;}
#content .product .screenShotLeft {margin-right:8px; margin-bottom:5px; border: 1px solid black}
#content .product .screenShotRight {margin-left:8px; margin-bottom:5px; border: 1px solid black}
#content .product p { text-align:justify; clear:both;}

#footer {background-color:#3065A2; line-height:24px; color:#FFFFFF;}
#footer a.link {color:#FFFFFF; text-decoration:none;}
#footer a.link:hover {color:#FFCC00;}

#infoBox {background-color:#3065A2;}