html { overflow-y:scroll; }
/* CSS Document */
body, html { height:100%; }
body{padding:0px; margin:0 auto; position:relative; background: url(images/header-bg.jpg) 0 0 repeat-x #EFEFEF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}


.sub { color: #3EC21D; text-decoration: none; font-size:12px; }
.sub:hover { color: #FF6500; }
.sel_sub { color: #FF6500; text-decoration: none; }
.sel_sub:hover { color: #6699FF; }

a { text-decoration: none; color: #3EC21D; }
a:hover { color: #FF6500; }

.content img { border-color: gray; }
.bannerline { color: #556197; text-decoration: none; font-size: 11px; font-weight: bold;}
    .bannerline:hover {color: white;}

    
    
    .sepa { font-size: 10px; font-family: Verdana; color: orange; }

   

    input { color: #6600CC; border: 1px solid #55587D; background-color: #567EAF; font-family: "Trebuchet MS", Verdana; color: white; }
    .gallery img { border: 1px solid gray; }
    .gallery td { line-height: normal; }

#container { width:1004px; height:100%; margin: 0 auto; position:relative; }
#header { position:relative; width:100%; height:215px; }

#menu_area { position:relative; height:32px; line-height:32px; width:362px; left:446px; }
#menu_area .item { text-align:center; cursor:pointer; }
#menu_area .mbr { width:2px; background: url('images/menu-devider.gif') center no-repeat; }
#menu_area .item a { color:white; text-decoration:none; height:100px; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; }
#menu_area .item:hover, #menu_area #selmenu { background: url('images/menu-hover.gif') top no-repeat; }


#content_area { height:100%; }
#main_holder { width:660px; margin:0px 0px 20px 148px; height:100%; }
#main_left {}
#main_right { width:359px; background:white; }

/* TOP PANEL */
#topPan{width:1004px; height:252px; position:relative; margin:0 auto; padding:0; border:solid 1px red;}
#topPan h1{width:311px; height:215px; background:url(images/header-img1.jpg) 0 0 no-repeat #FEEBB0; color:#fff; text-indent:-2000px;}
#topPan img{width:372px; height:91px; position:absolute; top:124px; right:0px; margin:0px; padding:0px;}
#topPan ul{width:376px; height:32px; display:block; position:absolute; top:215px; right:0px; margin:0px; padding:0px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff;}
#topPan ul li{float:left; display:block; width:75px; height:32px; background:url(images/menu-devider.gif) right top no-repeat;}
#topPan ul li span{display:block; width:73px; height:32px; background:url(images/menu-hover.gif) 50% 0 no-repeat; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a{display:block; width:73px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover{display:block; width:73px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}
#topPan ul li.contact{display:block; width:75px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li.contact:hover{display:block; width:75px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

/* /TOP PANEL */


/* BODY PANEL */
#bodyPan{ width:700px; position:relative; margin:0px 0px 0px 112px; }
/* Left Panel */
#leftPan{width:247px; height:540px; display:block; float:left; margin:0; padding:27px 45px 0 44px;}
#leftPan h2{width:177px; height:83px; float:left; display:block; background:url(images/image1.jpg) 0 0 no-repeat #EFEFEF; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin-top:5px; vertical-align:middle;}
.firsttitle, .firsttitle:hover { color:#4D4D4D; text-decoration:none; }
#leftPan h2 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:10px; margin:30px 0px 0px 0px;}
#leftPan h3{ width:247px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; margin:0;}
#leftPan p{display:block; padding:0 0 24px 0;}
#leftPan p.more{height:20px; display:block; margin:0 0 13px 146px; padding:0;} 
#leftPan p.more a{display:block; width:100px; height:20px; background:#EFEFEF; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#38c51f; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#leftPan p.more a:hover{ background:#EFEFEF; color:#FF6500; text-decoration:none;}
#leftPan h4{ width:177px; height:70px; float:left; display:block; background:url(images/image2.jpg) 0 0 no-repeat #EFEFEF; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0; }
#leftPan h4 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan ul{width:241px; height:271px; display:block; float:left; margin:0; padding:0;}
#leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{width:109px; height:122px; display:block; float:left; repeat-x 0 100%; padding:0 0 10px 0; margin:20px 0 0 0;}
#leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
#leftPan ul li a{ width:70px; height:20px; display:block; background:url(images/arrow.gif) no-repeat 100% 50% #EFEFEF; color:#38c51f; font:12px/18px Georgia, "Times New Roman", Times, serif; text-decoration:none; text-align:center; margin:0 0 0 12px; padding:0;}
#leftPan ul li a:hover{text-decoration:underline; display:block;}
#leftworkPan{width:241px; height:171px; display:block; float:left; margin:10px 0 0; padding:0;} 
/* /Left Panel */

/* Right Panel */
#rightPan{ width:359px; height:550px; float:left; display:block; background:#FFF; margin:0 auto; padding:0; color:#666;}
#rightPan p{padding:0 63px 0 52px;}
#rightPan p.paddingtop{padding:26px 63px 0 52px; background:#FFF; margin:0 auto; color:#666; font:14px/20px Georgia, "Times New Roman", Times, serif; font-style:italic;}
#rightPan p span.bigsize{ font-family:Georgia,"Times New Roman", Times, serif; font-style:italic; color:#BF4D02; font-size:20px; line-height:20px; background:#fff; padding:0;}
#rightPan p.name{background:#fff; display:block; color:#6cc982; font:18px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-align:right; padding:10px 63px 16px  0;}
#rightPan p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; color:#666; margin:0 63px 0 52px;}
#rightPan h2{display:block; width:160px; height:64px; background:url(images/icon1.jpg) 0 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:1px 0 0 69px; margin:8px 0 0 52px;}
#rightPan h2 span{background:#fff; color:#6cc982; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#rightPan p.bottompadding{padding:0 63px 22px 52px;}
#rightPan p.more{height:28px; display:block; position:relative; margin:0; padding:13px 0 38px 200px;} 
#rightPan p.more a{display:block; width:100px; height:20px; background:#fff; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#38c51f; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#rightPan p.more a:hover{ background:#fff; color:#FF6500; text-decoration:none;}
/* /Right Panel */

#subpage #bodyPan { width:900px; margin:0px 0px 0px 0px; }
#subpage #leftPan { width:100px; padding:20px 0px 0px 0px; }
#subpage #rightPan { width:720px; height:auto; padding:20px 0px 0px 0px; }

#subpage { margin:0px 0px 0px 0px; width:910px; height:100%; border:solid 0px red; }
#subpage_left { width:50px; padding:15px 15px 0px 95px; }
#subpage_right { background:white; border:solid 0px red; padding:15px 15px 15px 15px; height:100%; }
#pagetitle { height:83px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:5px 0px -20px 0px ; vertical-align:middle; }

/* footer Panel */
#footer{ height:151px; color:#fff; position:relative; margin:0 auto; clear:both; }
#footer_logo{ position:absolute; width:285px; top:37px; height:82px; left:194px; background:url(images/vertical-dot.gif) 100% 0 repeat-y;}
#footer_logo img{width:261px; height:52px; margin:13px 0 0 0;}

#footer_menu { position:absolute; left:524px; top:63px; width:475px; }
#footer_menu .item, #footer_menu .mbr { display:inline; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; }
#footer_menu .item { text-align:center; }
#footer_menu .mbr { padding:0px 10px 0px 10px; }
#footer_menu a { color:white; text-decoration:none; }
#footer_menu a:hover { text-decoration:underline; }

#additional_text { position:absolute; top:91px; left:524px; width:475px; color:#02ce02; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; }

.keeled { position:absolute; bottom:-26px; left:160px; }
.keeled div { display:inline; margin:0px 8px 0px 0px; }
.keeled a { color:white; text-decoration:none; font-size:11px; }
.keeled a:hover { text-decoration:underline; }
#selkeel { font-weight:bold; }
.content table td { font-size:12px; }