a {
	text-decoration: none;
	}

/* --- primary navigation --- */

#nav {
	margin-left: 10px;
	padding: 0;
	border: 0;
	width: 780px;
	background-image:url(images/subnav.gif)
	}
	
/* --- primary menu buttons --- */	
	
.button_about a {
	display:block;
	width:156px;
	height:19px;
 	background-image: url(images/aboutus_off.gif);
	float: left;
	}
	
.button_about a:hover {
	width:156px;
	height:19px;
 	background-image: url(images/aboutus_on.gif);
	}
	
.button_services a {
	display:block;
	width:156px;
	height:19px;
	background-image: url(images/services_off.gif);
	float: left;
	}
	
.button_services a:hover {
	width:156px;
	height:19px;
 	background-image: url(images/services_on.gif);
	}
	
.button_resources a {
	display:block;
	width:156px;
	height:19px;
 	background-image: url(images/resources_off.gif);
	float: left;
	}
	
.button_resources a:hover {
	width:156px;
	height:19px;
 	background-image: url(images/resources_on.gif);
	}
	
.button_contactus a {
	display:block;
	width:156px;
	height:19px;
 	background-image: url(images/contactus_off.gif);
	float: left;
	}
	
.button_contactus a:hover {
	width:156px;
	height:19px;
 	background-image: url(images/contactus_on.gif);
	}

.button_login a {
	display:block;
	width:156px;
	height:19px;
 	background-image: url(images/login_off.gif);
	float: left;	
	}
	
.button_login a:hover {
	width:156px;
	height:19px;
 	background-image: url(images/login_on.gif);
	float: right;
	}

.clearfix:after {
	content:".";
	display:block;
	height:0px;
	width:0px;
	clear:both;
	visibility:hidden;
	}
	
/* --- secondary navigation  --- */

#subnav {
	margin-left: 10px;
	padding: 0;
	border: 0;
	width: 780px;
	height: 20px;
	background-image:url(images/subnav.gif)
	}

#subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align:center;
	}

#subnav ul li {
	list-style-type: none;
	text-align: left;
	}

/* --- submenus level 2 buttons, here you define the length of each subbutton  --- */

#oneone {
	width: 120px;
	}

#onetwo {
	width: 100px;
	}

#onethree {
	width: 100px;
	}

#onefour {
	width: 80px;
	}

#onefive {
	width: 80px;
	}

#onesix {
	width: 80px;
	}

#twoone {
	width: 150px;
	}

#twotwo {
	width: 110px;
	}

#twothree {
	width: 163px;
	}

#threeone {
	width: 80px;
	}

#threetwo {
	width: 80px;
	}

#threethree {
	width: 80px;
	}

/* --- submenus level 2, here you define the length and the top and left position of each submenu --- */

#smenu1 {
	position: relative;
	display: none;
	width: 780px;
	height: 20px;
	top: 0px;
	padding-top: 3px;
	}

#smenu2 {
	position: relative;
	display: none;
	width: 600px;
	top: 0px;
	left: 160px;
	height: 20px;
	}

#smenu3 {
	position: relative;
	display: none;
	width: 350px;
	top: 0px;
	left: 327px;
	height: 20px;	
	}

/* --- here you define the submenus level 2 text and link styles --- */

div.submenu {
	display:block;
	width: 780px;
	background-color: #660099;
	background-image: url(images/subnav.gif);
	height:20px;
	}

div.submenu li {
	float: left;
	padding-top: 2px;
	font: 10px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif;
	}

div.submenu a, div.submenu a:link, div.subitem a:visited {
	display: block;
	background-color: #660099;
	color:#FFFFFF;
	}

div.submenu a:hover, div.submenu a:active {
	background-color: #660099;
	color: #FFFFFF;	
	font-weight:bold;
	}