body
{
font-family: verdana, arial;
font-size: 10px;
text-decoration:none; 
color:#000;
font-weight :normal;
}




.text
{
font-family: verdana, arial;
font-size: 10px;
text-decoration:none; 
color:#222222;
font-weight:normal;
}


.menudividers { 
height:22px; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff;
font-weight :bold;
}


a:link {
color:#25638C;
font-weight :bold;
}

a:visited {
color:#25638C;
font-weight :bold;
}

a:hover {
color:#4290c6;
font-weight :bold;
}

a.topmenu:link { 
height:22px; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff;
font-weight :bold;
padding-left:5px; 
padding-right:5px;
background:#25638C;
}



a.topmenu:visited { 
height:22px; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff;
font-weight :bold;
padding-left:5px; 
padding-right:5px;
background:#25638C;
}

a.topmenu:hover {
height:22px; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff;
font-weight :bold;
padding-left:5px; 
padding-right:5px;
background:#F6851D;
}

a.topmenu:active { 
height:22px; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
color:#cccccc;
font-weight :bold;
padding-left:5px; 
padding-right:5px;
background:#25638C;
}

.topmenuactive { 
height:22px; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
font-weight :bold;
padding-left:5px; 
padding-right:5px;
background:#25638C;
color:#6691ae;
}


.menu {
width:730px; 
height:22px; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff;
font-weight :bold;
padding-left:10px; 
padding-right:10px;
background:#25638C;
}


.subheader {
font:normal 11pt verdana, arial;
display:block;
text-decoration: none; 
color:#F6851D; 
line-height:20px;
padding-top: 6px;
padding-bottom: 6px;
font-weight :bold;
}


.officeheader {
display:block;
font:normal 9pt verdana, arial;
text-decoration:none; 
color:#DC242D; 
line-height:13px;
font-weight :bold;
}

.blacksubheader {
display:block;
font:normal 10pt times;
text-decoration:none; 
color:#000000; 
line-height:20px;
}


.hometext {
color: #000000;
font-family :verdana, arial;
font-size : 10px;
text-decoration: none;
font-weight :normal;
line-height: 13px;
}

.hometext3 {
color: #000000;
font-family :verdana, arial;
font-size : 10px;
text-decoration: none;
font-weight :normal;
line-height: 12px;
}


.footer {
color: #888888;
font-family :verdana, arial;
font-size : 9px;
text-decoration: none;
font-weight :normal;
text-align: center;
}

ul.mainmenu
{
list-style-image: url('images/bullet.gif');
font-weight :bold;
padding-left: -26px;
color:#25638C;
}

a.mainmenulink:link
{
font-size : 15px;
color: #25638C;
list-style-image: url('images/bullet.gif');
font-weight :bold;
padding-left: -26px;
color:#25638C;
}


a.mainmenulink:active
{
font-size : 15px;
color: #25638C;
list-style-image: url('images/bullet.gif');
font-weight :bold;
padding-left: -26px;
color:#25638C;
}



a.mainmenulink:hover
{
font-size : 15px;
color: #25638C;
list-style-image: url('images/bullet.gif');
font-weight :bold;
padding-left: -26px;
color:#25638C;
}


a.headerlink:link
{
font-size : 12px;
color: #25638C;
list-style-image: url('images/bullet.gif');
font-weight :bold;
padding-left: -26px;
color:#25638C;
}


a.headerlink:active
{
font-size : 12px;
color: #25638C;
list-style-image: url('images/bullet.gif');
font-weight :bold;
padding-left: -26px;
color:#25638C;
}



a.headerlink:hover
{
font-size : 12px;
color: #25638C;
list-style-image: url('images/bullet.gif');
font-weight :bold;
padding-left: -26px;
color:#25638C;
}





ul.sidemenu 
{
list-style-image: url('images/arrowgray.gif');
font-weight :bold;
line-height: 8px;
padding-left: -16px;
color:#25638C;
}


li.sidemenu
{
font-weight :normal;
line-height: 15px;
padding-left: -2px;
padding-bottom: 6px;
margin-left: -26px;
margin-right: 3px;
letter-spacing: 0px;
color:#25638C;
list-style-image: url('images/arrowgray.gif');
}


.onlinedemotext {
color: #25638C;
font-family :verdana, arial;
font-size : 12px;
text-decoration: none;
font-weight :bold;
}

.header {
display:block;
font-family :arial, verdana, sans-serif;
font-size : 25px;
text-decoration: none; 
color:#000000; 
line-height:26px;
letter-spacing: 0px;
font-weight :bold;
font-stretch:extra-condensed;
}

.subdemo {
color: #fff;
font-family : arial;
font-size : 19px;
text-decoration: none;
font-weight :bold;
line-height: -4px;
}

.search {	
background-image: url('images/greybarfade.jpg');
background:#858585;
font-family :arial, verdana, arial;
text-decoration: none;
letter-spacing: .5px;
font-size : 12px;
font-weight :bold;
color: #ffffff;
padding-bottom:0px;
padding-top: 0px;
vertical-align: top;
}
    
.login  {
color: #ffffff;
font-family: arial, verdana, arial;
text-decoration: none;
letter-spacing: .5px;
font-size: 11px;
font-weight: bold;
list-style-image: url('images/login_bg1.jpg');
}


.bottommenu {	
color: #25638C;
font-family :verdana, arial, helvetica;
font-size : 11px;
line-height: 16px;
text-decoration: none;
background:#ffffff;
background-repeat: no-repeat;
}

.sidemenu {	
vertical-align:top;
color: #25638C;
font-family :verdana, arial, helvetica;
font-size : 11px;
line-height: 16px;
text-decoration: none;
background:#ffffff;
background-repeat: no-repeat;
}


.sidemenuheader  {	
color: #25638C;
font-family :arial, verdana, arial;
font-size : 15px;
text-decoration: none;
letter-spacing: 0px;
font-weight :bold;
background-repeat: no-repeat;
margin-left:0;
}


.tableheader2  {	
color: #ffffff;
font-family :arial, verdana, arial;
font-size : 13px;
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;
background-repeat: no-repeat;
padding-left:2;
padding-top:1;
padding-bottom:1;
background:#25638C;
}


.tableheader3  {
font-family :arial, verdana, tahoma;
font-size : 15px;
text-decoration: none;
font-weight: bold;
padding-left:2;
padding-top:4;
padding-bottom:4;
}

.tableheader  {	
color: #ffffff;
font-family :arial, verdana, arial;
font-size : 13px;
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;
background-repeat: no-repeat;
padding-left:8;
padding-top:4;
padding-bottom:4;
background:#25638C;
}

.tabletext
{
font-family: verdana, arial;
font-size: 10px;
text-decoration:none; 
color:#000;
font-weight:bold;
background:#eeeeee;
}

.tabletext2
{
font-family: verdana, arial;
font-size: 10px;
text-decoration:none; 
color:#222222;
font-weight:normal;
}



.list1{
font-family: verdana, arial;
font-size: 11px;
text-decoration:none; 
color:#000;
font-weight:bold;
color:#25638C;
text-decoration:underline; 
}

.list2{
font-family: verdana, arial;
font-size: 11px;
text-decoration:none; 
color:#000;
font-weight:bold;
color:#25638C;
text-decoration:underline; 
}



.list3{
font-family: verdana, arial;
font-size: 11px;
text-decoration:none; 
color:#000;
font-weight:bold;
color:#25638C;
text-decoration:underline; 
}


.list4{
font-family: verdana, arial;
font-size: 11px;
text-decoration:none; 
color:#000;
font-weight:bold;
color:#25638C;
text-decoration:underline; 
}




.greyfade  {	
background-image: url('images/greyfade.gif');
background-repeat: repeat;
background:#fff;
}

.submenu {	
color: #25638C;
font-family :verdana, arial, helvetica;
font-size : 11px;
line-height: 16px;
text-decoration: none;
background:#ffffff;
background-repeat: no-repeat;
}

.submenuheader  {	
color: #ffffff;
font-family :arial, verdana, arial;
font-size : 15px;
text-decoration: none;
letter-spacing: 0px;
font-weight :bold;
background-image: url('images/submenutop.gif');
background-repeat: no-repeat;
padding-top: -7px;
}


.activemenu {
width:730px; 
height:22px; 
font-size:1em; 
font:normal 8pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff;
padding-left:10px; 
padding-right:10px;
background:#25638C;
}


#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:0px 0 0 0px;}


/* ================================================================ 
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/final_drop.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.
=================================================================== */

.menu {
width:750px; 
height:18px; 
position:relative; z-index:100;
background:#25638c;
border-top:0px solid #12105C;
border-bottom:0px solid #12105C;
border-left:0px solid #ffffff;
padding-left:0px;  
font:normal 10pt arial, helvetica;}

/* hack to correct IE5.5 faulty box model */
* html .menu {
width:749px; 
w\idth:750px;}


/* 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 {
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;}


/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font:bold 10pt arial, helvetica;
text-decoration:none; 
color:#fff; 
height:18px; 
border-right:1px solid #bbb;
background:#25638c; 
padding-left:11px; 
padding-right:11px; 
line-height:20px;}

.menutext{
display:block;
font:normal 10pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff; 
background:#12105C; 
padding-left:10px; 
padding-right:10px; 
line-height:20px;}

.activemenu {
display:block;
font:normal 10pt verdana, arial, helvetica;
text-decoration:none; 
color:#fff;  
padding-left:10px; 
padding-right:10px; 
line-height:20px;
color:#E58230;
background:#25638c;
bottom right no-repeat;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:22px; w\idth:22px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#E58230; 
color:#E58230;
url(http://www.cssplay.co.uk/graphics/drop.gif) 
bottom right no-repeat;}


/* style the second level hover */
.menu ul ul a.drop:hover{
background:#25638c;
url(http://www.cssplay.co.uk/graphics/drop.gif) 
bottom right no-repeat;}

.menu ul ul :hover > a.drop {
color:#fff;
background:#E58230;
bottom right no-repeat;}



/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#E58230;}


/* style the third level hover */
.menu ul ul ul a:hover {
color:#fff;
background:#E58230;}


/* 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:18px;
left:0; }


/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
t\op:20px;}

/* position the t2ird level flyout menu */
.menu ul ul ul{
left:161px; 
top:0px; 
width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-149px;}

/* 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:#25638c; color:#fff; 
height:auto; line-height:1em; 
padding:5px 10px; 
width:115px;
text-align: left;
border-bottom:1px solid #fff;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
width:140px;w\idth:140px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#E58230;}


.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#E58230;}

/* 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;}