div.hometable{

 border-top: 1px solid #cccccc;
 border-bottom: 1px  solid #cccccc;
 border-left: 1px  solid #cccccc;
 border-right: 1px  solid #cccccc;
 padding: 5px 5px 5px 5px;
 background: #fff;
 width: 490px;
 height: 20px;
 text-align:left;
 color: #333333;
 font-size: 10px;
 font-weight: normal;
 }


.sstextw
{
text-align:left;
position: absolute; 
top: 1em; 
right: 2em; 
width: 150px; 
padding: 4px; 
font-weight: normal; 
font-size: 12px;color:#fff;

}

.sstextb
{
text-align:left;
position: absolute; 
top: 1.5em; 
right: 2em; 
width: 150px; 
padding: 4px; 
font-weight: normal; 
font-size: 11px;color:#000;
}


/***** Slide Show CSS***/


.fade{ /* Total width: 480px+5px+5px=490px Read relative width relations for the other two containers below! */
 width: 486px;
 padding: 1px 1px 1px 1px;
 border-top: 1px solid #ccc;
 border-bottom: 1px  solid #ccc;
 border-left: 1px  solid #ccc;
 border-right: 1px  solid #ccc;
 overflow: hidden;
 
}
 



.fadecontentwrapper{ /* Total width: 480px+5px+5px=490px Read relative width relations for the other two containers below! */
 position: relative;
 width: 487px;
 background: #fff;
 padding: 0px 0px 0px 0px;
 height: 112px;  /* Set height to be able to contain height of largest content shown*/
 border-top: 0px solid #fff;
 border-bottom: 0px  solid #ccc;
 border-left: 0px  solid #ccc;
 border-right: 0px  solid #ccc;
 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) */

width: 486px;
position:absolute;
background: #fff;
padding: 1px 1px 1px 1px;
visibility: hidden;
text-align:right;
font: normal 11px arial;

}


.fadecontentnav
{
width: 486px;
height:19px;
border-top: 1px solid #ccc;
border-bottom: 1px  solid #ccc;
border-left: 1px  solid #ccc;
border-right: 1px  solid #ccc;
padding: 0px 0px 0px 1px;
float:right;

}



.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 485px;
height:19px;
border-top: 1px solid #fff;
border-bottom: 1px  solid #fff;
border-left: 1px  solid #fff;
border-right: 1px  solid #fff;
background:url(../images/orbg.jpg) repeat-x; 
font: normal 900 11px arial;

}

.fadecontenttoggler a
{ 
/*style for every navigational link within toggler */

text-decoration: none;
border: 0px solid maroon;
padding: 5px 5px 5px 5px;
float: left;
display: block;
font-weight: bold;
color: black;
border: 1px solid #fff;
width:50px;
border-top: 1px solid #fff;
border-bottom: 1px  solid #fff;
border-left: 1px  solid #fff;
border-right: 1px  solid #fff;
font-size: 10px; color: #fff;
padding:2px 2px 2px 2px;
text-align:center;
cursor:hand;
cursor:pointer;

}


}

.fadecontenttoggler a:hover
{
width:60px;
border-top: 1px solid #fff;
border-bottom: 1px  solid #fff;
border-left: 1px  solid #fff;
border-right: 1px  solid #fff;
font-size: 10px; color: #999;
padding:2px 2px 2px 2px;
text-align:center;
cursor:hand;
cursor:pointer;
}


.fadecontenttoggler a.toc
{ /*style for individual toggler links (page 1, page 2, etc). 
"" class auto generated! */
 background-color: #fff filter:alpha(opacity=20);
 width:60px;
 border-top: 1px solid #fff;
 border-bottom: 1px  solid #fff;
 border-left: 1px  solid #fff;
 border-right: 1px  solid #fff;
 font-size: 10px; color: #000;
 padding:2px 2px 2px 2px;
 text-align:center;
 cursor:hand;
 cursor:pointer;
}



.fadecontenttoggler a.toc
{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
 width:60px;
 border-top: 1px solid #fff;
 border-bottom: 1px  solid #fff;
 border-left: 1px  solid #fff;
 border-right: 1px  solid #fff;
 font-size: 10px; color: #000;
 padding:2px 2px 2px 2px;
 text-align:center;
 cursor:hand;
 cursor:pointer;
}




.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover

{

 width:60px;
 border-top: 1px solid #fff;
 border-bottom: 1px  solid #fff;
 border-left: 1px  solid #fff;
 border-right: 1px  solid #fff;
 font-size: 10px; color: #fff;
 padding:2px 2px 2px 2px;
 text-align:center;
 cursor:hand;
 cursor:pointer;
}


.fadecontenttoggler a.selected
{ /*style for selected page's toggler link. ".selected" class auto generated! */

 width:60px;
 background:url(../images/orbg_01.jpg);
 border-top: 1px solid #fff;
 border-bottom: 1px  solid #fff;
 border-left: 1px  solid #fff;
 border-right: 1px  solid #fff;
 font-size: 10px; color: #000;
 padding:2px 2px 2px 2px;
 text-align:center;
 cursor:hand;
 cursor:pointer;
}




.ialink { color: #fff; text-decoration: underline;}