body{

height: 100%;

background-color:#ffffff;

background-image:url('/images/dharma-initiative-jungle.gif');

margin-left: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-top: 0px;

padding: 0px;

}



#core {

background-color:#FFFFFF;

border-right:5px groove #7f3e98;

border-left:2px groove #7f3e98;

width:790px;

position:relative;

left:17px;

}



a.browse {

font-size:12px;

color:#666666;

}



a{

border:0;

border-style:none;

font-weight:normal;

color:#000001;

font-family:Arial, Helvetica, sans-serif;

}



img{

border-style:none;

}



h1{

font-family: Century Gothic, Arial, Helvetica, sans-serif;

font-size: 12px;

color: white;

font-weight: bold;

background-position: 0px 0px;

text-decoration: none;

background-color: #0b4597;

text-align: center;

}



h1.index{

font-family: Century Gothic, Arial, Helvetica, sans-serif;

position:absolute;

font-size: 17px;

font-weight: bold;

background-position: 0px 0px;

text-decoration: none;

color: #777777;

background-color: #cccccc;

text-align: left;

top:-12px;

left:0px;

width:55px;

z-index:2;

}



h1.content{

position:relative;

left: -10px;

top:15px;

font-family: Century Gothic, Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000000;

font-weight: bold;

background-position: 0px 0px;

text-decoration: none;

background-image: url(/images/h1contentbg.jpg);

text-align: center;

border: 1px solid #9F9F9F;

}



h2{

color:#0a479a;

}



p{

font-family: Trebuchet MS, Helvetica, sans-serif;

color:#000000;

text-indent: 10px;

text-align: justify;

font-size: 14px;

}



hr{

position:relative;

right:15px;

width: 310px;

color: #cccccc;

background-color: #cccccc;

height: 5px;

margin:30px;

}



/* begin header css */

#header_box{

position:relative;

top:0px;

left:20px;

width:760px;

height:155px;

background-color:#FFFFFF;

}



#logo{

z-index:1;

top:19px;

left:0px;

position:relative;

countrytabs:1;

test:test;

}



#adminmenu{

position:relative;

top:0px;

left:0px;

background-color: #09c;

width:97%;

border: 3px solid #000000;

z-index:99;

padding:5px;

}



#header_join_form{

margin: 0px 0px 0px 0px;

display: none;

position:absolute;

top:0px;

left: 0px;

width:700px;

}



.header_form_styles{

width:700px;

height:25px;

background-color:#777777;

border-width:0px 1px 1px 1px;

border: dotted #cccccc;

padding:5px 5px 5px 50px;

}



a#header_join_form_link{

color:#cccccc;

z-index:2;

position:absolute;

top:9px;

left:11px;

font-weight:900;

}



a#header_login_form_link{

color:#cccccc;

z-index:2;

position:absolute;

top:9px;

left:157px;

font-weight:900;

}



a#header_openid_link{

color:#cccccc;

z-index:2;

position:absolute;

top:9px;

left:208px;

font-weight:900;

}



#headerbanner_mark{

background-color:#ffffff;

z-index:6;

position:absolute;

top:0px;

left:129px;

}



#headerbanner{

z-index:5;

width:460px;

left:235px;

top:-96px;

position:relative;

}



#welcome{

z-index:2;

position:absolute;

top:7px;

left:300px;

font-size:13px;

color:#484844;

}



#balance{

z-index:2;

position:absolute;

top:7px;

left:465px;

font-size:13px;

color:#484845;

}



#signing{

z-index:2;

position:absolute;

top:9px;

left:700px;

font-size:10px;

color:#484845;

}



/* end header styles */

#container{

/* to center the whole site*/

background-color:#ffffff;

width: 800px;

text-align: left;

}



.maincontent{

position:relative;

top:0px;

left:0px;

width:760px;

background-color:#ffffff;

padding-top:0px;

padding-bottom:0px;

margin: 0px;

}



#footer{

position:relative;

left: 0px;

padding:11px 0px 9px 15px;

background-color:#FFFFFF;

}



.footerlinks{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:900;

color:#000000;

}



#footerCredits{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

position:relative;

right:0px;

bottom:0px;

color:#C0C0C0;

}



#dash_left {

position:relative;

top:20px;

width:115px;

padding:7px;

background-color:#929CB2;

border:2px solid #999999;

}



.sponsor_cat{

/* ad spot on the browse pages */

position:relative;

top:25px;

left:130px;

padding:15px;

border:2px dashed #777777;

background-color:#CDCDCD;

text-align:center;

width:500px;

}



.sponsor_cat_advertise_here{

position:relative;

top:25px;

left:333px;

}



.tinybox{

position:relative;

background-image: url(/images/bluetab2.jpg);

text-align: center;

color: #FFFFFF;

padding: 2px 0px 0px 0px;

margin: 2px 5px 0px 15px;

width: 130px;

}



.tinyboxcontent{

position:relative;

border: #CCCCCC;

border-style: solid;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

padding: 6px;

margin: 0px 5px 0px 15px;

width: 113px;

}



.tinyboxcontent a{

font-size: 12px;

}



.disp_array{

position:relative;

left: 20px;

padding: 12px;

width: 678px;

border: 9px dotted #cccccc;

}



.message{

position: relative;

left: 10px;

top: 10px;

padding:10px 10px 10px 20px;

margin:12px 31px 10px 15px;

width: 456px;

border: 5px solid #cccccc;

background-color: #777777;

}



.message_display{

margin:0px 10px 10px 10px;

padding:10px;

background-color:#FFFFFF;

}



.message_title{

position: relative;

left:0px;

width: 200px;

color: #777777;

text-decoration: underline;

font-size: 18px;

padding: 5px 0px 5px 25px;

margin: 0px 0px 10px 0px;

background-color: #FFFFFF;

border: 1px groove #777777;

}



#newpost{

position: relative;

left: 22px;

top: 22px;

font-size: 14px;

font-weight: 567;

text-decoration:underline;

padding: 3px 5px 0px 0px;

color: #0949a0;

}



.breadcrumbs{

position: relative;

left: 17px;

font-weight: 900;

font-size: 12px;

color: #0949a0;

}



.forum_title{

position: relative;

float: left;

clear: both;

left:33px;

font-size: 22px;

padding: 15px 0px 0px 5px;

}



.thread_subject{

position: relative;

background-color: #cccccc;

margin: 10px;

}



.thread_author{

position: relative;

left: 22px;

background-color: #cccccc;

}



.thread_mtext{

position: relative;

left: 22px;

border: 5px dotted #cccccc;

padding: 10px;

text-align: justify;

}



.thread_footer{

position:relative;

height: 16px;

left: 22px;

}



.thread_link{

position: relative;

float: right;

left: 0px;

font-size: 11px;

padding: 3px 5px 0px 0px;

}



.dropdown{

position:relative;

float:left;

clear:both;

padding: 2px 0px 7px 5px;

}



.sitemap{

position: relative;

top: 10px;

left: 15px;

padding-bottom: 30px;

}



.formbutton{

cursor:pointer;

border:outset 1px #ccc;

background:#999;

color:#666;

font-weight:bold;

padding: 1px 2px;

background:url(/images/formbg.gif) repeat-x left top;

}



#signup, #signin, #signout{

color:#484845;

}



#signout{

position:relative;

left:33px;

}



#fruit{

position:relative;

top:15px;

left:17px;

}



#sponsors{

z-index:2;

position:absolute;

top:95px;

left:333px;

font-size:11px;

color:#999999;

}



#balancedata{

color:#339900;

position:relative;

top:-16px;

left:100px;

}



input{

background-image: url(/images/inputbg.gif);

border: #000000;

border-style: solid;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

padding-left: 5px;

}



/* set the image to use and establish the lower-right position */

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{

background: transparent url(/images/demobox.png) no-repeat bottom right;

}



.cssbox{

width: 335px !important;

/* intended total box width - padding-right(next) */width: 320px;

/* IE Win = width - padding */padding-right: 15px;

/* the gap on the right edge of the image (not content padding) */margin: 20px auto;

/* use to position the box */

}



/* set the top-right image */.cssbox_head{

background-position: top right;

margin-right: -15px;

/* pull the right image over on top of border */padding-right: 40px;

/* right-image-gap   right-inside padding */

}



/* set the top-left image */.cssbox_head h2{

background-position: top left;

margin: 0;

/* reset main site styles*/border: 0;

/* ditto */padding: 25px 0 15px 40px;

/* padding-left = image gap   interior padding ... no padding-right */height: auto !important;

height: 1%;

/* IE Holly Hack */

}



/* set the lower-left corner image */.cssbox_body{

background-position: bottom left;

margin-right: 25px;

/* interior-padding right */padding: 15px 0 15px 40px;

/* mirror .cssbox_head right/left */

}



.topright{

font-family:Century Gothic, Trebuchet MS, Arial, sans-serif;

font-size: 10px;

text-decoration: none;

}



.content{

position: relative;

left:15ex;

}



.center{

text-align: center;

}



#center{

text-align: center;

}



.items{

text-align: left;

}



.large{

font-family:Century Gothic, Trebuchet MS, Arial, sans-serif;

font-size: 36px;

font-weight: bold;

text-decoration: none;

}



/* menu styles */

.headermenu{

z-index:10;

position:relative;

top:0px;

left:0px;

background-color:transparent;

width:600px;

}



.menu{

width:600px;

font-size:0.85em;

position:relative;

z-index:100;

}



/* begin niceforms styles *//*Forms defaults*/input, textarea{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#404040;

size:35px;

}



label{

color:#999;

cursor:pointer;

padding-left:2px;

line-height:15px;

vertical-align:top;

}



label.chosen{

color:#333;

}



/*Transparent items*/

.transparent{

filter:alpha(opacity=0);

-moz-opacity:0;

opacity: 0;

border:0px solid #FFF;

background:#FFF;

z-index:10;

cursor:pointer;

}



.transparentFake{

background:none;

border:none;

}



.transparent2{

z-index:10;

}



/*Radio buttons*/

.radioAreaUnchecked, .radioAreaChecked{

z-index:5;

position:absolute;

width:15px;

height:15px;

cursor:pointer;

}



.radioAreaUnchecked{

background:url(images/radio.gif) no-repeat left top;

}



.radioAreaChecked{

background:url(images/radio.gif) no-repeat left bottom;

}



/*Checkboxes*/

.checkboxAreaUnchecked, .checkboxAreaChecked{

z-index:5;

position:absolute;

width:14px;

height:14px;

cursor:pointer;

}



.checkboxAreaUnchecked{

background:url(images/checkbox.gif) no-repeat left top;

}



.checkboxAreaChecked{

background:url(images/checkbox.gif) no-repeat left bottom;

}



/*Text inputs*/.textinput, .textinputHovered{

width:236px;

height:15px;

background:url(/images/input.gif) no-repeat left top;

border:none;

padding:4px 8px;

}



.textinputHovered{

background-position:left bottom;

}



/*Text areas*/

.textarea, .textareaHovered{

width:336px;

height:125px;

background:url(images/textarea.gif) no-repeat left top;

border:none;

padding:4px 8px;

}



.textareaHovered{

background-position:left bottom;

}



/*Selects*/

.selectArea{

width:200px;

height:21px;

background:url(images/select_bg.gif) repeat-x left top;

}



.selectArea .left{

width:8px;

height:21px;

float:left;

background:url(images/select_left.gif) no-repeat left top;

}



.selectArea .right{

width:21px;

height:21px;

float:right;

background:url(images/select_right.gif) no-repeat left top;

}



.selectArea .right a{

display:block;

width:21px;

height:21px;

}



.selectArea .right i{

display:none;

}



.selectArea .center{

width:160px;

margin-left:5px;

margin-right:20px;

color:#FFF;

padding-top:3px;

}



/*Selects drop-down*/

.optionsDivInvisible, .optionsDivVisible{

position:absolute;

margin-top:-1px;

margin-left:3px;

width:172px;

background:#6f7074;

padding:2px;

font-size:11px;

z-index:20;

}



.optionsDivInvisible{

display:none;

}



.optionsDivVisible{

display:block;

}



.optionsDivVisible p{

margin:0;

padding:0;

}



.optionsDivVisible a{

color:#F2F2F2;

text-decoration:none;

display:block;

padding:1px 4px;

border:1px solid #6f7074;

}



.optionsDivVisible a:hover{

color:#FFF;

background:#5F6062;

border-color:#cfd0d6;

}



/*Button*/

.buttonSubmit, .buttonSubmitHovered{

width:69px;

height:26px;

color:#FFF;

font-weight:bold;

padding:2px 5px;

background:url(images/button.gif) no-repeat left top;

cursor:pointer;

border:none;

}



.buttonSubmitHovered{

background-position:left bottom;

}



/*Test div - testing if stylesheets are enabled*/#stylesheetTest{

position:absolute;

left:-999px;

width:10px;

height:10px;

}



/* end niceforms styles */





/*join form styles*/

.formContainer{

width: 60%;

align: left;

padding-right: 350px;

}



.form{

text-align: right;

padding-top:10px;

font-size: 15px;

}



span{

text-align: left;

padding-top:3px;

font-size: 15px;

}





.textInput{

border: 1px dotted #ccc;

font: bold 16px Verdana;

size:40px;

}



.messagebox{

position:absolute;

width:100px;

margin-left:30px;

border:1px solid #c93;

background:#ffc;

padding:3px;

}



.messageboxok{

position:absolute;

width:auto;

margin-left:30px;

border:1px solid #349534;

background:#C9FFCA;

padding:3px;

font-weight:bold;

color:#008000;

}



.messageboxerror{

position:absolute;

width:auto;

margin-left:30px;

border:1px solid #CC0000;

background:#F7CBCA;

padding:3px;

font-weight:bold;

color:#CC0000;

}



/*end join form styles*/







/* Now for the javascript keypad styles */

#keyboardInputMaster{

position:absolute;

border:2px groove #dddddd;

background-color:#dddddd;

padding:3px 5px;

text-align:left;

z-index:1000000;

_width:300px;

}



#keyboardInputMaster select,#keyboardInputMaster label{

font:normal 11px Arial,sans-serif;

}



#keyboardInputMaster span{

position:absolute;

top:5px;

padding:1px 4px;

font:bold 11px Arial,sans-serif;

border:1px outset #aaaaaa;

background-color:#cccccc;

cursor:pointer;

}



#keyboardInputMaster span#keyboardInputClose{

right:5px;

}



#keyboardInputMaster span#keyboardInputClear{

right:25px;

}



#keyboardInputMaster span.pressed{

border:1px inset #999999;

background-color:#bbbbbb;

}



#keyboardInputMaster div{

margin-top:3px;

}



#keyboardInputMaster div div{

text-align:left;

margin:0px;

}





#keyboardInputMaster div div.keyboardInputCenter{

text-align:center;

}



#keyboardInputMaster div div ul{

list-style-type:none;

margin:0px;

padding:0px;

text-align:left;

height:20px;

white-space:nowrap;

}



#keyboardInputMaster div div.keyboardInputCenter ul{

text-align:center;

}



#keyboardInputMaster div div ul li{

display:inline;

vertical-align:middle;

padding:3px 5px 4px 5px;

white-space:pre;

font:normal 11px 'Lucida Console',monospace;

border-top:1px solid #dddddd;

border-right:1px solid #5d5d5d;

border-bottom:1px solid #5d5d5d;

border-left:1px solid #dddddd;

background-color:#eeeeee;

cursor:default;

line-height:20px;

}



#keyboardInputMaster div div ul li.alive{

background-color:#ccccdd;

}



#keyboardInputMaster div div ul li.target{

background-color:#ddddcc;

}



#keyboardInputMaster div div ul li.hover{

border-top:1px solid #d5d5d5;

border-right:1px solid #555555;

border-bottom:1px solid #555555;

border-left:1px solid #d5d5d5;

background-color:#cccccc;

}



#keyboardInputMaster div div ul li.pressed,#keyboardInputMaster div div ul li.dead{

border-top:1px solid #555555;

border-right:1px solid #d5d5d5;

border-bottom:1px solid #d5d5d5;

border-left:1px solid #555555;

background-color:#cccccc;

}



.keyboardInputInitiator{

margin-left:3px;

vertical-align:middle;

cursor:pointer;

}



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 12px Verdana;

list-style-type: none;

text-align: left;

/*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;

}



.shadetabs li a{

text-decoration: none;

position: relative;

z-index: 1;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #778;

color: #2d2b2b;

background: white url(shade.gif) top left repeat-x;

}



.shadetabs li a:visited{

color: #2d2b2b;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #2d2b2b;

}



.shadetabs li a.selected{

/*selected main tab style */

position: relative;

top: 1px;

}



.shadetabs li a.selected{

/*selected main tab style */background-image: url(shadeactive.gif);

border-bottom-color: white;

}



.shadetabs li a.selected:hover{

/*selected main tab style */text-decoration: none;

}



/* start hex color chooser */

#plugin{

BACKGROUND: #0d0d0d;

COLOR: #AAA;

CURSOR: move;

FONT-FAMILY: arial;

FONT-SIZE: 11px;

PADDING: 7px 10px 11px 10px;

_PADDING-RIGHT: 0;

Z-INDEX: 1;

POSITION: absolute;

WIDTH: 199px;

_width: 210px;

_padding-right: 0px;

}



#plugin br{

CLEAR: both;

MARGIN: 0;

PADDING: 0;

}



#plugin select{

BORDER: 1px solid #333;

BACKGROUND: #FFF;

POSITION: relative;

TOP: 4px;

}



#plugHEX{

FLOAT: left;

position: relative;

top: -1px;

}



#plugCLOSE{

FLOAT: right;

cursor: pointer;

MARGIN: 0 8px 3px;

_MARGIN-RIGHT: 10px;

COLOR: #FFF;

-moz-user-select: none;

-khtml-user-select: none;

user-select: none;

}



#plugHEX:hover,#plugCLOSE:hover{

COLOR: #FFD000;

}



#plugCUR{

float: left;

width: 10px;

height: 10px;

font-size: 1px;

background: #FFF;

margin-right: 3px;

}



#SV{

background: #FF0000 url('http://www.colorjack.com/software/media/SatVal.png');

_BACKGROUND: #FF0000;

POSITION: relative;

CURSOR: crosshair;

FLOAT: left;

HEIGHT: 166px;

WIDTH: 167px;

_WIDTH: 166px;

MARGIN-RIGHT: 10px;

filter:progid:

DXImageTransform.Microsoft.AlphaImageLoader(src='media/SatVal.png', sizingMethod='scale');

-moz-user-select: none;

-khtml-user-select: none;

user-select: none;

}



#SVslide{

BACKGROUND: url('http://www.colorjack.com/software/media/slide.gif');

HEIGHT: 9px;

WIDTH: 9px;

POSITION: absolute;

_font-size: 1px;

line-height: 1px;

}



#H{

BORDER: 1px solid #000;

CURSOR: crosshair;

FLOAT: left;

HEIGHT: 154px;

POSITION: relative;

WIDTH: 19px;

PADDING: 0;

TOP: 4px;

-moz-user-select: none;

-khtml-user-select: none;

user-select: none;

}



#Hslide{

BACKGROUND: url('http://www.colorjack.com/software/media/slideHue.gif');

HEIGHT: 5px;

WIDTH: 33px;

POSITION: absolute;

_font-size: 1px;

line-height: 1px;

}



#Hmodel{

POSITION: relative;

TOP: -5px;

}



#Hmodel div{

HEIGHT: 1px;

WIDTH: 19px;

font-size: 1px;

line-height: 1px;

MARGIN: 0;

PADDING: 0;

}



/* end hex color chooser */





/* lightbox for header 'post' start form */

.black_overlay{

display: none;

position: absolute;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: #FFFFFF;

z-index:1001;

-moz-opacity: 0.7;

opacity:.70;

filter: alpha(opacity=70);

}



.white_content{

display: none;

position: absolute;

top: 30px;

left: 27%;

width: 300px;

height: 100px;

padding: 16px;

border: 16px solid #777777;

background-color:#FFFFFF;

z-index:1002;

}



.white_content_results{

display: none;

position: absolute;

top: 0px;

left: 27%;

width: 300px;

height: 100px;

padding: 16px;

border: 0px solid #777777;

background-color:#FFFFFF;

z-index:1002;

}

.menu {

width:760px;

font-size:0.85em;

position:relative;

z-index:100;

}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/drop_examples.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

 /* common styling */



.menu {width:600px; height:32px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:600px; w\idth:601px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:99px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:99px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:88px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#666666; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:99px; w\idth:88px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 70px center;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 70px center;}

.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 70px center;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:99px;border-top:1px solid #000;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:99px; top:-1px; width:99px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-99px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:78px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:78px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}