/* CSS Document */

body {background:url(images/bg.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:20px 0; padding:0;}

p {margin:8px 0; padding:0;}
.keyurl { color:#333333; text-decoration:none}
a.keyurl:hover { text-decoration:underline}
#wrapper {width:998px; background:url(images/left-bg.jpg) repeat-y; margin:0 auto; padding:0;}

#head {background:url(images/head.jpg) repeat-x;}

.com {color:#FFFFFF; font-size:14px; font-weight:bold; line-height:50px; margin:0; padding:0;}
a.com  {color:#FFFFFF; text-decoration:none;}
a.com:hover {color:#E1FC3C;}

#left {float:left; width:288px; background:url(images/slogan.jpg) no-repeat; margin:0; padding:0 0 0 12px;}
#left ul {margin:0; padding:0;}
#left li {list-style:none; font-weight:bold; margin:5px 0; padding:0;}
#left a {color:#333333; text-decoration:none;}
#left a:hover {color:#0B8802;}

.on {color:#00FFFC;}

#right {float:right; width:695px; background-color:#FFFFFF; border-right:#CDCDD2 3px solid; margin:0; padding:0;}

.menu {background-color:#CDCDD2; text-align:right; font-weight:bold; line-height:30px; margin:0; padding:0;}
.menu a {color:#000000; text-decoration:none; margin:0; padding:8px 15px 7px 15px;}
.menu a:hover {color:#FBFF30; background:url(images/menu-on.jpg); border-left:#629709 1px solid; border-right:#629709 1px solid; margin:0; padding:8px 14px 7px 14px;}

a.menu-on {color:#FFFFFF; background:url(images/menu.jpg); border-left:#D2EE5B 1px solid; border-right:#80C014 1px solid; margin:0; padding:8px 14px 7px 14px;}

.slogan {color:#00FFFC; font-size:10px; margin:0; padding:11px 0;}

#main {margin:0; padding:10px 20px;}

h1 {color:#1E6900; font-size:16px; margin:0; padding:0;}

h2 {color:#80C505; font-size:10px; font-weight:lighter; border-left:#FCDF1C 3px solid; margin:0; padding:0 0 0 3px;}
h2 a {color:#67A001; text-decoration:none;}
h2 a:hover {color:#35EEC4;}

h3 {color:#426E6D; font-size:14px; margin:8px 0; padding:0;}

h4 {background-color:#7CBF06; color:#FFFFFF; font-size:12px; width:150px; text-align:center; margin:8px 0; padding:1px;}


#products ul {font-size:11px; margin:0; padding:0;}
#products li {float:left; list-style:none; width:200px; height:130px; display:block; margin:0 18px 15px 0; padding:0;}
#products a {color:#014F04; text-decoration:none;}
#products a:hover {color:#003399;}
#products img {margin:0 0 5px 0; padding:0;}

.up {clear:both; font-size:9px; text-align:right; background:url(images/top.jpg) no-repeat right; line-height:17px; margin:0 20px 0 0; padding:0 7px 0 0;}
.up a {color:#193200; text-decoration:none;}

#info {clear:both; color:#036A71; background:url(images/line.jpg) no-repeat; margin:0 0 0 330px; padding:3px 0;}

.tl {background-color:#DEDEDE; text-align:center; font-weight:bold;}

.tr {background-color:#EEEEEE;}

dl {margin:0 0 0 30px; padding:0;}
dt {background:url(images/circle.jpg) no-repeat left; margin:5px 0 0 0; padding:0 0 0 12px;}
dd {background:url(images/arrow.jpg) no-repeat left; margin:0 0 3px 10px; padding:0 0 0 12px;}
dl a {color:#004508; text-decoration:none;}
dl a:hover {color:#003399;}

.sp1 {background-color:#D2F1A4; text-align:center; font-weight:bold;}
.sp2 {border-right:#9BC75B 1px dotted; border-bottom:#9BC75B 1px dotted;}
.sp3 {border-right:#9BC75B 1px dotted; border-bottom:#9BC75B 1px dotted; text-align:center;}
.sp4 {color:#FF9900;}
caption {background-color:#7CBF06; color:#FFFFFF; font-size:12px;text-align:center; font-weight:bold; border-left:1px #FFFFFF solid;border-right:1px #FFFFFF solid;} 
table { margin-bottom:1em}
#relative {color:#999999; font-size:10px; margin:0; padding:10px 0 0 0;}
#relative ul {margin:0 0 0 15px; padding:0;}
#relative a {color:#777777; text-decoration:none;}
#relative a:hover {color:#009966;}

#foot {width:998px; background:url(images/foot.gif) no-repeat; height:10px; margin:0 auto; padding:0;}

#logs {display:none;}