body{width:1000px;text-align:center; table-layout:fixed;}
.newtext {  font-family: "Futura Lt BT"; font-size: 10pt; color: #000000; text-align: justify}
.unnamed1 {  font-family: "Futura Lt BT"; font-size: 8pt; color: #FFFFFF}
.white-copy {  font-family: "Futura Lt BT"; font-size: 8pt; color: #FFFFFF; text-align: justify}
.btlink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; cursor: hand; text-decoration: none; color: #003399}
.vardana {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-align: justify}
.vardana-b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align: justify; white-space: normal; letter-spacing: 0pt; line-height: 13pt}
.head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3333CC}
.vardana-white {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #FFFFFF;}


/* new css for menus & submenus */
/* same content should be used for all pages*/
a{text-decoration:none; font:bold 11px tahoma;margin:0px; padding:2px 0px; color:#303030;}
/* css for 'Home' link */
.cssLnkHome { padding-left:20px; margin-left:8px; background:url('images/menu_bullet.jpg') no-repeat 0px center;}

.menudiv
{
	text-align:left;
}
.menudiv ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.menudiv ul li
{
    position: relative;
    display: inline;
    float: right;
}
.menudiv ul li a
{
    display: inline-block;
    text-decoration: none;
}

.menudiv ul li ul
{
    left: 0;
    position: absolute;
    top: 1em;
    display: block;
    visibility: hidden;
    z-index:1000;
    background-color : #D2D3D5;
}


.menudiv ul li ul li
{
    display: list-item;
    float: none;
    border-bottom:solid 1px #EEEEEE;
    padding:0px;
    margin:0px;
}

.menudiv ul li ul li ul
{
    left: 159px; 
    top: 0;
}

.menudiv ul li ul li a
{
    display:inline-block;
    text-decoration: none;
    padding: 6px 6px;
    height:20px;
    white-space:nowrap;
    min-width:120px;
    #width:120px;
}

.menudiv ul li a:hover
{
    background-color: #D2D3D5;
    color: #ffffff;
}

.csDemosTable a{color:Blue; text-decoration:underline; margin:0px;padding:0px; }  


/* side navigation boxes*/
/*css for the sidebox container div  */
.divSideBox{float:left;width:100%;display:inline-block;border:solid 1px  #949A9E; margin-top:2px; height:110px;}

/* some spcific styles for the container div which one at top (ie. the featured demos box)*/
.divTopSideBox{margin-top:1px;display:inline-block;height:244px; padding-top:1px; }

/* heading div */
.cssSideBoxtopDiv { background: #FFFFFF url('Images/side_box_header_bg1.jpg') repeat-x 0px -3px;height:20px;float:left; display:inline-block;border-bottom:solid 1px  #949A9E;height:20px; width:100%;padding:0px; margin:0px; font:bold 13px tahoma; color:#303030;}

/* Contents div (containing the links)*/
.cssSideBoxContentDiv { background: #FFFFFF url('Images/side_box_bg.jpg') no-repeat ;float:left; width:100%; font:12px tahoma; height:90px; }

/* styles for the links */
/* change padding: top right bottom left and height to change the gap between the links */ 
.cssSideBoxContentDiv a { padding:8px 0px 8px 6px;margin-left:3px;font:bold 11px tahoma; height:12px; display:inline-block; color:White;}

/* styles on mouse over the links */
.cssSideBoxContentDiv a:hover{color:Red;} 


/** css for links inside the content ( links in the header menu will be black)*/
.cssContentlinks {color:#003399; font:bold 11px verdana;}
.cssContentlinks:hover { text-decoration:underline;}