h1 {
        font:		bold sans-serif ;
	margin:		30px 0px 0px 5px;
	padding:	0px;
	font-size:	26px;
	font-weight:	lighter ;
	color:		#D82B48 ;
	}

h2 {
        font:		bold helvetica, verdana, arial, sans-serif;
	font-size:	18px;
	margin:		2px 2px 2px 2px;
	padding:	0px;
        color:		#D82B48 ;
	}

h4 {	font:           bold helvetica, verdana, arial, sans-serif;
	font-size:      16px;
	margin:         2px 2px 0px 0px;
        padding:        0px;
        color:          #D82B48 ;


	}
p {
	font:		11px/20px helvetica, verdana, arial, sans-serif;
	margin:		20px 0px 16px 5px;
        font-size:	12px;
	padding:	0px;
        color: 		black ;
	}

table {
	border:		1px solid #D82B48;
	}

th {
	font:		bold 10px;
	text-align:	center;
	}

tr, td {
	border: 	none;
	background-color:	#eeeeee;
	}


.centre
{
text-align:	center ;
}


/* All the content boxes belong to the content class. */
/* Main Text part */
.main_content {
	position:absolute ;
        left:180px;
        top:73px;
        height:100px;
	width: 78%;
	border:0px solid black;
	background-color:white;
	padding:10px;
	}



/* the banner headline */
.banner {
        position:absolute; 
        left:180px;
        top:10px;
        height:63px;
	width:80%;
        border:0px;
        background-color: #FFFFCC ;
        padding:0px;
        /*z-index:1; */
        }

p.bold {
	font-weight: 	bold ;
	}


/* the menu panel */
#navLeft {
        position:	absolute;
        width:		170px;
	/*height:	400px;*/
	height:		90%;
        top:		10px;
        left:		10px;
        border:		0px solid black;
        background-color: #FFFFCC;
        padding:	0px;
        padding-right:	0px;
        /*z-index:2;*/
        }


/* Cash Raised */
#runningtotal {
        position:	absolute;
        width:		170px;
        height:		180px;
        top:		450px;
        left:		10px;

        font:		bold 12px/14px helvetica, verdana, arial, sans-serif;
        margin:		0px 0px 2px 0px;
        padding:	0px;
        padding-top:	0px;
        border:		0px solid black;
        background-color: #FFFFCC ; 
        /*z-index:2;*/
        }


#totalcash {
	color:		#ff0000 ;
	font-size:      30px;
	font-weight:    bold ;
	}




/*custom navigator*/
#navigator p {
display:        none;
}
#navigator {
font-family:    	Verdana, Helvetica, Ariel, sans-serif;
font-size:      	0.7em;
font-weight:    	bold;
width:          	99%;
border:	  	 	1px solid #000000;
padding:        	0;
margin-bottom:  	1em;
background-color:       #8CBBBB;
color:          	#330000;
}
#navigator ul {
list-style:     	none;
margin:         	0;
padding:        	0;
}

#navigator ul li {
margin:         	0;
}

#navigator ul li a {
display:        	block;
padding:        	2px 2px 2px 0.5em;
border-left:    	10px solid #D82B48;
border-right:   	1px  solid #D82B48;
border-top:     	1px  solid #D82B48;
border-bottom:  	1px  solid #D82B48;
background-color:	#FFFFCC;

/*text colour*/
color:			#021E36;
text-decoration:	none;
width:			99%;
}

html>body #navigator ul li a {
width:          auto;
}

/*nav hover colour*/
#navigator ul li a:hover {
border-left:    	10px solid #ff0000;
border-right:   	1px  solid #ff0000;
border-top:     	1px  solid #ff0000;
border-bottom:  	1px  solid #ff0000;
background-color:       #949ECC;
/*text color*/
/*color:          #021E36;*/
}


/*Image floats*/

img.float-left {/* header element float */
float: 		left;
margin: 	0.2em 0.2em 0.4em 0.4em;
background: 	#ffffff;
border:		none;
}

img.float-right {/* header element float */
float: 		right;
margin: 	0.2em 0.2em 0.4em 0.4em;
background: 	#ffffff;
}


/* Probably unneeded
a {
	color:white;
	font-size:11px;
	font-family: helvetica, verdana, arial, helvetica;
	font-weight:600;
	text-decoration:none;
	}
a.plain {
        color:#99CCCC;
        font-size:11px;
        font-family: helvetica, verdana, arial, helvetica;
        font-weight:light;
        text-decoration:none;
        }

a:link {color:#09c;
        font-size:12px ;}
 
a:visited {color:white;}
a:hover { display; block; color:white; background-color:black;text-decoration: none}
*/