#dhtmlgoodies_menu{
font-family:verdana; /* Font for main menu items */
/*font-size:12px;*/
width:157px; /* Width of main menu */
}
#dhtmlgoodies_menu li{ /* Main menu */
list-style-type:none; /* No bullets */
margin:0px; /* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
margin:0px; /* No air */
padding:0px; /* No air */
}
#dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */
padding-left:10px;
}
#dhtmlgoodies_menu ul li a{ /* Main menu links */
text-decoration:none; /* No underline */
color:#FFFFFF; /* Black text color */
height:18px;
width:157px; /* 20 pixel height */
line-height:18px; /* 20 pixel height */
vertical-align:middle; /* Align text in the middle */
/* border:1px solid #000000; Black border */
/*background-color:#FAFAFA; Light blue background color */
margin:1px; /* A little bit of air */
padding:1px; /* Air between border and text inside */
background:url(../img/layout/menu_bg.gif) no-repeat;
display:block;
font-size:1.1em;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
color:#FFFF00;
}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border:1px solid #000000;
background-color:#8cc63f;
text-align:left;
}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:0px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:1px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{ /* Sub menu items */
white-space:nowrap; /* No line break */
text-decoration:none; /* No underline */
color:white; /* Black text color */
height:18px; /* 16 pixels height */
line-height:17px; /* 16 pixels height */
padding:0px 5px 0px 5px; /* 1px of "air" inside */
display:block; /* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */
color:#FFFF00; /* White text */
background:#008ca8; /* Blue background */
}
/*#dhtmlgoodies2_menu li a:hover,*/
#dhtmlgoodies_menu .activeMainMenuItem{ /* Main menu links */
text-decoration:none; /* No underline */
color:white; /* Black text color */
height:18px;
width:300px; /* 20 pixel height */
height:17px;
line-height:16px; /* 20 pixel height */
vertical-align:middle; /* Align text in the middle */
/* border:1px solid #000000; Black border */
/*background-color:#FAFAFA; Light blue background color */
margin:1px; /* A little bit of air */
padding:1px; /* Air between border and text inside */
/*background:url(../img/layout/subnav_green_ov.gif) no-repeat;*/
display:block;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 23px;
}
/* Top navigation colour circles */
.logolink{
width:270px;
height:130px;
text-indent:-9000px;
display:block;
}
.top_menu {
position:absolute;
top:0px;
right:0px;
width:490px;
height:87px;
padding:15px 0px 0px 0px;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
/*line-height:100%;*/
font-weight:bold;
}
.topnavred a {
line-height:86px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_red.gif) no-repeat;
width:86px;
height:86px;
margin:0px 5px 0px 5px;
padding:0px;
border:0px;
float:left;
}
.topnavred a:hover {
line-height:86px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_green.gif) no-repeat;
width:86px;
height:86px;
margin:0px 5px 0px 5px;
padding:0px;
border:0px;
float:left;
}
.topnavblue a {
line-height:86px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_blue.gif) no-repeat;
width:86px;
height:86px;
margin:0px 5px 0px 5px;
padding:0px;
border:0px;
float:left;
}
.topnavblue a:hover {
line-height:86px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_pink.gif) no-repeat;
width:86px;
height:86px;
margin:0px 5px 0px 5px;
padding:0px;
border:0px;
float:left;
}
.topnavgreen a {
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_green.gif) no-repeat;
width:86px;
height:54px;
margin:0px 5px 0px 5px;
padding:32px 0px 0px 0px;
border:0px;
float:left;
}
.topnavgreen a:hover {
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_red.gif) no-repeat;
width:86px;
height:54px;
margin:0px 5px 0px 5px;
padding:32px 0px 0px 0px;
border:0px;
float:left;
}
.topnavpink a {
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_pink.gif) no-repeat;
width:86px;
height:54px;
margin:0px 5px 0px 5px;
padding:32px 0px 0px 0px;
border:0px;
float:left;
}
.topnavpink a:hover {
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_blue.gif) no-repeat;
width:86px;
height:54px;
margin:0px 5px 0px 5px;
padding:32px 0px 0px 0px;
border:0px;
float:left;
}
.topnavorange a {
line-height:86px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_orange.gif) no-repeat;
width:86px;
height:86px;
margin:0px 5px 0px 5px;
padding:0px;
border:0px;
float:left;
}
.topnavorange a:hover {
line-height:86px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../img/layout/topnav_green.gif) no-repeat;
width:86px;
height:86px;
margin:0px 5px 0px 5px;
padding:0px;
border:0px;
float:left;
}
/* Sub navigation */
.subnav_blue a {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:black;
background:url(../img/layout/subnav_blue.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;
}
.subnav_blue a:hover {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:#ffffff;
background:url(../img/layout/subnav_blue_ov.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;
}
.subnav_green {
text-align:left;
background:url(../img/layout/subnav_green_2.gif) no-repeat;
background-position:left top;
width:250px;
min-height:17px;
/*margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;*/
margin:0;
padding:0;
}
.subnav_green a {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:black;
/*background:url(../img/layout/subnav_green_2.gif) no-repeat;
background-position:left top;*/
width:250px;
min-height:16px;
margin:0px 0px 5px 15px;
/*padding:0px 0px 0px 23px;*/
padding-left:8px;
/*border:0px;*/
border-top:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
/* float:left;*/
}
.subnav_green a:hover {
/*display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:#ffffff;
background:url(../img/layout/subnav_green_ov.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;*/
background-color:#8CC63F;
color:#FFF;
}
.subnav_pink a {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:black;
background:url(../img/layout/subnav_pink.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;
}
.subnav_pink a:hover {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:#ffffff;
background:url(../img/layout/subnav_pink_ov.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;
}
.subnav_orange a {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:black;
background:url(../img/layout/subnav_orange.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;
}
.subnav_orange a:hover {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:#ffffff;
background:url(../img/layout/subnav_orange_ov.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;
}
.subnav_red a {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:16px;
text-align:left;
text-decoration:none;
color:black;
background:url(../img/layout/subnav_red.gif) no-repeat;
width:300px;
height:17px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 23px;
border:0px;
float:left;
}
.subnav_red a:hover {
color:#ffffff;
background:url(../img/layout/subnav_red_ov.gif) no-repeat;
}