/*
Quick.Cms.Lite light stylesheet
Author: treewood
Copyright by OpenSolution.org 2006
*/

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,td,th{margin:0;padding:0;border:0}

/* below you can change background and font for all site */
body{font:12px helvetica;margin:20px 0;background:#ebebeb;color:#6d6d6d;}
h1{display:none;color:#fff;font-size:1px;}
.clear{clear:both;}

/* MAIN PAGE: head, body and global container */
#container{width:700px;margin:0 auto;background:#fff;}
#head{width:700px;height:145px;padding:0px 0 0;margin:0 auto 10px;background:#fff url('http://www.harjumokit.com/logo2.jpg') 0px 0px no-repeat;}
#body{width:700px;margin:0 auto;padding:0;background:url('img/dot.gif') repeat-y 194px;}
#body .content{float:left;width:485px;margin-left:10px;}
#body:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* FOOTER */
#foot{width:700px;height:35px;margin:20px auto 0;border-top:5px solid #FCC200;}
#foot .powered{float:right;text-align:center;padding:8px 10px 0 0;}
#foot .powered a{font:10px helvetica;color:#1382c9;}

/* MENU LEFT */
#menu2{float:left;width:194px;margin:0 0 0 0;padding:0;list-style:none;border-top:1px solid #272727;}
#menu2 li{text-align:center;border-bottom:1px solid #272727;}
#menu2 a{font-size:14px;color:#000;font-weight:bold;display:block;padding:5px 0px 6px 0;text-transform:uppercase;}
#menu2 a:hover{background:#FCC200;color:#000;text-decoration:none;}
#menu2 a.selected{background:#FCC200;color:#000;}

/* MENU TOP */
#menu1{height:1px;}
#menu1 a{float:right;color:#000;border:0;margin-left:10px;margin-top:10px;margin-right:10px;<font-weight:bold;font-size:16px;text-decoration:none;text-transform:uppercase;}
#menu1 a:hover{float:right;border-bottom:1px solid #fff;}
#menu1 a.selected{float:right;border-bottom:1px solid #fff;}

/* PAGE DETAILS - name, description */
#pageShow{padding:5px 20px 5px 20px;}
#pageShow h2{font-size:18px;color:#006EC0;text-transform:uppercase;}
#pageShow h3{margin-bottom:10px;font-weight:normal;font-size:12px;color:#1382c9;margin:5px 0 10px 5px;}
#pageShow h3 a{color:#1382c9;}
#pageShow .txt{font-size:13px;line-height:1.3;}

/* PAGE DETAILS - photo */
#pagePho{float:right;}
#pagePho img{border:1px solid #e7e7e7;margin:5px 5px 5px 20px;}

/* PAGE DETAILS - sub pages list - under description */
#pageSubList{margin:10px 0 0;}
#pageSubList .l{padding:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubList .l h2{font-size:12px;text-transform:none;}
#pageSubList .l h2 a{color:#006EC0;}
#pageSubList .l p{font-size:12px;margin:2px 0 0 10px;}
#pageSubList .l img{float:left;margin:0 5px 3px 0;}

/* PAGE DETAILS - files list */
#pageFil{margin:10px 0;}
#pageFil td{font-size:12px;padding:5px 0 4px 5px;}
#pageFil p{font-size:12px;color:#b6b6b6;}

/* global link styles */
a{text-decoration:none;}
a:link{color:#6d6d6d;}
a:visited{color:#6d6d6d;}
a:active{color:#6d6d6d;} 
a:hover{color:#6d6d6d;text-decoration:underline;}

/* MESSAGE - error and confirm messages styles */
#message{text-align:center;}
#error, #ok{font-size:14px;font-weight:bold;line-height:2em;padding:100px 0;}
#error a, #ok a{font-size:12px;font-weight:normal;color:#000;}
#error{color:red;}
#ok{color:green;}

/* OTHER - styles from html editor */
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

/* BACK link style */
#back{font-size:12px;padding:20px 20px 10px 0;text-align:right;}
#back a{color:#b6b6b6;}

/* global form styles */
.input, select, textarea{border:1px solid;border-color:#b6b6b6;font:11px helvetica;}