/* CSS Document */

* {
margin:0;
padding:0
} 

body
{
margin:0px;
background-image:url(../images/img01.gif);
background-repeat:repeat-x;

background-attachment:fixed;
background-color:#fff;
font-family:'Helvetica', Arial, Verdana;
}

#dvmaincontainer
{
width:950px;
margin:0px auto;
}
#dvmaincontainer #dvtopcontainer
{
float:left;
width:900px;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvtopcontainer #dvlogocontainer
{
float:left;
width:324px;
font-size:0px;
margin:0px;
padding:0px 71px 0px 0px;
}
#dvlogocontainer h1
{
float:right;
width:314px;
font-family:Arial, Helvetica, sans-serif;
font-size:31px;
text-align:right;
font-weight:bold;
color:#F8F4D5;
margin:0px;
padding:32px 0px 0px 0px;
}
#dvlogocontainer h4
{
float:right;
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
font-weight:bold;
color: #FFFFFF;
margin:0px;
padding:0px 0px 30px 0px;
}
#dvtopcontainer #dvnavicontainer
{
float:right;
width:395px;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvnavicontainer img
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}

#dvmaincontainer #dvbodycontainer
{
float:left;
width:900px;

margin:0px;
padding:0px 0px 0px 0px;
}
#dvmaincontainerh #dvbodycontainerh
{
float:left;
width:900px; height:300px;

margin:0px;
padding:0px 0px 0px 0px;
}
#dvbodycontainerh #dvbannerbgcontainerh
{
float:left;
width:850px;
height:210px;
border-bottom:1px solid #D5D4CD;
margin:0px;
padding:38px 0px 0px 0px;
}

#dvbannerbgcontainerf
{
float:left;
width:950px;
height:226px;

border-bottom:1px solid #D5D4CD;
margin:0px;
padding:38px 0px 0px 25px;
}

#dvbannerbgcontainer .lftcontainer
{
float:left;
width:277px;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}







#dvmaincontaineri #dvbodycontainer
{
float:left;
width:900px;
background-image:url(../images/page_bg.jpg);
background-repeat:repeat-y;
background-position:top center;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvbodycontaineri #dvbannerbgcontainer
{
float:left;
width:873px;
height:226px;
background-image:url(../images/bg.jpg);
background-repeat:repeat;
background-position:top;
border-bottom:1px solid #D5D4CD;
border-top:1px solid #D5D4CD;
margin:0px;
padding:38px 0px 0px 25px;
}

#dvbodycontaineri #dvbannerbgcontainerf
{
float:left;
width:950px;
height:226px;
background-image:url(../images/bg.jpg);
background-repeat:repeat;
background-position:top;
border-bottom:1px solid #D5D4CD;
border-top:1px solid #D5D4CD;
margin:0px;
padding:38px 0px 0px 25px;
}















.lftcontainer .dvbannerleft
{
float:left;
width:277px;
margin:0px;
padding:0px 0px 15px 0px;
}
.dvbannerleft img
{
float:left;
margin:0px;
padding:0px 11px 0px 0px;
font-size:0px;
}
.dvbannerleft p
{
float:left;
width:203px;
font-size:12px;
text-align:left;
color:#424037;
background-color:#FBF8A8;
margin:6px 0px 0px 0px;
padding:6px 0px 5px 8px;
}
.dvbannerleft p b
{
font-size:13px;
font-weight:bold;
}


#dvbannerbgcontainer #dvbanner
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 35px;
}
#dvbodycontainer #dvleftpanel
{
float:left;
width:274px;
margin:0px;
padding:26px 0px 4px 25px;
}






.rightcontainer .dvbannerleft
{
float:right;
width:277px;
margin:0px;
padding:0px 0px 15px 0px;
}
.dvbannerright img
{
float:right;
margin:0px;
padding:0px 11px 0px 0px;
font-size:0px;
}
.dvbannerright p
{
float:right;
width:203PX;
font-size:12px;
text-align:left;
color:#424037;
background-color:#FBF8A8;
margin:6px 0px 0px 0px;
padding:6px 0px 5px 8px;
}
.dvbannerright p b
{
font-size:13px;
font-weight:bold;
}


#dvbannerbgcontainer #dvbanner
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 35px;
}
#dvbodycontainer #dvleftpanel
{
float:left;
width:274px;
margin:0px;
padding:26px 0px 4px 25px;
}

















#dvleftpanel #topimage
{
float:left;
width:243px;
font-size:14px;
margin:0px;
padding:8px 0px 0px 15px;
height:23px;

color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:'Helvetica', Arial, Verdana;
voice-family:"\"}\"";
line-height:18px;

}
#dvleftpanel #midcont
{
float:left;
width:230px;
margin:0px;
padding:25px 0px 4px 25px;
border-bottom:1px solid #F3F3F3;

}
#midcont p
{
float:left;
width:223px;
font-size:15px;
text-align:left;
line-height:18px;
voice-family:"\"}\"";
line-height:17px;
color:#513D2C;
margin:0px;
padding:0px;
padding-bottom:25px;


}
#midcont p span
{
float:right;
text-align:right;
color:#A5051A;
font-weight:bold;
}
#dvleftpanel #leftfoot
{
float:left;
width:258px;
background-image:url(../images/left_foot.jpg);
background-repeat:no-repeat;
background-position:top;
margin:12px 0px 0px 0px;
padding:11px 0px 13px 16px;
}
#leftfoot img
{
float:left;
width:46px;
margin:0px;
padding:0px 0px 0px 0px;
}
#leftfoot p
{
float:left;
width:160px;
font-size:12px;
text-align:left;
color:#6B5F58;
margin:0px;
padding:0px 0px 0px 15px;
}
#leftfoot span
{
float:left;
width:156px;
font-size:15px;
text-align:left;
font-weight:bold;
color:#6B5F58;
margin:0px;
padding:5px 0px 5px 15px;
}
#dvbodycontainer #dvrightpanel
{
float:left;
width:570px;
margin:0px 0px 0px 20px; border-top:5px solid  #BB0000;
padding:18px 0px 4px 3px; background:#FFFFFF;
}
#dvrightpanel h1
{
float:left;
width:395px;
font-size:20px;
text-align:left;
color:#2C1B11;
margin:0px;
padding:10px 0px 0px 15px;
}

#dvrightpanel h1 a
{

font-size:18px;color: #666666;


}


#dvrightpanel p
{
float:left;
width:530px;
font-size:14px;
text-align:left;
voice-family:"\"}\"";
line-height:16px;
color:#513D2C;
margin:0px;
padding:10px 0px 10px 15px;
}



#dvrightpanel .line
{
float:left;
width:533px;
font-size:0px;
margin:0px;
padding:10px 0px 15px 15px;
}
#dvrightpanel .learn
{
float:left;
text-align:left;
font-size:0px;
margin:0px;
padding:0px 0px 14px 445px;
}

#dvrightpanel .learn span
{
height:20px;
width:140px;
font-size:10px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#dvrightpanel .learn span a
{
background-image:url(../images/learn.jpg);
background-repeat:no-repeat;

width:140px;
height:30px;
font-size:10px;
color:#FFFFFF;
padding-right:20px;
text-decoration:none;
padding-top:8px;
voice-family:"\"}\"";
line-height:17px;

}
#dvrightpanel .learn span a:hover
{
background-image:url(../images/learn_over.jpg);
background-repeat:no-repeat;
width:130px;
color:#FFFFFF;
text-decoration:none;
}



#dvrightpanel .learn a 
{
background-image:url(../images/learn.jpg);
background-repeat:no-repeat;
background-position:center;
height:20px;
width:97px;
font-size:11px;
color:#FFFFFF;
padding-bottom:10px;
padding-left:11px;
padding-top:3px;


}

#dvrightpanel .learn a:hover 
{
background-image:url(../images/learn_over.jpg);
background-repeat:no-repeat;
height:20px;
width:97px;
padding-bottom:10px;
color:#FFFFFF;
}



#dvrightpanel #righttfoot
{
float:left;
width:556px;
height:59px;
background-image:url(../images/right_foot.jpg);
background-repeat:no-repeat;
background-position:top;
margin:20px 0px 0px 0px;
padding:11px 0px 13px 0px;
}






















#dvbodycontainer #dvrightpanelh
{
float:left;
width:750px;
margin:0px 0px 0px 20px; border-top:5px solid  #BB0000;
padding:18px 0px 4px 3px; background:#FFFFFF;
}
#dvrightpanelh h1
{
float:left;
width:600px;
font-size:20px;
text-align:left;
color:#2C1B11;
margin:0px;
padding:10px 0px 0px 15px;
}
#dvrightpanelh p
{
float:left;
width:700px;
font-size:14px;
text-align:left;
voice-family:"\"}\"";
line-height:16px;
color:#513D2C;
margin:0px;
padding:10px 0px 10px 15px;
}
#dvrightpanelh .line
{
float:left;
width:700px;
font-size:0px;
margin:0px;
padding:10px 0px 15px 15px;
}
#dvrightpanelh .learn
{
float:left;
text-align:left;
font-size:0px;
margin:0px;
padding:0px 0px 14px 445px;
}

#dvrightpanelh .learn span
{
height:20px;
width:140px;
font-size:10px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#dvrightpanelh .learn span a
{
background-image:url(../images/learn.jpg);
background-repeat:no-repeat;

width:140px;
height:30px;
font-size:10px;
color:#FFFFFF;
padding-right:20px;
text-decoration:none;
padding-top:8px;
voice-family:"\"}\"";
line-height:17px;

}
#dvrightpanelh .learn span a:hover
{
background-image:url(../images/learn_over.jpg);
background-repeat:no-repeat;
width:130px;
color:#FFFFFF;
text-decoration:none;
}



#dvrightpanelh .learn a 
{
background-image:url(../images/learn.jpg);
background-repeat:no-repeat;
background-position:center;
height:20px;
width:97px;
font-size:11px;
color:#FFFFFF;
padding-bottom:10px;
padding-left:11px;
padding-top:3px;


}

#dvrightpanelh .learn a:hover 
{
background-image:url(../images/learn_over.jpg);
background-repeat:no-repeat;
height:20px;
width:97px;
padding-bottom:10px;
color:#FFFFFF;
}



#dvrightpanelh #righttfoot
{
float:left;
width:700px;
height:59px;
background-image:url(../images/right_foot.jpg);
background-repeat:no-repeat;
background-position:top;
margin:20px 0px 0px 0px;
padding:11px 0px 13px 0px;
}






























#righttfoot img
{
float:left;
margin:0px;
font-size:0px;
padding:0px 0px 0px 10px;
}
#righttfoot p
{
float:left;
width:97px;
font-size:13px;
text-align:left;
color:#513D2C;
margin:0px;
padding:0px 12px 0px 12px;
}
#dvmaincontainer #dvfootercontainer
{
float:left;
width:900px;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvfootercontainer #foottop
{
float:left;
width:900px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:0px;
padding:0px 0px 50px 0px;
}
#foottop p
{
float:left;
font-size:12px;
text-align:left;
color:#938A82;
margin:0px;
padding:25px 0px 0px 20px;
}
#foottop p a 
{
text-decoration:none;
color: #FFFFFF;
padding-left:5px;
padding-right:5px;
}
#foottop p a:hover
{
text-decoration:underline;
color:#938A82;
}
#foottop p span
{
padding:0px 10px 0px 0px;
}
.design
{
float:left;
width:154px;
margin:0px;
padding:0px;
font-size:0px;
padding-left:80px;
padding-top:13px;
}


/*- Menu Tabs 1--------------------------- */ 


    #tabs1 {
      float:left;
    
	  background:#FAF6DB;
      font-size:12px;
      line-height:normal;
	  font-family:Helvetica, sans-serif;
	  font-weight:bold;
	  padding-top:10px; 
	  padding-bottom:5px;
	  height:26px;
	  margin:0px;
	  line-height:normal;
	  
	   /*   height:100%;Fix for MSIE peekaboo bug */
	 
      }
    #tabs1 ul {
	  margin:0;
	 list-style:none;
	  float:left;
	 padding:0px;
	 
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
	  voice-family:"\"}\"";
	  line-height:16px;
	  height:25px;
	  float:left;
	  
	  
      }
    #tabs1 a {
      float:left;
      background:url("../images/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("../images/tabright1.gif") no-repeat right top;
	  color:#2C1C0F;
      padding:3px 9px 6px 5px; 
	  voice-family:"\"}\"";
	  padding-top:2px;
	  
	  
	
	  
	
     
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFFFFF;
	  
      }
    #tabs1 a:hover {
      background-position:0% -42px;
	   color:#FFFFFF;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
	   color:#FFFFFF;
      }

      #tabs1 #current a {
      	background-position:0% -42px;
		 color:#FFFFFF;
      }
      #tabs1 #current a span {
      	background-position:100% -42px;
		 color:#FFFFFF;
      }
	  
	  /*-----------------------------Menu ------------------------------*/
	  
	  img {
border: none;
} 

/*- Menu Tabs 3--------------------------- */

    #tabs3 {
      float:left;
      width:362px;
      font-size:14px;
	  font-family:Arial, Helvetica, sans-serif;
      line-height:normal;
	  background:#FAF6DB;
	  font-weight:bold;
	  
	  
	  
      }
    #tabs3 ul {
	  margin:0;
	  padding:10px 5px 5px 0px;
	  list-style:none;
	  line-height:21px;
      }
    #tabs3 li {
      display:inline;
      margin:0;
      padding:0;
	 
      }
    #tabs3 a {
      float:left;
      background:url("../images/tableft3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabs3 a span {
      float:left;
      display:block;
      background:url("../images/tabright3.gif") no-repeat right top;
      padding:7px 0px 4px 0px;
      color:#2C1B11;
	  line-height:14px;
	  height:20px;
      }
	    #tabs3 a span {float:none;
		border:1px solid red;}
    /* Commented Backslash Hack hides rule fr
	om IE5-Mac \*/
    #tabs3 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs3 a:hover span {
      color:#FFF;
      }
    #tabs3 a:hover {
      background-position:0% -42px;
      }
    #tabs3 a:hover span {
      background-position:100% -42px;
      }  

      #tabs3 #current a {
      	background-position:0% -42px;
		color:#FFFFFF
      }
      #tabs3 #current a span {
      	background-position:100% -42px;
		color:#FFFFFF
      }
	  
	  
	  
	  
	  
	  /*----------------------top right navigation-------------------------*/
#right_nav{
width:263px;height:auto;padding:5px 0 0 30px; float:right; background:url(../images/backRight.png) no-repeat center;
}
#right_nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#right_nav ul li{
list-style:none;display:block;width:auto;height:35px;padding:0px;line-height:29px;
}
#right_nav ul li a{
height:35px;display:block; width:263px;text-decoration:none;padding:0 0 0 20px; border:none;  
margin:7px 0 7px 0;color: #E9E9E9;background:url(images/right_nav.gif) no-repeat center;
background-position:0px 0px; font-size:16px; font-weight:bold;  font-family:Helvetica, sans-serif; 
}
#right_nav ul li a:hover{
height:35px;display:block;width:263px;text-decoration:none;color: #FFFF00;padding:0 0 0 20px;margin:7px 0 7px 0; background:url(../images/bhome_on.png) no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a.current{
height:35px;display:block;width:263px;text-decoration:none;padding:0px;color: #d4f0ba;padding:0 0 0 35px;margin:7px 0 7px 0; 
background:url(images/right_nav_a.gif) no-repeat center;
background-position:0px 0px;
}

.clock{
float:left;
padding:0px;
}
.text_content{
width:350px; height:180px;
float:left;
background-image:url(../images/home_slog.png);
background-repeat:no-repeat;
background-position:top;
padding:20px 0 0 100px;

}



#menser h1 {	
	font: 400 1.8em 'century gothic','arial narrow',arial,sans-serif;
	color: #033;
	margin: 10px 0;
	background: url('h1bullet.gif') no-repeat left;
	padding-left: 25px;
	}

#menser p {
	background: url('rightlist_line.gif') repeat-x top left;
	line-height: 1.5em;
	padding: 10px 0;
	}
	
#menser ul {
	list-style-type: none;
	}

#menser li {
	padding: 8px 25px 8px 25px;
	margin: 0px;
	list-style:none;
	background:url(../images/b_menu.png) no-repeat center; 
	}

#menser li a {
	padding: 8px 25px 8px 25px;
	display: block;

	color:#FFF;
	text-decoration:none; background:url(../images/b_menu.png) no-repeat center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold; 
	}

#menser li a:hover {
	padding: 8px 25px 8px 25px;
	display: block;
    margin: 0px;
	color: #FFFF00;
	text-decoration:none; background:url(../images/b_menuon.png) no-repeat center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold; 


	}
	#menser li a:current  {
padding: 8px 25px 8px 25px; color:#FFFF00;
margin: 0px;
	list-style:none;
	background:url(../images/b_menuon.png) no-repeat center;
	
	}
	
	
	
	.left_box{
width:257px;
height:auto;
float:left;
padding-bottom:10px;
}
.top_left_box{
width:257px;
height:10px;
float:left;
background:url(../images/top_box_bg.gif) no-repeat center;
}
.center_left_box{
width:257px;
height: auto;
float:left;
background:url(../images/center_box_bg.gif) repeat-y;
}
.bottom_left_box{
width:257px;
height:10px;
float:left;
background:url(../images/bottom_box_bg.gif) no-repeat center;
}
.box_title{
width:257px;
text-align:center;
font-size:18px;
color:#615357;
padding:5px 0 5px 0;
}
.box_title span{
font-weight:bold;
color:#d8325d;
}
.form{
width:257px;
text-align:center;
color:#615357;
padding:5px 0 5px 0;
}
.form_row{
float:left;
width:257px;
text-align:center;
padding:3px 0 3px 0;
}

.contact_information{
font-size:12px;
color:#385870;
text-align:left;
padding-left:20px;
}
.contact_information span{
color:#d8325d;
}
.contact_information p{
color:#d8325d;  padding:3px 0 3px 15px; background: url(../images/arrowRed.gif) no-repeat left center;
}
.contact_information a{
color: #333333;
}
.contact_information a:hover{
color:#d8325d;
}
/*---------------list------------------------*/
.content{
font-size:13px;
color:#385870;
text-align:left;
padding-left:20px;
}
.content span{
color:#d8325d;
}
.content p{
color:#d8325d;  padding:3px 0 3px 15px; background: url(images/arrowRed.gif) no-repeat left center;
}
.content a{
color: #333333;
}
.content a:hover{
color:#d8325d;
}
.content ul {
	list-style: none;
}

.content ul li {
	padding-left: 15px;
	background: url(../images/arrowRed.gif) no-repeat left center;
}
/*---------------footer------------------------*/
#footer{
height:60px; margin-right:1px; width:950px;   
 
background-image:url(../images/footero.jpg);
background-repeat:repeat-x;
background-color:#0B489D;


}
#footer p
{
float:left;
font-size:12px;
text-align:left;
color: #FFFFFF;
margin:0px;
padding:25px 0px 0px 20px;
}
#footer p a 
{
text-decoration:none;
color: #FFFFFF;
padding-left:5px;
padding-right:5px;
}
#footer p a:hover
{
text-decoration:underline;
color:#938A82;
}
#footer p span
{
padding:0px 10px 0px 0px;
}
.design
{
float:left;
width:154px;
margin:0px;
padding:0px;
font-size:0px;
padding-left:80px;
padding-top:13px;
}

/*---------------footer home------------------------*/
#footerh{
height:60px; margin-right:1px; width:950px;   
}
#footerh p
{
float:left;
font-size:12px;
text-align:left;
color: #666666;
margin:0px;
padding:25px 0px 0px 20px;
}
#footerh p a 
{
text-decoration:none;
color: #666666;
padding-left:5px;
padding-right:5px;
}
#footerh p a:hover
{
text-decoration:underline;
color: #999999;
}
#footerh p span
{
padding:0px 10px 0px 0px;
}
.designh
{
float:left;
width:154px;
margin:0px;
padding:0px;
font-size:0px;
padding-left:80px;
padding-top:13px;
}

/* Quotes */

.quotes {
	float: right;
	width: 400px;
	padding: 18px 5px 45px 0;
    color: #000000; padding-top:15px;
	}
	/*-----------------------contact------------------------*/
.contact_tab{
width:300px;
height: auto;
float:left;
background-color:#f3f5f6;
padding:8px;
margin:5px 5px 5px 0px;
}
.form_contact{
width:300px;
float:left;
text-align:center;
color:#615357;
padding:5px 0 5px 0;
}
.location_contact{
width:250px;
float:left;
padding:15px;
}
.form_row_contact{
float:left;
width:357px;
text-align:center;
padding:3px 0 3px 0;
}
input.form_input_contact{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
float:left;
margin-left:10px;
}
select.form_select{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
float:left;
margin-left:10px;
height:20px;
}
textarea{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
height:80px;
float:left;
margin-left:10px;
}

/*---------------- menu tab----------------------*/


/* style the outer div to give it width */
.menu {font-size:11px;padding:0px; float:right; width:500px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:28px; background: #004A95;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:28px;line-height:28px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em; border-bottom:1px #2384BF solid;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;background:#267cb2;padding:0 21px 0 17px;}
.menu a.current{background:#3da1e0;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#267cb2; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#3da1e0;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#3da1e0;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#3da1e0;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#3da1e0;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:#3da1e0;}
.menu :hover > a {color:#fff;background:#3da1e0;}
/* second */
.menu ul ul a:hover{color:#fff;background:#3da1e0;}
.menu ul ul :hover > a {color:#fff;background:#3da1e0;}
/* third */
.menu ul ul ul a:hover {background:#3da1e0;}
.menu ul ul ul :hover > a {background:#3da1e0;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* 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:28px;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

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


/* 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; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}