body {
	margin: 0;
	background-color: #000000;
}
.grey {
	background-image: url(../images/footer.jpg);
	height: 75px;
	background-repeat: repeat-x;
}
.white {
	background-color: #FFFFFF;
	height: 100px;
}
p {
	font-family: Optima, Arial;
	font-size: 15px;
	color: #CCCCCC;
	margin-top: 10px;
}
.container {
	width: 100%;
	margin: 0px;
}
.navbar {
	background-color: #000000;
	height: 40px;
}
.navbarbot {
	background-color: #000000;
	height: 40px;
	border-top: 1px solid #666666;
}
.footer {
	text-align: center;
}
.header {
	background-image: url(../images/header.jpg);
	height: 75px;
	border-bottom: 1px solid #0B0B0B;
}
.box {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#navMenu {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Optima, Arial;
	text-align:center;
	line-height:40px;
	font-size: 14px;
}

#navMenu li {
		float:left;	
		background:url(../images/default.jpg) no-repeat center center;	/* default background image	*/
		width:135px;							/* width and height of the menu item */
		height:40px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

#navMenu li a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	height:40px;
	position:relative;
	color:#CCCCCC;
	text-decoration: none;
	}

 #navMenu li .hover {
		background:url(../images/over.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:135px;	/*	width, height, left and top to fill the whole LI item	*/
		height:40px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

#navMenu li.selected {
		background:url(../images/selected.jpg) no-repeat center center;	/* selected image	*/
	}

#nm2 {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Optima, Arial;
	text-align:center;
	line-height:40px;
	font-size: 14px;
}

#nm2 li {
		float:left;	
		background:url(../images/default.jpg) no-repeat center center;	/* default background image	*/
		width:240px;							/* width and height of the menu item */
		height:40px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

#nm2 li a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	height:40px;
	position:relative;
	color:#CCCCCC;
	text-decoration: none;
	}

 #nm2 li .hover {
		background:url(../images/over2.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:240px;	/*	width, height, left and top to fill the whole LI item	*/
		height:40px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

#nm2 li.selected {
		background:url(../images/selected.jpg) no-repeat center center;	/* selected image	*/
	}
.content {
	background-color: #003300;
	border-top: 1px solid #666666;
	border-bottom: 10px solid #003300;
	overflow: auto;
}
a {
	text-decoration: underline;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #990000;
}
	
.col_right {
	width: 450px;
	float: right;
	margin: 0;
}
h1 {
	font-family: Optima, Arial;
	font-size: 15px;
	color: #FFFFFF;
	margin-top: 10px;
}
.col_centre {
	margin-left: 250px;
	width: 250px;
}
.col_left {
	width: 240px;
	float: left;
	margin: 0;
}
h2 {
	font-family: Optima, Arial;
	color: #FF0000;
	font-size: 15px;
}

li {
	font-family: Optima, Arial;
	color: #CCCCCC;
}