/* Basic code - don't modify */
 
 #nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width:100px;
}
  #nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position:static;
	width: 70px;
}
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 90px; }
#nav ul ul { left: 90px; }

/* Everything else is theming */
 
#nav { background-color: none;  }
#nav *:hover { background-color: none; }
#nav a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #nav li.hover a { background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #nav ul {background-color: #cddef5;  }
    #nav ul li a { background-color: #cddef5; } 
      #nav ul a.hover { background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px;}/*drop down color*/
/* #nav ul a { border-bottom: none; } -  I also needed this for IE6/7 */



/* ----------- ABOUT US ------------ */

/* Basic code - don't modify */
 
 #navAboutUs {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width:100px;
}
  #navAboutUs li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float:right;
	width: 130px;
}
  #navAboutUs a { display:block; }
  #navAboutUs ul { display: none; position: absolute; top:30px; left: 0; margin: 0; padding: 0; }
  * html #navAboutUs ul { line-height: 0; } /* IE6 "fix" */
  	#navAboutUs ul a { zoom: 1; } /* IE6/7 fix */
    #navAboutUs ul li { float: none; }
    #navAboutUs ul ul { top: 0; }
    
/* Essentials - configure this */

#navAboutUs ul { width: 130px; }
	#navAboutUs ul ul { left: 130px;}

/* Everything else is theming */
 
#navAboutUs { background-color: none;  }
#navAboutUs *:hover { background-color: none; }
#navAboutUs a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navAboutUs li.hover a {  background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px; height: 13px;}
  #navAboutUs ul {background-color:#CCCCFF; border-bottom-color:#CCCCCC; border-bottom-width:1px ; border-bottom-style:solid; border-left-color:#CCCCCC; border-left-width:1px ; border-left-style:solid; border-right-color:#CCCCCC; border-right-width:1px ; border-right-style:solid; }
    #navAboutUs ul li a { background-color:#FDFAFE; } 
      #navAboutUs ul a.hover {background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px; height: 13px;}/*drop down color*/
/* #navAboutUs ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* --------- END --------- */

/* -----------DESIGN  ------------ */

/* Basic code - don't modify */
 
 #navDesign {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width: 160px;
}
  #navDesign li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position:static;
	width: 150px;
}
  #navDesign a { display: block; }
  #navDesign ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; absolute; top:30px}
  * html #navDesign ul { line-height: 0; } /* IE6 "fix" */
  	#navDesign ul a { zoom: 1; } /* IE6/7 fix */
    #navDesign ul li { float: none; }
    #navDesign ul ul { top: 0; }
    
/* Essentials - configure this */

#navDesign ul { width: 150px; }
#navDesign ul ul { left: 150px; }

/* Everything else is theming */
 
#navDesign { background-color: none;  }
#navDesign *:hover { background-color: none; }
#navDesign a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navDesign li.hover a { background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navDesign ul {background-color:#CCCCFF; border-bottom-color:#CCCCCC; border-bottom-width:1px ; border-bottom-style:solid; border-left-color:#CCCCCC; border-left-width:1px ; border-left-style:solid; border-right-color:#CCCCCC; border-right-width:1px ; border-right-style:solid;}
      #navDesign ul li a { background-color:#FDFAFE} 
      #navDesign ul a.hover {background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px; height: 13px;}/*drop down color*/
/* #navAboutUs ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* --------- END --------- */

/* --------- PRODUCT --------- */
/* Basic code - don't modify */
 
 #navProd {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width: 120px;
}
  #navProd li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position:static;
	width: 200px;;
}
  #navProd a { display: block; }
  #navProd ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; top:30px; }
  * html #navProd ul { line-height: 0; } /* IE6 "fix" */
  	#navProd ul a { zoom: 1; } /* IE6/7 fix */
    #navProd ul li { float: none; }
    #navProd ul ul { top: 0; }
    
/* Essentials - configure this */

#navProd ul { width: 200px; }
#navProd ul ul { left: 200px; }

/* Everything else is theming */
 
#navProd { background-color: none;  }
#navProd *:hover { background-color: none; }
#navProd a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navProd li.hover a { background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navProd ul {background-color:#CCCCFF; border-bottom-color:#CCCCCC; border-bottom-width:1px ; border-bottom-style:solid; border-left-color:#CCCCCC; border-left-width:1px ; border-left-style:solid; border-right-color:#CCCCCC; border-right-width:1px ; border-right-style:solid; }
   #navProd ul li a { background-color:#FDFAFE} 
      #navProd ul a.hover {background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px; height: 13px;}/*drop down color*/
/* #navProd ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* --------- END --------- */

/* --------- SERVICES --------- */
/* Basic code - don't modify */
 
 #navServ {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width: 120px;
}
  #navServ li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position:static;
	width: 180px;
}
  #navServ a { display: block; }
  #navServ ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; top:30px;}
  * html #navServ ul { line-height: 0; } /* IE6 "fix" */
  	#navServ ul a { zoom: 1; } /* IE6/7 fix */
    #navServ ul li { float: none; }
    #navServ ul ul { top: 0; }
    
/* Essentials - configure this */

#navServ ul { width: 180px; }
#navServ ul ul { left: 180px; }

/* Everything else is theming */
 
#navServ { background-color: none;  }
#navServ *:hover { background-color: none; }
#navServ a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navServ li.hover a { background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navServ ul {background-color:#CCCCFF; border-bottom-color:#CCCCCC; border-bottom-width:1px ; border-bottom-style:solid; border-left-color:#CCCCCC; border-left-width:1px ; border-left-style:solid; border-right-color:#CCCCCC; border-right-width:1px ; border-right-style:solid; }
     #navServ ul li a { background-color:#FDFAFE} 
      #navServ ul a.hover {background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px; height: 13px;}/*drop down color*/
/* #navServ ul a { border-bottom: none; } - I also needed this for IE6/7 */



/* --------- END --------- */


/* --------- SUPPORT --------- */
/* Basic code - don't modify */
 
 #navSup {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width: 120px;
}
  #navSup li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position:static;
	width: 130px;
}
  #navSup a { display: block; }
  #navSup ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; top:30px;}
  * html #navSup ul { line-height: 0; } /* IE6 "fix" */
  	#navSup ul a { zoom: 1; } /* IE6/7 fix */
    #navSup ul li { float: none; }
    #navSup ul ul { top: 0; }
    
/* Essentials - configure this */

#navSup ul { width: 130px; }
#navSup ul ul { left: 130px; }

/* Everything else is theming */
 
#navSup { background-color: none;  }
#navSup *:hover { background-color: none; }
#navSup a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navSup li.hover a { background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navSup ul {background-color:#CCCCFF; border-bottom-color:#CCCCCC; border-bottom-width:1px ; border-bottom-style:solid; border-left-color:#CCCCCC; border-left-width:1px ; border-left-style:solid; border-right-color:#CCCCCC; border-right-width:1px ; border-right-style:solid; }
     #navSup ul li a { background-color:#FDFAFE} 
      #navSup ul a.hover {background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px; height: 13px;}/*drop down color*/
/* #navSup ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* --------- RESOURCES --------- */
/* Basic code - don't modify */
 
 #navResc {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width: 150px;
}
  #navResc li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position:static;
	width: 175px;
}
  #navResc a { display: block; }
  #navResc ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; top:30px;}
  * html #navResc ul { line-height: 0; } /* IE6 "fix" */
  	#navResc ul a { zoom: 1; } /* IE6/7 fix */
    #navResc ul li { float: none; }
    #navResc ul ul { top: 0; }
    
/* Essentials - configure this */

#navResc ul { width: 175px; }
#navResc ul ul { left: 175px; }

/* Everything else is theming */
 
#navResc { background-color: none;  }
#navResc *:hover { background-color: none; }
#navResc a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navResc li.hover a { background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navResc ul {background-color:#CCCCFF; border-bottom-color:#CCCCCC; border-bottom-width:1px ; border-bottom-style:solid; border-left-color:#CCCCCC; border-left-width:1px ; border-left-style:solid; border-right-color:#CCCCCC; border-right-width:1px ; border-right-style:solid;}
    #navResc ul li a { background-color:#FDFAFE} 
      #navResc ul a.hover {background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px; height: 13px;}/*drop down color*/
/* #navResc ul a { border-bottom: none; } - I also needed this for IE6/7 */



/* --------- END --------- */


/* ----------- CONTACT US------------ */

/* Basic code - don't modify */
 
 #navContact {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: 11;
	width: 70px;
}
  #navContact li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position:static;
	width: 70px;
}
  #navContact a { display: block; }
  #navContact ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;  top:30px;}
  * html #navContact ul { line-height: 0; } /* IE6 "fix" */
  	#navContact ul a { zoom: 1; } /* IE6/7 fix */
    #navContact ul li { float: none; }
    #navContact ul ul { top: 0; }
    
/* Essentials - configure this */

#navContact ul { width: 70x; }
#navContact ul ul { left: 70px; }

/* Everything else is theming */
 
#navContact { background-color: none;  }
#navContact *:hover { background-color: none; }
#navContact a { font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navContact li.hover a { background-color: none; height: 13px; font-family: Arial, Helvetica, sans-serif; color:#2A0055; font-size: 11px; padding: 5px; height: 13px;}
  #navContact ul {background-color: #cddef5; }
    #navContact ul li a { background-color:  #FDFAFE;} 
      #navContact ul a.hover { background-color:#FFDF55; font-family: Arial, Helvetica, sans-serif; color:#2A1F55; font-size: 11px;}/*drop down color*/
/* #navAboutUs ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* --------- END --------- */