#centerdiv {

	width:975px;
	margin: auto;
	height: auto;	
}

#topnav 
{   
	background-color:Transparent;
	height:148px;
	width:975px;
    clear:both;
    margin:0;
    padding:0;
    z-index:500;
    
}

#middlepane 
{   
	background-color:transparent;
	margin:0;
	padding:0;
	width:975px;
	min-height:480px;
    height:auto!important;
    height:480px;  
	
	clear:both;
    float:left;
    background-image: url(../images/right_shadow_tile.jpg);
    background-repeat:repeat-y;
    background-position: 940px 0px;
}
#middleleftoffsetdiv 
{ 
   background-color:transparent;
   width:18px;
   min-height:480px;
   height:auto!important;
   height:480px;
   float:left;     
    }
#main
{   
	background-color:white;
	width:922px;
	min-height:485px;  
    height:485px; 
    height:auto!important;	
	margin:0;
	padding:0;
    float:left; 
    background-image: url(../images/clear.gif);
    background-repeat:no-repeat;
}
#leftnav 
{
    width:160px;
    height:auto;	
	margin:0;
	margin-top:30px;
	padding:0;
    float:left; 
}
#leftnav UL
{
    padding-top:0px;
    padding-bottom:0px;
    padding-left: 8px;
    font-weight: normal;
    margin: 0px;
    list-style-type: none;
}

#leftnav LI
{
    color: black;  
    font-family: Arial;
    font-size:12px;
    font-weight:bold;
    margin:0px;
    padding:0px; 
    margin-bottom:12px;
}


#leftnav LI a:link, #leftnav LI a:visited
{
    display:block;
    width:135px;  
    color: black; 
    padding-left:13px;
    /*padding-top:2px;
    padding-bottom:2px;*/ 
    margin:0px; 
    text-decoration:none;
    background-image:none; 
}
#leftnav LI a:hover
{
    background-image: url(../images/red_arrow.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    font-weight:bold;
    margin:0px; 
}
#leftnav LI.selected 
{
    display:block;
    width:135px; 
    /* padding-left:13px;
    padding-bottom:2px; 
     height:24px; */
    font-weight:bold;
    background-image: url(../images/red_arrow.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
}

#content 
{
    width:442px;	
	margin:0;
	margin-top:30px;
	padding:0;
    float:left;
    padding-left:35px;
    padding-right:75px;
    font-family: Arial;
    font-size:12px;
    line-height:16px;
    color:#525C64;
    min-height:485px;
   height:auto!important;
    height:485px; 
    	
}
#content a:link, #content a:visited
{   
    font-size:12px;
    line-height:16px;
    font-family:Arial;
    font-weight:bold;
    color:#525C64;
    text-decoration:underline;
    }
#content  a:hover, #content  a:active
{   
    font-size:12px;
    line-height:16px;
    font-family:Arial;
    font-weight:bold;
    color:#525C64;
    text-decoration:underline;
    }
.breadcrumb 
{
    font-size:10px;
    font-family:Arial;
    color:#666666;
    margin-bottom:20px;
    }
#content .breadcrumb a:link, #content .breadcrumb a:visited
{   font-size:10px;
    font-family:Arial;
    color:#666666;
    text-decoration:none;
    }
#content .breadcrumb a:hover, #content .breadcrumb a:active
{   font-size:10px;
    font-family:Arial;
    color:#666666;
    text-decoration:underline;
    }
#content TABLE {
    font-family: Arial;
    font-size:12px;
    line-height:16px;
    border:none;
    margin:0;
    padding:0;

}
#content TH {
background-color:#535C64;
font-family: Arial;
font-size:12px;
line-height:24px;
font-weight:bold;    
color:white;
text-align:left;
 vertical-align:middle;
 margin:0;
 padding:0;
 padding-left:10px;
}
#content UL
{
    
   padding:0;
   margin:0;
    list-style-type: none;
}

#content LI
{
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
    color: #535C64;  
    font-family: Arial;
    font-size:12px;
    padding-left:10px; 
    margin-bottom:8px;
}

#content TD UL
{
    
   padding:0;
   margin:0;
    list-style-type: none;
}

#content TD LI
{
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    color: #535C64;  
    font-family: Arial;
    font-size:12px;
    padding-left:10px; 
    margin-bottom:8px;
}


#rightnav 
{
    width:210px;
    height:auto;	
	margin:0;
	padding:0;
    float:right; 
}
#rightnav  TD {
    font-size:12px;
    font-family:Arial;
	color:#F41A22;
	text-decoration:none;
	}
	#rightnav  TD a:link {
    font-size:12px;
    font-family:Arial;
	color:#F41A22;
	text-decoration:underline;
	}
	#rightnav  TD a:visited {
    font-size:12px;
    font-family:Arial;
	color:#F41A22;
	text-decoration:underline;
	}
	#rightnav  TD a:hover {
    font-size:12px;
    font-family:Arial;
	color:#F41A22;
	text-decoration:underline;
	}
	#rightnav  TD a:active {
    font-size:12px;
    font-family:Arial;
	color:#F41A22;
	text-decoration:underline;
	}
#rightedge
{   
	width:35px;
	height:auto;
	margin:0;
	padding:0;
    float:right;
    min-height:480px;
    height:auto!important;
    height:480px; 
   /* background-image: url(../images/right_shadow_tile.jpg);
    background-repeat: repeat-y;*/
}
#bottompane 
{   
	background-color:transparent;
	margin:0;
	padding:0;
	width:975px;
	height:auto;
    clear:both;
}
#bottomleftoffsetdiv 
{ 
   background-color:transparent;
   width:20px;
    height:120px;
   float:left;     
    }
#bottomdiv 
{
width:955px;
height:120px;
background-image: url(../images/footer_cap.jpg);
background-repeat:no-repeat;
float:right; 
font-family: Arial;
font-size:10px;
line-height:15px;
color:White;
text-align:center;
}
#bottomlinks    
{
width:940px;
height:auto;
font-family: Arial;
font-size:10px;
line-height:15px;
color:White;
text-align:center;
padding-top:8px;
}
#bottomlinks  a:link,  #bottomlinks  a:visited
{
font-family: Arial;
font-size:10px;
line-height:15px;
color:White;
text-decoration:none;
}
#bottomlinks  a:hover,  #bottomlinks  a:active
{
font-family: Arial;
font-size:10px;
line-height:15px;
color:White;
text-decoration:underline;
}
 #menu {
width: 780px;
height:auto;
float: left;
padding:0;
margin:0;
}
#menu li 
{
    margin:0;
    padding:0;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 780px;
height:auto;
float: left;
}
#menu a SPAN {
display:none;
}
#menu a {
font:  12px/13px arial, helvetica, sans-serif;
display: block;
border: none;
margin: 0;
padding: 0;
text-decoration: none;
}

#menu ul ul li a
{
font: bold 12px/13px arial, helvetica, sans-serif;
border: none;
margin: 0;
padding: 10px 15px 5px 15px;
color: #fff;
background: transparent!important;
text-decoration: none;
}
#menu ul ul li a:hover
{
font: bold 12px/13px arial, helvetica, sans-serif;
display: block;
border: none;
margin: 0;
padding: 10px 15px 5px 15px;
color: #000;
background: transparent!important;
text-decoration: none;
}
#menu li {position: relative;float:left;}

#menu ul ul {
position: absolute;
z-index: 500;
width:150px;
height:auto;
padding-bottom:12px;
top:85px;
left:0;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
}

#menu .mnuAbout  {

display:block;
width:150px;
height:85px;
background-image: url(../images/about-off.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuAbout:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/about-on.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuAboutSlctd  {

display:block;
width:150px;
height:85px;
background-image: url(../images/about-on.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuAboutSlctd:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/about-on.jpg);
background-repeat: no-repeat;
border: none;
}

#menu .mnuPrint   {

display:block;
width:150px;
height:85px;
background-image: url(../images/print-off.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuPrint:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/print-on.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuPrintSlctd   {

display:block;
width:150px;
height:85px;
background-image: url(../images/print-on.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuPrintSlctd:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/print-on.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuCustom   {

display:block;
width:150px;
height:85px;
background-image: url(../images/custom-off.jpg);
background-repeat: no-repeat;

}
#menu .mnuCustom:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/custom-on.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuCustomSlctd   {

display:block;
width:150px;
height:85px;
background-image: url(../images/custom-on.jpg);
background-repeat: no-repeat;

}
#menu .mnuCustomSlctd:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/custom-on.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuDirect   {

display:block;
width:180px;
height:85px;
background-image: url(../images/direct-off.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuDirect:hover  {

display:block;
width:180px;
height:85px;
background-image: url(../images/direct-on.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuDirectSlctd   {

display:block;
width:180px;
height:85px;
background-image: url(../images/direct-on.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuDirectSlctd:hover  {

display:block;
width:180px;
height:85px;
background-image: url(../images/direct-on.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuFeatures   {

display:block;
width:150px;
height:85px;
background-image: url(../images/features-off.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuFeatures:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/features-on.jpg);
background-repeat: no-repeat;
border: none;
}
#menu .mnuFeaturesSlctd   {

display:block;
width:150px;
height:85px;
background-image: url(../images/features-on.jpg);
background-repeat: no-repeat;
border: none;

}
#menu .mnuFeaturesSlctd:hover  {

display:block;
width:150px;
height:85px;
background-image: url(../images/features-on.jpg);
background-repeat: no-repeat;
border: none;
}
/*---------- bubble tooltip -----------*/
body{font: .75em Arial,sans-serif;}
div#container{width: 370px; margin:0 auto;}


a.tt{
    position:relative;
    z-index:24;
    color:Red;
	font-weight:normal;
    text-decoration:none;
	text-align:left;
	
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:20px; left:-240px;
	padding:10px 0 0 0;
	width:356px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 15px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 

}
a.tt:hover span.bottom{
	display: block;
	padding:10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}