html,body{margin:0;padding:0
}
body { color: #f6f6c8; font: 100% Georgia, "Times New Roman", Times, serif; background-color: #0a0b0f; }
body { text-align:center 
}
#header { background-color: #0a0b0d; background-image: url(../images/cw-center-rainbow.jpg); width:100%; margin:0; text-align:left; height: 200px; z-index: 0; border-style: none; border-width: 0; }
#leftheader { background-image: url(../images/cw-left-rainbow.jpg); background-repeat: no-repeat; height: 200px; width: 356px; left: 0; top: 0; position: absolute; z-index: 2; visibility: visible; float: left; }
#rightheader { background-image: url(../images/cw-right-lisa.jpg); background-repeat: no-repeat; height: 120px; width: 424px; top: 20px; position: relative; z-index: 7; visibility: visible; float: right; border: inset 2px #f6f6c8; outline: none 12px #919489; }

#nav { height: 40px; width: 340px; left: 454px; top: 160px; position: absolute; z-index: 23; visibility: visible; float: none; }
div#nav ul{ position:relative; width: 340px; height: 40px; overflow: hidden; list-style-type: none; margin: 0; padding: 0; background:url(../images/cw-nav-rainbow.jpg) no-repeat; z-index: 3; }
div#nav li{ background-image: url(../images/cw-nav-rainbow.jpg); position: absolute; height: 40px; z-index: 3; margin: 0; padding: 0 ; list-style-type: none; }
div#nav a{ display: block; text-indent: -9000px; text-decoration: none; padding: 40px 0 0; overflow: hidden; height: 0 !important; height /**/:40px; background-image: url(../images/cw-nav-rainbow.jpg); z-index: 3; }

li#mwebd{ width: 87px; left: 0; top: 0; z-index: 3 }
li#mwebd a{background-position: 0px 0px}
li#mwebd a:hover{background-position: 0px -40px}
body#webd li#mwebd a{background-position: 0px -80px}

li#mbest{ width: 90px; left: 87px; top: 0; z-index: 3 }
li#mbest a{background-position: -87px 0px}
li#mbest a:hover{background-position: -87px -40px}
body#best li#mbest a{background-position: -87px -80px}

li#mhost { width: 80px; left: 177px; top: 0; z-index: 3 }
li#mhost a{background-position: -177px 0px}
li#mhost a:hover{background-position: -177px -40px}
body#host li#mhost a{background-position: -177px -80px}

li#mcont{ width: 83px; left: 257px; top: 0; z-index: 3 }
li#mcont a{background-position: -257px 0px}
li#mcont a:hover{background-position: -257px -40px}
body#cont li#mcont a{background-position: -257px -80px}


#main { width:100%; margin:1em auto; text-align:left; position:relative; z-index: 9; border:0 #333333; }
#leftcol { position:absolute; top:0; left:0; width:40%; visibility: visible; padding:1% 0 70%; }
#centercol { top: 0; z-index: 13; visibility: visible; margin:0 27% 0 40%; border-top: 0 none; border-bottom: medium none; border-left-color: #333333; border-left-style: outset; der-right-color: ;;border-right-style: outset; padding:1% 0 75%; }
#rightcol { color: #b3b7a9; position:absolute; top:0; right:0;
    width:23%;\width:27%;w\idth:23%; /*box model hack*/
    visibility: visible; padding:0 0 5%; border-right: 1px outset #724b32; border-top-color: #724b32; border-bottom-color: #724b32; border-left-color: #724b32; }
#footer {  width:100%; margin:1em auto; text-align:left; padding:1em 0; border: solid 1px #b3b7a9; }


h1 { font-size:125%; vertical-align: top; margin: 2px; padding: 4px; }
h2 { font-size:108%; display:block; margin:0; padding-right: 4px; padding-left: 8px; }
h3 { font-size: 150%; text-align: center; }
h4 { font-size: 120%; margin-right: 4px; margin-left: 4px; padding-right: 4px; padding-left: 4px; }
h5 { font-size: 105%; vertical-align: top; margin: 2px; padding: 4px;  }
h6 { font-size:90%; display:block; margin:8% 1em 0.5em; }
p { font-size: 100%; margin: 12px; }
li { margin: 20px; padding: 2px; }
hr { display:none }
.auto {
	cursor: auto;
}
a:link { color: #b3b7a9; font-size: 75%; text-align: center; }
a:visited { color: #919489; }
a:hover { color: #f6d7c8; background-color: #d90003; }
a:active { color: #0098b7; }
a.ev:link { color: #ff4f2a; font-size: 120%;}
a.ev:visited { color: #ff4f2a; }
a.ev:hover { color: #ff4f2a; background-color: #f8f8c9; border: solid 2px; }
a.ev:active { }
a.onlight:link { color: #300; font-family: Georgia, "Times New Roman", Times, serif; }
a.onlight:visited  { color: #333; font-family: Georgia, "Times New Roman", Times, serif; }
a.onlight:hover { color: #300; font-family: Georgia, "Times New Roman", Times, serif; background-color: #ff4f2a; }
a.onlight:active { color: #ff4f2a; font-family: Georgia, "Times New Roman", Times, serif; }
.imgprods { float: left; padding: 12px; }
.product { font-size: 100%; vertical-align: top; margin: 2px; padding: 4px; }
p.padding { font-size: 80%; margin: 1em; padding: 2em; }
.title { font-size: 150%; font-weight: bold; text-align: center; margin: 0 12px 4px; padding: 0 4px 4px; border: ridge 8px #ff4f2a; }
}
.littletitle { font-size: 130%; font-weight: bold; text-align: center; margin: 0 12px 4px; padding: 0 4px 4px; border: double 5px #630; }
}
 .littlelittletitle{ font-size: 120%; text-align: center; margin: 0 12px 4px; padding: 0 4px 4px; border: double 5px #630; }
.normal { }
.list { font-size: 110%; font-weight: 400; margin: 12px 12px 12px 20px; padding: 12px; }
.ondark { color: #b3b7a9; font-size: 80%;
    width:96%;\width:100%;w\idth:96%; /*box model hack*/ 
 margin: 1%; padding: 1%; border: ridge 4px; }
.highlight { color: #f6f6c8; font-size: 120%; }
.box { }
