.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 562px;
height: 195px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid maroon;
overflow: hidden;
}


.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
visibility: hidden;
width:562px;
background: white;
}

.fadecontentwrapper2{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 971px;
height: 19px; /* Set height to be able to contain height of largest content shown*/
border: 0px;
overflow: hidden;
}

.fadecontent2{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
visibility: hidden;
width:971px;
background: #2c2c2c;
}



.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 562px;
border: 0px solid maroon;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 0px solid maroon;
padding: 0px;
float: left;
display: block;
font-weight: bold;
color: black;
}

.fadecontenttoggler a:hover{
color: white;
}

a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

#whatnewstoggler{width:562px;}

#whatnewstoggler1{width:971px;}

.bgContainer
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4d4d4d;
line-height:18px;
background-image:url('../images/bg-container.jpg');
background-repeat:no-repeat;
background-position:bottom;
padding:0px 10px 0px 10px;
height:170px;
vertical-align:top;
}

.scontent
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
height:19px;
text-align:left;
vertical-align:middle;
}


.scontent ul
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
height:19px;
text-align:left;
margin:0px;
vertical-align:middle;
}

.scontent ul li
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
height:19px;
text-align:left;
vertical-align:middle;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 10px;
display:inline;
}

.scontent ul li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
height:19px;
text-align:left;
vertical-align:middle;
text-decoration:none;
background-image:url('../images/bg-submenus.jpg');
background-repeat:no-repeat;
padding-left:18px;
margin-left:0px;
}


.scontent ul li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#d8d8d8;
height:19px;
text-align:left;
vertical-align:middle;
text-decoration:none;
}


.tab1
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-align: center;
vertical-align: middle;
height:22px;
width:98px;
display:block;
font-weight:bold;
}

.tab1 a:hover
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-align:center;
text-decoration:none;
background-image:url('../images/tab1-h.gif');
display:block;
width:98px;
height:22px;
background-repeat:no-repeat;
}

.tab1 a
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-decoration:none;
background-image:url('../images/tab1.gif');
display:block;
background-repeat:no-repeat;
height:22px;
width:98px;
vertical-align: middle;
text-align: center;
padding-top:3px;
}

.tab1 a.selected
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-decoration:none;
background-image:url('../images/tab1-h.gif');
background-repeat:no-repeat;
display:block;
height:22px;
width:98px;
vertical-align: middle;
text-align: center;
padding-top:3px;
}


.tab2
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-align: center;
vertical-align: middle;
height:22px;
width:72px;
display:block;
font-weight:bold;

}
.tab2 a:hover
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-align:center;
text-decoration:none;
height:22px;
width:72px;
display:block;
background-image:url('../images/tab2-h.gif');
background-repeat:no-repeat;
}
.tab2 a
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-decoration:none;
background-image:url('../images/tab2.gif');
background-repeat:no-repeat;
display:block;
height:22px;
width:72px;
vertical-align: middle;
text-align: center;
padding-top:3px;
}

.tab2 a.selected
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-decoration:none;
background-image:url('../images/tab2-h.gif');
background-repeat:no-repeat;
display:block;
height:22px;
width:72px;
vertical-align: middle;
text-align: center;
padding-top:3px;
}



.tab3
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-align: center;
vertical-align: middle;
height:22px;
width:168px;
display:block;
font-weight:bold;

}
.tab3 a:hover
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-align:center;
text-decoration:none;
height:22px;
width:168px;
background-image:url('../images/tab3-h.gif');
display:block;
background-repeat:no-repeat;
}

.tab3 a
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-decoration:none;
background-image:url('../images/tab3.gif');
background-repeat:no-repeat;
display:block;
height:22px;
width:168px;
vertical-align: middle;
text-align: center;
padding-top:3px;
}

.tab3 a.selected
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-decoration:none;
background-image:url('../images/tab3-h.gif');
background-repeat:no-repeat;
display:block;
height:22px;
width:168px;
vertical-align: middle;
text-align: center;
padding-top:3px;
}





.tab4
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-align: center;
vertical-align: middle;
height:22px;
width:107px;
display:block;
font-weight:bold;

}
.tab4 a:hover
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-align:center;
text-decoration:none;
height:22px;
width:107px;
display:block;
background-image:url('../images/tab4-h.gif');
background-repeat:no-repeat;
}
.tab4 a
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #ffffff;
text-decoration:none;
background-image:url('../images/tab4.gif');
background-repeat:no-repeat;
height:22px;
width:107px;
display:block;
vertical-align: middle;
text-align: center;
padding-top:3px;
}


.tab4 a.selected
{
font-family:arial, Tahoma, Times, Georgia;
font-size:12px;
color: #000000;
text-decoration:none;
background-image:url('../images/tab4-h.gif');
background-repeat:no-repeat;
height:22px;
width:107px;
display:block;
vertical-align: middle;
text-align: center;
padding-top:3px;
}






#dhtmltooltip{
position: absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
width: 254px;
text-align:center;
border: 0px solid black;
background-color:#FFFFFF;
padding: 2px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=125);
}

#dhtmltooltip br{
position: absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
width: 254px;
text-align:right;
border: 0px solid black;
background-color:#FFFFFF;
padding: 2px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=125);
}

.hand{cursor:pointer;}