.header
{
background-color: #FFCC33;
border: 0px solid #000;
padding: -10px;
margin-top: 0px;
margin-right: 0px;
 width: 100%;
}

.highlight
{
background-color: #dddddd;
border: 1px solid #000;
padding: 5px;
margin-top: 5px;
margin-right: 3px;
}
.navigation {
 height: 20px;
 width: 100%;
 margin-left: 2px;
 margin-top: 5px;
 margin-right: 0px;
 padding-left: 0px;
 margin-bottom: 0px;
 background:#FFCC33;
 }
.navigation ul#nav {
position: relative;
z-index: 10;
top:0px;
left: 0px;
margin: 0px;
padding: 0px;
border: 0px;
background: #FFCC33;
 /*this is vertical placing for gecko */
}

.navigation  ul {
position:relative;
padding: 0px;
list-style: none;
text-align: center;
}

/*list items top menus*/
.navigation ul li {
position: relative;
float:left;
left: 0px;
width: 107px;
border-top: 0px;
}
/*submenus*/
.navigation li ul {
float:left;
position:absolute;
top: 20px;
left: 0px;
width: 107px; /*must have width to ensure column structure */
display: none;
z-index: 60;
border-bottom: 1px solid #FFCC33;
}
/*IE7 positioning hack */
*:first-child+html  li ul {left: -40px;}
/*IE6 positioning hack */
* html  li ul {left: -34px;}
.navigation ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	font: bolder 12px  Tahoma, sans-serif;
	background: #;
	padding: 3px;
	z-index: 60;
	text-align: left;
}
.navigation ul li a:hover {
background: #cccccc;
color: #f00;
}
.navigation ul li a:active {
background: #FFEDD5; 
color: #1334A6;
text-decoration: none;
}
.navigation li ul li a {
 background:#fff;
 border: 1px solid #f00;
 border-bottom: 0;
 color: #000;
z-index: 10;
}
.navigation li ul li a:hover {
 color: #f00;
 background: #cccccc;
 }

.navigation li:hover ul, li.over ul { display: block; } /* The magic */

body { font-family: Ariel, Helvetica, sans-serif }

a, a:visited, a:active {
	color: #FB2934;
	text-decoration: none;
	padding: 2px;
}

a:hover {
	text-decoration: underline;
}

#menu {
	background-color: #FA2934;
	padding: 0 0 30px 0;
	border: 1px solid #FFF; 
}
/*
Navbar:
1 Dark Orange/What We Do: 250 41 52 / #FA2934, OnHover: E3252F
2 Orange/Gallery: 250 116 49 / #FA7431
3 Orange/Newsletters: 251 162 46 / #FBA22E
4 Yellow/Calendar:    252 207 40 / #FCCF28
5 Yellow/Support Us:  253 252 104 / #FDFC68
*/
#menu #item1 a { background-color: #FA2934 }
#menu #item2 a { background-color: #FA7431 }
#menu #item3 a { background-color: #FBA22E }
#menu #item4 a { background-color: #FCCF28 }
#menu #item5 a { background-color: #FDFC68 }

#menu #item1 a:hover { background-color: #E3252F }
#menu #item2 a:hover { background-color: #E36A2D }
#menu #item3 a:hover { background-color: #E4932A }
#menu #item4 a:hover { background-color: #E5BC24 }
#menu #item5 a:hover { background-color: #E6E55F }

#breadcrumb {
	position: absolute;
	background-color: #EEE;
	font-size: 11px;
	padding: 2px;
}