#navigationbar {
position: absolute;
	top: 200px;
	background-color: #009999;
	width:800px;
	height:23px;
	font-size:1em;
}
#navigationprojects {
position: absolute;
	top: 0px;
	background-color: #009999;
	width:800px;
	height:23px;
	font-size:1em;
}

.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;

}
#menubar {
width: 800;
background-color:#CC0000
}

#menubar, #menubar ul {
padding: 0;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

#menubar a {
display: block;
text-decoration: none;
padding: 5px 10px 5px 10px;
font-size: .85em;
color: #CCCCCC;
}

#menubar a.trigger1 {
padding: 2px 10px 8px 20px;
background-color: #009999;
background-image:url(images/redbar.jpg);
background-position: bottom;
background-repeat:repeat-x;
}

#menubar a.trigger2 {
padding: 2px 10px 8px 10px;
background-color:#009999;
background-image: url(images/orangebar.jpg);
background-position: bottom;
background-repeat:repeat-x;
}

#menubar a.trigger3 {
padding: 2px 10px 8px 10px;
background-color:#009999;
background-image: url(images/yellowbar.jpg);
background-position: bottom;
background-repeat:repeat-x;
}

#menubar a.trigger4 {
padding: 2px 10px 8px 10px;
background-color:#009999;
background-image: url(images/greenbar.jpg);
background-position: bottom;
background-repeat:repeat-x;
}

#menubar a.trigger5 {
padding: 2px 10px 8px 10px;
background-color:#009999;
background-image: url(images/purplebar.jpg);
background-position: bottom;
background-repeat:repeat-x;
}
#menubar a.trigger6 {
padding: 2px 10px 8px 10px;
background-color:#009999;
background-image: url(images/bluebar.jpg);
background-position: bottom;
background-repeat:repeat-x;
}

#menubar li {
float: left;
width: 9em;
}

#menubar li {position: relative;}

/* hide from IE mac \*/

#menubar li {position: static; width: auto;}

/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li  {
width: 130px;
}

#menubar ul li a  {
color: #565656;
border-right: 0;
padding: 0px 10px 5px 10px;
}

#menubar li ul {
position: absolute;
display: none;
}

#menubar li ul.trigger1 {
background-color: #990000;
}
#menubar li ul.trigger2 {
background-color: #FF9900;
}
#menubar li ul.trigger3 {
background-color: #FFCC00;
}
#menubar li ul.trigger4 {
background-color: #669900;
}
#menubar li ul.trigger5 {
background-color: #000066;
}
#menubar li ul.trigger6 {
background-color: #000066;
}

#menubar li:hover a, #menubar a:focus,

#menubar a:active, #menubar li.hvr a {
color: #99FFFF;
background-color:#33FFFF;
}

#menubar li:hover ul, #menubar li.hvr ul {
display: block;
}

#menubar li:hover ul a, #menubar li.hvr ul a {
color: #FFFFFF;
background-color: transparent;
}

#menubar li:hover ul a.yellow, #menubar li.hvr ul a {
color: #000000;
background-color: transparent;
}

#menubar ul a:hover {
background-color: #3399FF!important;
color: #FFFFFF !important;
}
#extra{
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
width: 800px;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif; 
text-align:left;
text-indent:10px;
}
#extra a{
color:#666666;
text-decoration:none
}
#extra a:hover{
color:#000000;
}