h1 
{
    font-family: Trebuchet MS, calibri, Arial, Verdana;
  }

h2
{
    font-family: Trebuchet MS, calibri, Arial, Verdana;
  }
 
h3
{
    font-family: Trebuchet MS, calibri, Arial, Verdana;
  }
  
body 
{
    font-family: Arial, Verdana;
  font-size: 10pt;
      background-color: #887766;
}

body a:link
{
    color: #b82e8a; 
	text-decoration: none; 
}

body a:visited {color: #b82e8a; text-decoration: none;}

body a:hover {
	color: #d99b3b; 
	text-decoration: underline
}   

.breadcrumb {
  font-size: 8pt;
  color: #898989;
}
.breadcrumb a:link {font-size: 8pt;}
.breadcrumb a:hover {font-size: 8pt}
.breadcrumb a:visited {font-size: 8pt}


/*these are the three divs for the colored background*/
#topback {background-color: #70205e;
    height: 83px;
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    float: left;
    z-index: 250;    
}
#middleback 
{
    width: 100%;
    left: 0px;
    background-color: #FFFFFF;
    float: left;
    position: relative;

    }
#bottomback 
{
    width: 100%;
    left: 0px;
    background-color: #887766;
    float: left;
    position: relative;
    }
    
* 
{
    margin: 0px; 
    padding: 0px;
}
  
#wrapper 
{
    margin: 0 auto;
	width: 990px;
	max-width: 990px;
}

#top 
{
    /* top purple bar */
    height: 25px;
    padding-top: 40px;
    width: 100%;
    background: url('images/top_bg.gif') no-repeat bottom right;
    text-align: center;
    color: White;
    position: relative;
    float: left;  
}

#topint
{
    /* top purple bar */
    background: url('images/top_bg.gif') no-repeat bottom right;    
    height: 43px;
    padding-top: 40px;
    width: 990px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}    

a:link {color: #b82e8a;text-decoration: none;	font-size: 10pt;}
a:hover {color: #d99b3b; text-decoration: none; font-weight: bold;font-size: 10pt;}
a:visited {color: #b82e8a; text-decoration: none; font-size: 10pt;}    


#middle 
{
    width: 990px;
    margin: 0 auto;
    position: relative;    
    }
#middleint
{
    width: 990px;
    margin: 0 auto;
    position: relative;
    min-height: 307px;
    background: #ffffff url('images/middle_bg.gif') no-repeat top right;
}

#middleint2
{
    width: 990px;
    margin: 0 auto;
    position: relative;
    background: #ffffff url('images/middle_bg2.gif') no-repeat top right;
        
}
#middleintnews
{
    width: 990px;
    margin: 0 auto;
    position: relative;
    min-height: 307px;

}
#middleleftint 
{
    position: relative;
    float: left;
    width: 407px;
    vertical-align: top;
    padding-top: 20px;
    }
    #middlerightint 
    {
        position: relative; 
        float: left;
        width: 450px;
        padding-left: 10px;
        background: transparent;
        
        }
    #middlefarright 
    {
        position: relative;
        float: left;
        background: #6f6a57;
        width: 314px;
        }
#bottom 
{
background: url('images/bottom_bg.gif') no-repeat top; 
width: 990px; 
padding-top:70px; 
color: #FFFFFF;
height: 216px;
padding-top: 170px;
position: relative;
margin: 0 auto;
  
}
#bottomint
{

    color: #FFFFFF;
    font-size: 10pt;
    position: relative;
    margin: 0 auto;
    width: 990px;
    padding: 0 10px 0 0;

}

#bottomint a {color: White; text-decoration: none;}



.menu {margin: 0 auto; padding-top: 5px; width: 900px; position: relative; z-index:1000; height: 95px;}
/* hack to correct IE5.5 faulty box model 
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul li ul {top: 40px;}

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

/*center the top menu text*/
.menu ul li {text-align: center; height: 42px;}

/* style the top level hover */
.menu :hover > a, .menu ul:hover > a {border-top: solid 8px #FFFFFF; 
	/*padding-top: 10px; 
    text-decoration: none;
*/
	color: #d99b3b;  
	font-size: 9pt;}

/* height of the secondary menu*/
.menu ul ul li {width: 147px; padding-left: 2px; height: 30px; text-align: left;}

/* style the links for the top level */
#home a:link{display: block; height: 30px; border-top: solid 8px #d6c889; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt;}
#home a:hover{margin-top: -2px; display: block; height: 30px; font-weight: bold; border-top: solid 8px #FFFFFF; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; }
#home a:visited {display: block; height: 30px; border-top: solid 8px #d6c889; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt;}
/* style the second level links */
#home ul li {background-color:#d6c889;}
#home ul li a:link {border-top: solid 1px #FFFFFF; padding-top: 2px; height: 28px; color: #70205e; text-decoration:none; font-size: 9pt;}
#home ul li a:hover {border-top: solid 1px #FFFFFF; padding-top:2px; height: 28px; color: #ffffff; text-decoration: none; font-size: 9pt;font-weight: bold; margin-top: -2px; background-color:#d6c889}	
#home ul li a:visited {border-top: solid 1px #FFFFFF; padding-top: 2px; height: 28px; color: #70205e; text-decoration: none; font-size: 9pt;}

#whoweare a:link{display: block; height: 30px; padding-top: 10px; border-top: solid 8px #B82E8A; color: White; text-decoration: none; font-size: 9pt;margin-top: 0px;}
#whoweare a:hover {display: block; height: 40px; padding-top: 10px; font-weight: bold;  border-top: solid 8px #FFFFFF; color: White; text-decoration: none; font-size: 9pt; background-color:#B82E8A;}
#whoweare a:visited {display: block; height: 30px; padding-top: 10px; border-top: solid 8px #B82E8A; color: White; text-decoration: none; font-size: 9pt;margin-top:0px;}
/* style the second level links */
#whoweare ul li {background-color:#B82E8A;}
#whoweare ul li a:link {border-top: solid 1px #FFFFFF; padding-top: 2px; height: 28px; color: white; text-decoration:none; font-size: 9pt;}
#whoweare ul li a:hover {border-top: solid 1px #FFFFFF; padding-top:2px; height: 28px; color: #ffffff; text-decoration: none; font-size: 9pt;font-weight: bold; margin-top: -2px;}	
#whoweare ul li a:visited {border-top: solid 1px #FFFFFF; padding-top: 2px; height: 28px; color: #FFFFFF; text-decoration: none; font-size: 9pt;}

#whatwedo a:link{display: block; height: 30px; padding-top: 10px; border-top: solid 8px #4B4516; color: White; text-decoration: none; font-size: 9pt;}
#whatwedo a:hover{display: block; height: 40px; font-weight: bold; border-top: solid 8px #FFFFFF; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; background-color:#4B4516;}
#whatwedo a:visited {display: block; height: 30px; border-top: solid 8px #4B4516; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt;}
/* style the second level links */
#whatwedo ul li {background-color:#4B4516;}
#whatwedo ul a:link {border-top: solid 1px #FFFFFF; padding-top: 2px; height: 28px; color: white; text-decoration:none; }
#whatwedo ul a:hover {border-top: solid 1px #FFFFFF; margin-bottom: 2px; height: 28px; color: #ffffff; text-decoration: none; font-size: 9pt;}	
#whatwedo ul a:visited {border-top: solid 1px #FFFFFF; padding-top: 2px; height: 28px; color: #FFFFFF; text-decoration: none; font-size: 9pt;}

#wmw a:link{display: block; height: 30px; border-top: solid 8px #da993f; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt;}
#wmw a:hover{margin-top: -2px; display: block; height: 30px; font-weight: bold; border-top: solid 8px #FFFFFF; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt;}
#wmw a:visited {display: block; height: 30px; border-top: solid 8px #da993f; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt;}

#news a:link{display: block; height: 30px; border-top: solid 8px #a9a053; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; }
#news a:hover{display: block; height: 30px; font-weight: bold; border-top: solid 8px #FFFFFF; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; margin-top: -2px; }
#news a:visited {display: block; height: 30px; border-top: solid 8px #a9a053; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; }
/* style the second level links */
#news ul li {background-color:#a9a053;}
#news ul a:link {border-top: solid 1px #FFFFFF; padding-top: 2px; color: white; text-decoration:none; }
#news ul a:hover {border-top: solid 1px #FFFFFF; height: 25px; padding-top: 3px; color: #ffffff; text-decoration: none; font-size: 9pt;}	
#news ul a:visited {border-top: solid 1px #FFFFFF; padding-top: 2px; color: #FFFFFF; text-decoration: none; font-size: 9pt;}

#clients a:link{display: block; height: 30px; border-top: solid 8px #B52C33; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; }
#clients a:hover{display: block; height: 30px; font-weight: bold; border-top: solid 8px #FFFFFF; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; background-color:#B52C33;}
#clients a:visited {display: block; height: 30px; border-top: solid 8px #b52c33; padding-top: 10px; color: White; text-decoration: none; font-size: 9pt; }
/* style the second level links */
#clients ul li {background-color:#B52C33;}
#clients ul a:link {border-top: solid 1px #FFFFFF;  height: 28px; padding-top: 2px; color: white; text-decoration:none; }
#clients ul a:hover {border-top: solid 1px #FFFFFF;  height: 28px; margin-bottom: 2px; color: #ffffff; text-decoration: none; font-size: 9pt;}	
#clients ul a:visited {border-top: solid 1px #FFFFFF;  height: 28px; padding-top: 2px; color: #FFFFFF; text-decoration: none; font-size: 9pt;}


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

/* 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:31px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:45px;t\op:45px;}

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

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



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