/* ------------- (c) 2005 Ben Palmer, Aracane Ltd. Switzerland -------------------- */
/* containers
--------------------------------------------------------------------------------------- */
#container1 {
         width:760px; /*border: 1px dotted white;*/
         margin:10px auto 0 auto;
         padding: 5px;
         text-align:left;
}
#container2 {width:760px ; border: 1px dotted #006632;top:80px; margin:20px auto 0 auto; background-color: transparent; color:white;text-align:left;}
/* 4 columns */
/*.four .wrap1{float:left; width:75%; }
.four .col1{float:left; width:33%;padding:5px ;  background-color:white; }
.four .wrap2{float:right; width:65%;  background-color:transparent;  }
.four .col2{float:left; width:47%; padding:5px; background-color:white;   }
.four .col3{float:right; width:47%; padding:5px; background-color:white;  }
.four .col4{float:right; width:23% ; padding:5px ;  background-color:white;  }
*/
/*3 columns */
/*.three .wrap1{float:left; width:75%; border:2px dashed red}
.three .col1{float:left; width:34%;padding:0 5px; background-color:white; border:1px solid red  background-color:white; }
.three .col2{float:right; width:61%; padding:5px;background-color:white;  border:1px solid blue}
.three .col4{float:right; width:22% ; padding:5px; background-color:white; border:1px solid green}
*/
/* 3 columns with center TOC */
/* .three2 .wrap1{float:left; width:75%; border:2px dashed red}
.three2 .col1{float:left; width:34%;padding:0 5px; background-color:white; border:1px solid red  background-color:white; }
.three2 .col2{float:right; width:61%; padding:5px;background-color:white; border:1px solid blue}
.three2 .col4{float:right; width:22% ; padding:5px; background-color:white; border:1px solid green}
*/
/* 2 columns sidebar left
---------------------------------------------------- */
.left .side{float:left; width:27%;padding:0; margin-top:1.2em; margin-bottom:1.2em; background-color:transparent;/*border:1px solid green*/}
.left .content{
         float:right;
         width:71%;
         padding:5px;
         background-color:transparent;
         margin-top:1.2em;
         margin-bottom:1.2em;
         /*border:1px solid blue*/
         color: #000000;
}

/* 2 columns sidebar right
------------------------------------------------------*/
.right .content{float:left; width:60%; margin-top:1.2em; margin-bottom:1.2em;}
.right .side{float:right; width:35%; background-color:#FFFFFF;padding:0;margin-top:1.2em; margin-bottom:1.2em;  /*border:1px dashed red;*/}

/* header  */
#logo {position:relative;margin: 30px auto 10px auto; background: white url(aracane-stamp.gif) no-repeat top right; width:760px; height:49px; text-align:left;/*border:1px solid red;*/}
/*#logo:hover{position:relative; margin: 20px auto 0 auto; background: transparent url(aracane_logo1.gif) no-repeat 0 -34px; width:770px; height:30px; }*/
#header {
         position:relative;
         width:760px;
         height:40px;
         padding:0;
         margin:10px auto 0 auto;
         background: url(mnu.jpg) repeat-x left top;
         background-color:#688e79;
         background-position: left top;
}
/* footer
------------------------------------------*/
#footer {
         clear:both;
         position:relative;
         width:760px;
         height:50px;
         margin:10px auto 10px auto;
         padding:0; /*border: 1px solid #989898;*/
         text-align:left;
         border-top: 1px solid #006632;
         background-color: #FFFFFF;
}
.separator {
         clear: both;
         height: 0px;
}
#google {height:auto; width:90%;margin:15px auto 2px auto; clear:left;border-top:1px dashed silver;}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(button4a.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}