

#navigation {
	height: 30px;
	background: url(../grfx/menu.gif) bottom left repeat-x;
	text-align:center;
}

#navigation li {
	float:left;
	list-style:none;
	font-weight:bold; /* font properties added to fool IE */
	margin: 0px;
	padding: 0;
	border: 0px;
	text-align: center;
	position:relative;
}


#navigation li a {
	margin: 0px;
	padding: 7px 8px 0px 9px;
	border: 0px;
	display: block;
	height: 29px;
	color: #fff;
	text-decoration: none;
	background: url(../grfx/nav/navbg.gif) right top no-repeat;
}

/* ie needs a width otherwise the navigation breaks */
* html #navigation li a {
	width: 30px;
}

#navigation li a:hover {
	background: url(../grfx/nav/navbg-over.gif) right top no-repeat;
}

/*-------------------------------------------------------
	Have no idea what the previous guys are trying to do here,
	but I don't see any use for it. */

#navigation li a#home {
	width: 35px;
}

#navigation li a#about {
	background: url(../grfx/nav/about.gif) right top no-repeat;
	width: 48px;
}

#navigation li a#about:hover {
	background: url(../grfx/nav/about-over.gif) right top no-repeat;
} 

#navigation li a#contact {
	background: url(../grfx/nav/navbg.gif) left top no-repeat;
}

#navigation li a#contact:hover {
	background: url(../grfx/nav/navbg-over.gif) left top no-repeat;
} 

/*	End of Unknown Segment
--------------------------------------------------------*/


/*-------------------------------------------------------
	Dropdown Menu Additions : 10/09/09
	Added by: Daryl Tay
--------------------------------------------------------*/

#navigation ul.dropdown {
	display: none;
	position: absolute;
	top: -56px;
	left: 0px;
	padding: 0px;
	height: 30px;
	z-index: 90;
	width: 100%;
}

#navigation ul.dropdown  li {
	text-align: left;
	background: #06C;
	height: 28px;
	width: 100%;
	font-size: 1.2em;
}

#navigation li:hover ul.dropdown {
	display: block;
	float: left;
}

#navigation ul {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 4;
	top: 105px;
	left: auto;
	/*list-style-type: none;*/
}
/*-------------------------------------------------------
	End of Dropdown Segment
--------------------------------------------------------*/

#newsletter {
	top:27px;
	left:600px;
	color:#FFFFFF;
	position:absolute;
	z-index:3;
	font-weight:bold;
	font-size:0.7em;
	line-height:0.7em;
}

