/* 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:9px verdana, arial;margin:0px 0;background:#861E57;color:#505050;}
h1{display:none;color:#fff;font-size:9px;}
.clear{clear:both;}

/* MAIN PAGE: head, body and global container */
#container{padding:0px;margin:0 auto;background:#5E163E;}
#head{width:760px;height:50px;margin:0 auto 0px;background:url('../files/img/logo_mix.gif') no-repeat;border-bottom:0px dotted #e5e5e5;}
#body{width:738px;margin:0 auto;padding:0;background:url('images/bar.gif') repeat-y 0px;}
#body .content{float:left;width:496px;margin-top:20px;margin-left:5px;}
#body:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* FOOTER */
#foot{width:760px;height:50px;margin:0px auto 0;border-top:1px dotted #000000;}
#foot .powered{float:right;text-align:left;}
#foot .powered a{font:11px arial;color:#FFFFFF;}

/* MENU LEFT */
#menu2{background:url('images/lnk1.gif'); float:left;width:217px;margin:0 0 0 0;padding:0;list-style:none;border-top:0 dotted #e5e5e5;}
#menu2 li{text-align:left;border-bottom:1px dotted #e5e5e5;}
#menu2 a{font-size:10px;font-weight:bold;display:block;color:#FFFFFF;padding:7px 0px 7px 30px;text-transform:uppercase; background:url('images/lnk.gif');}
#menu2 a:hover{background:url('images/lnk2.gif'); text-decoration:none;}
#menu2 a.selected{background:url('images/lnk2.gif');}

/* MENU TOP */
#menu1{float:right;padding:10px 15px 0 0;}
#menu1 a{display:block;float:left;border:0;margin-left:10px;font-weight:bold;font-size:12px;text-decoration:none;text-transform:uppercase;}
#menu1 a:hover{border-bottom:2px solid #666;}
#menu1 a.selected{border-bottom:2px solid #666;}

/* PAGE DETAILS - name, description */
#pageShow{padding:0px 10px 5px 10px;}
#pageShow h2{text-align:left; font-size:14px;color:#a22374;text-transform:uppercase;}
#pageShow h3{text-align:left; margin-bottom:10px;font-weight:bold;font-size:11px;color:#484848;margin:10px 0 0px 0px;}
#pageShow h3 a{text-align:left; color:#a22374;text-transform:uppercase;}
#pageShow .txt{text-align:left; font-size:10px;}

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

/* PAGE DETAILS - photo - gallery*/
#pagePhoGal{width:100%;padding:0;border:0;margin:5px 0 10px;}
#pagePhoGal td{text-align:center;padding:5px;}
#pagePhoGal td p{font-size:10px;}
#pagePhoGal img{border:1px solid #e5e5e5;}

/* PAGE DETAILS - sub pages list */
#pageSubList{margin:10px 10px 10px;}
#pageSubList .l{padding:5px 0 10px;border-top:1px dotted #e5e5e5;}
#pageSubList .l h2{text-align:left;font-size:11px;}
#pageSubList .l h2 a{text-align:left;color:#484848;font-weight:normal;}
#pageSubList .l p{text-align:left;font-size:10px;margin:5px 0px 0px 0px;}
#pageSubList .l img{float:left;margin:0 5px 3px 0;}

/* PAGE DETAILS - sub pages list - news */
#pageSubList .n {text-align:left;padding:10px 0px 0px;border-top:1px dotted #e5e5e5;}
#pageSubList .n h2{text-align:left;font-size:10px;}
#pageSubList .n h2 a{text-align:left;color:#484848;font-weight:normal;}
#pageSubList .n h3{text-align:left;margin:0;font-size:11px;color:#cacaca;}
#pageSubList .n p{text-align:left;font-size:10px;}
#pageSubList .n img{float:left;margin:0 5px 3px 0;}
#pageSubList .pages{padding:5px 0 0;margin:5px 0 0;border-top:1px dotted #e5e5e5;text-align:left;font-size:11px;}

/* PAGE DETAILS - sub pages list - gallery */
#pageSubGal{width:100%;margin:10px 10px 10px;border-top:1px dotted #e5e5e5;}
#pageSubGal td{text-align:center;padding:5px;}
#pageSubGal td h2{font-size:10px;}
#pageSubGal img{border:1px solid #e5e5e5;}

/* PAGE DETAILS - files list */
#pageFil{margin:10px 10px;}
#pageFil td{text-align:left;font-size:10px;padding:10px 10px 4px 5px;}
#pageFil p{text-align:left;font-size:10px;color:#1F82C3;}

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

/* MESSAGE - error and confirm messages styles */
#message{text-align:left;}
#error, #ok{text-align:left;font-size:11px;font-weight:bold;line-height:2em;padding:100px 0;}
#error a, #ok a{text-align:left;font-size:11px;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:10px;padding:20px 20px 10px 0;text-align:right;}
#back a{color:#1F82C3;}

/* global form styles */
.input, select, textarea{border:1px solid;border-color:#b6b6b6;font:10px arial; text-align:left; }