/*
Apex Internet Studios default stylesheet
Copyright by Apex Internet Studios 2007
*/

/* 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 verdana, tahoma;margin:30px 0;background:#f3f3f3;color:#505050;}
h1{display:block;color:#fff;font-size:1px;}
h2{display:block;color:#fff;font-size:1px;}
h3{display:block;color:#fff;font-size:1px;}
.clear{clear:both;}

/* MAIN PAGE: head, body and global container */
#container{width:700px;border-style:solid;border-width:1px; border-color:#990000;padding:10px;margin:0 auto;background:#fff;}
#head{width:700px;height:50px;margin:0 auto 30px;background:url('../files/img/ans_logo2.gif') no-repeat;border-bottom:1px solid #ccc;}
#body{width:700px;margin:0 auto;padding:0;background:url('img/dot.gif') repeat-y 220px;}
#body .content{float:left;width:475px;margin-left:20px;}
#body:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* FOOTER */
#foot{width:700px;height:30px;margin:20px auto 0;border-top:1px solid #ccc;}
#foot .powered{float:right;text-align:center;}
#foot .powered a{font:10px tahoma;color:#990000;}

/* MENU LEFT */
#menu2{float:left;width:200px;margin:0 0 0 2px;padding:0;list-style:none;border-top:1px solid #dfdfdf;}
#menu2 li{text-align:right;border-bottom:1px solid #dfdfdf;}
#menu2 a{font-size:13px;font-weight:bold;display:block;color:#444;padding:9px 40px 11px 0;text-transform:uppercase;}
#menu2 a:hover{background:#DFDFDF;text-decoration:none;}
#menu2 a.selected{background:#f3f3f3;}

/* 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:10px;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:5px 20px 5px 20px;}
#pageShow h2{font-size:18px;color:#909090;text-transform:uppercase;}
#pageShow h3{margin-bottom:10px;font-weight:normal;font-size:11px;color:#990000;margin:10px 0 10px 5px;}
#pageShow h3 a{color:#990000;text-transform:uppercase;}
#pageShow h4{font-size:12px;color:#8E8E8E;text-transform:uppercase;}
#pageShow .txt{font-size:12px;}

/* 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 #dfdfdf;}

/* PAGE DETAILS - sub pages list */
#pageSubList{margin:10px 0 0;}
#pageSubList .l{padding:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubList .l h2{font-size:11px;}
#pageSubList .l h2 a{color:#990000;font-weight:normal;}
#pageSubList .l p{font-size:10px;margin:2px 0 0 10px;}
#pageSubList .l img{float:left;margin:0 5px 3px 0;}

/* PAGE DETAILS - sub pages list - news */
#pageSubList .n {padding:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubList .n h2{font-size:11px;}
#pageSubList .n h2 a{color:#990000;font-weight:normal;}
#pageSubList .n h3{margin:0;font-size:10px;color:#cacaca;}
#pageSubList .n p{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 solid #dfdfdf;text-align:right;font-size:11px;}

/* PAGE DETAILS - sub pages list - gallery */
#pageSubGal{width:100%;margin:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubGal td{text-align:center;padding:5px;}
#pageSubGal td h2{font-size:10px;}
#pageSubGal img{border:1px solid #dfdfdf;}

/* PAGE DETAILS - files list */
#pageFil{margin:10px 0;}
#pageFil td{font-size:10px;padding:5px 0 4px 5px;}
#pageFil p{font-size:10px;color:#b6b6b6;}

/* 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:center;}
#error, #ok{font-size:14px;font-weight:bold;line-height:2em;padding:100px 0;}
#error a, #ok a{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:#b6b6b6;}

/* global form styles */
.input, select, textarea{border:1px solid;border-color:#b6b6b6;font:11px verdana;}