/* CSS design by Thomas Egtvedt */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:#000 url(../media/bg.gif) top left repeat-x; margin:0 !important; padding:0;}
img {border:none;}
h1 {font:24px Georgia, "Times New Roman", Times, serif;}
h2 {font-size:16px; color:#fc3;}
h3 {font-size:14px;}
h1 {border-bottom:1px solid #fc3; color:#fc3; margin:0 0 20px 0; padding:0;}
h2,p,form{margin:0; padding:0 0 20px 0;}
h3{margin:0 0 0 20px; padding:10px 0;}
acronym {cursor:help;}
a{color:#fc3;}
a:hover{color:#f93;}
a:active{color:#000; background:#fc3;}
#printinfo{display:none;}

/* Basic divs positioning */
div#clbFrame {margin:0 auto; padding:0; width:800px;}

div#clbHead table {margin:5px auto 10px auto; width:800px; padding:0;}
div#clbHead td { line-height:150%; }
div#clbHead img { margin-top:10px; }

div#clbMenu table {color:#fff; padding:0; margin:0 auto; border:2px solid #fc3; border-color: #fc3 #000; width:800px;}
div#clbMenu td {font:12px Geneva, Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:bold; text-align:center; padding:2px 1px;}
div#clbMenu a, div#clbMenu a:visited {display:block; padding:2px 5px; color:#fff; text-decoration:none; border:1px #333 solid;}
div#clbMenu a:hover, div#clbMenu a:active {background:#666 url(../media/menu-active.gif) left center repeat-x; border:1px #333 solid; border-color:#999 #666 #666 #999;}
div#clbMenu a#current, div#clbMenu a#current:visited {color:#000; background:#666 url(../media/menu-on.gif) left center repeat-x; border:1px #333 solid; border-color:#fc3 #fd6 #fd6 #fc3;}

div#clbSub ul {list-style:none; margin:20px 0 0 5px; padding:0;}
div#clbSub li a {display:block; padding:3px 0 3px 10px; background:#000 url(../media/bullet.gif) left center no-repeat; _height:0;}

div#clbContent {margin:16px 0; padding:0;}
div#clbContent .r1 {width:150px;}
div#clbContent .r2 {width:226px; padding:0 16px;}
div#clbContent .r3 {width:226px; padding:0 16px 0 0;}
div#clbContent .r4 {width:150px;}
div#clbContent .r5 {width:634px; padding:0 0 0 16px;}
div#clbContent .r6 {width:309px; padding:0 0 0 16px;}
div#clbContent .p1 td {color:#000; background:#fff; padding:4px;}
div#clbContent .p1 td a {color:#c90;}
div#clbContent .p2 td, div#clbContent .p3 td, div#clbContent .p4 td, div#clbContent .p5 td {width:35px; text-align:center;}
div#clbContent .p2 td {border:1px solid #fff; padding:4px 0;}
div#clbContent .p3 td {background:#eee; color:#000; padding:4px 0;}
div#clbContent .p4 td {background:#ddd; color:#000; padding:4px 0;}
div#clbContent .p5 td {background:#ccc; color:#093; padding:4px 0; font-weight:bold;}
div#clbContent a img {display:inline-block; margin:0 0 20px 0; padding:4px; background:#333;}
div#clbContent a:hover img {background:#999;}

div#clbContent p {font-size:12px; text-align:justify; line-height:150%;}
div#clbContent ul {margin:0 0 0 32px; padding:0; list-style-type:square;}
div#clbContent li {margin:0; padding:2px 0;}
div#clbContent ol {margin:0 20px; padding:0;}
div#clbContent ol li {margin:8px; padding:0; line-height:150%;}

div#clbContent .prod {text-align:center; margin:10px 0 30px 0;}
div#clbContent .prod a img {display:inline; margin:0; padding:0; vertical-align:middle;}
div#clbContent .prod a {color:#666; font-size:12px; padding:3px;}
div#clbContent .prod a:hover {color:#333; font-size:12px; padding:3px;}
div#clbContent .prod a:hover img {background:#fff;}
div#clbContent .prod a.highlight {color:#fff; background:#666 url(../media/bg-menu-hover.gif) left center repeat-x; text-decoration:none; border:1px solid #333;}
div#clbContent li.block{background:#fff url(../media/bg-div.gif) top left no-repeat;}
div#clbContent a.quote{padding-left:20px; background:url(../media/quote.gif) left center no-repeat;}

.mform{width:410px; border:4px solid #333; padding:16px; background:#666;}
.mform h2.ih {background:#c93 url(../media/menu-on.gif) left center repeat-x; color:#333; padding:5px; margin:0 0 10px 0; font-variant:small-caps;}
label{cursor:pointer;}
label em{color:#f00}
input{background:#fff url(../media/bg-input.gif) top left no-repeat; border:1px solid #ccc; width:380px; padding:3px 6px;}
input.tworow, textarea.tworow{width:260px;}
textarea{background:#fff url(../media/bg-input.gif) top left no-repeat; border:1px solid #ccc; width:380px; padding:3px 6px;}
input:focus, textarea:focus{border:1px solid #fc3;}
.resetButton{width:50px;color:#999;}
.sendButton{width:100px;margin:0 5px 0 15px;background:#fc3 url(../media/menu-on.gif) left center repeat-x;color:#000;border-color:#c90;font-weight:bold;}
.sendButton:hover{border-color:#fd6; font-variant:small-caps;}
div#clbContent ul.formError{margin:0 0 20px 0; padding:10px 10px 10px 78px; list-style-type:none; color:#c00; background:#fed url(../media/error.gif) 6% 50% no-repeat; border:3px solid #fc3; width:300px;}
div#clbContent ul.bookError{margin:0 0 20px 0; padding:10px 10px 10px 78px; list-style-type:none; color:#c00; background:#fed url(../media/error.gif) 6% 50% no-repeat; border:3px solid #fc3; width:494px;}
	
div#clbFoot {margin:0 0 32px 0; padding:4px 0; border-top:2px solid #fc3; border-bottom:2px solid #fc3;}
div#clbFoot p {color:#fc3; margin:0; text-align:center; padding:0;}
p.prod {color:#333; margin:20px 0; padding:0; font-size:12px;}
p.totop {margin:10px 0;}
p.totop a {float:right; padding-right:20px; color:#069; background:url(../media/up.gif) right center no-repeat; font-size:12px;}
div#clbFoot a {padding:2px;border:1px solid #000;}
div#clbFoot a:hover {color:#000; background:#fc3 url(../media/menu-on.gif) left center repeat-x; text-decoration:none; border:1px solid #333;}
div#clbFoot span {display:inline-block; padding:0 4px;}