body
{
    background-color: #778899;
    font-family: Trebuchet MS, Verdana, Georgia;
    font-size: 12px;
}

.header
{
    padding: 10px;
    font-size: 14px;
    color: #5a724e;
        
}
.navmenu
{
    border-bottom:1px solid #5a724e;    
    padding-left: 20px;
}
.contenttable
{
    padding-top: 20px;
    padding-bottom: 20px;
}

h1
{
    font-size: 26px;
}

h2
{
    font-size: 20px;
    color: #778899;
}
.content
{
    font-size: 16px;
    color: #5a724e;
    text-align: left;
}

.content12
{
    font-size: 12px;
    color: #5a724e;
    text-align: left;
}

.content a 
{
      color: #778899; 
      border-bottom: 1px dashed #778899;
      text-decoration: none;
}

.footer
{
    color: #fff;    
}

.screenbox
{
    border: 1px dashed #5a724e;
    padding: 8px;
    margin: 16px;   
}

.calloutbox
{
    border: 1px dashed #5a724e;
    padding: 10px;
    margin-left: 20px;   
    float: right;
    max-width: 200px;
    min-width: 200px;
    font-size: 14px;
    line-height: 30px;    
}

#pagesurround 
{
    background: transparent; 
    margin:1em; 
    width: 851px;
}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #5a724e; border-right:1px solid #5a724e;}
.xb1 {margin:0 5px; background:#5a724e;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent 
{   
    display:block; 
    background:#fff; 
    border:1px solid #5a724e; 
    border-width:0 1px;
}

/*  CSS Menus */
    .menu2 { margin:0; 
        list-style:none; 
	    height:20px; 
	    background:#fff; 
	    color:#5A724E; 
	    font-family:Trebuchet MS;
	    font-size:16px;
	    font-weight:bold;
	    text-decoration:none; }

    .menu2 li.top {display:block; float:left; position:relative; }
    .menu2 li a.top_link {display:block; float:left; height:40px; line-height:40px; color:#5A724E; text-decoration:none; font-weight:bold; cursor:pointer;}
    .menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
    .menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px;}
    .menu2 li a.top_link:hover {background-color:#fff; color:#5A724E;}
    .menu2 li a.top_link:hover span {background-color:#fff; color:#5A724E;}
    .menu2 li a.top_link:hover span.down {background-color:#fff; color:#5A724E;}
    .menu2 li:hover > a.top_link {background-color:#fff; color:#5A724E;}
    .menu2 li:hover > a.top_link span  {background-color:#fff; color:#5A724E;}
    .menu2 li:hover > a.top_link span.down  {background-color:#fff; color:#5A724E;}
    .menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

    /* Default link styling */

    /* Style the list OR link hover. Depends on which browser is used */
    .menu2 a:hover {visibility:visible;}
    .menu2 li:hover {position:relative; z-index:200;}

    /* keep the 'next' level invisible by placing it off screen. */
    .menu2 ul, 
    .menu2 :hover ul ul, 
    .menu2 :hover ul :hover ul ul,
    .menu2 :hover ul :hover ul :hover ul ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; font-weight: normal;}

    .menu2 :hover ul.sub {left:0px; top:40px; background-color:#5A724E; padding:3px 0; border: 1px solid #5A724E;  white-space:nowrap; width:170px; height:auto;}
    .menu2 :hover ul.sub li {display:block; position:relative; float:left; padding:10px; width:170px;}
    .menu2 :hover ul.sub li a {display:block; font-size:12px; line-height:18px; color: #fff; text-decoration:none;}
    .menu2 :hover ul.sub li a:hover {color: #fff; font-style:italic;}


    .menu2 :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
    {left:90px; top:-4px; 
        background: #fff; 
        padding:3px 0; 
        border:1px solid #4ab; 
        white-space:nowrap; 
        width:93px; 
        z-index:200; 
        height:auto;}