/* CSS Document */



/* BACKGROUND STYLES (LEFT and RIGHT of main content section, only seen as window expands to wider)*/
	body {	
		/*color:#FFFFFF;	*/																		/* BODY TEXT COLOR (Default text colour)*/		
		font-family: 'Verdana','Arial', 'Helvetica','Geneva', 'Lucida Grande', 'sans-serif';		/* DEFAULT FONT (Family)*/
		background-color:#000000;																	/* BACKGROUND COLOUR  */
		}
		



/* HEADER STYLES */	
	div#header {
		background-color:#000000;									/* BACKGOUND COLOUR OF TOP SECTION (if no image or image has transparency) */
		background-image: url(../gfx/firelogo.gif);			/* BACKGOUND IMGAGE OF TOP SECTION */
		}
	
	div#navheader {
		background-color:##000000;											/* NAV BAR COLOR*/	
		}

	
/* SIDEBAR STYLES*/
	div#middle,
	div#sidebar {
		color:#000000;															/* SIDEBAR TEXT COLOUR */
		background-color:#000000;		 										/* SIDEBAR BACGROUND COLOR */		
		}


/* Content styles */

	div#content {
		color:#000000;															/*TEXT CONTENT COLOR*/
		background-color:#000000;												/*CONTENT BACKGROUND COLOR*/		
		min-height:299px;														/*MINIMUM HEIGHT OF MAIN CONTENT BOX (FOR TEXT etc) */
		}



	
/* FOOTER STYLES */



div#footer {
	background-color:#000000;																					/* FOOTER COLOR*/		
	color:#000000;
	background-image:none;
	background-repeat:none;
}




/*Link colours*/	
	.nav a:link{
		color: #FFF; 														/* NAV LINK COLOR LINK*/
		}
						/* SUGGEST MAKE LINK AND VISITED THE SAME COLOUR*/		
	.nav a:visited{ 
		color: #FFF; 														/* NAV LINK COLOR VISITED*/
		}
		
	.nav a:hover{ 
		color: #000000; 													/* NAV LINK COLOR HOVER (mouse over) */
		}

	
	.nav span{
		/* background-image:url(../gfx/nav.gif); */
		background-color:##000000;											/* Background colour for nav bar LINK */
		}
		
	
	.nav a:hover span{
	/*	background-image:url(../gfx/nav_hover.gif); */
		background-color:#FFF;											/* Background colour for nav bar link HOVER */
		}
	

	

/* TITLE STYLES*/
	h1
	 {
		color:#000000;															/* HEADER H1 text colour*/
		}
	
	h2,
	h3,
	h4 {
		color:#000000;															/* HEADER H2 H3 H4 text colour*/
		}
		
	

/* LINK ATTRIBUTES*/

	 a:link {color: #990000;text-decoration:none;}								/* LINK ATTR MAIN */			
	 a:visited {color:#990000;text-decoration:none;}							/* LINK ATTR VISITED (keep same as main) */
	 a:hover {color: #990000;text-decoration:none;}								/* LINK ATTR MOUSE-OVER */
	
	


/* TEXT STYLES (Bold, Italic etc) */

	.bold {
		font-weight:bold;
		}
	
	.italic {
		font-style:oblique;
		}
		
	.underline {
		text-decoration:underline
		}
		
	.capitalise {
		text-transform:capitalize;
		}
	
	.lowercase {
		text-transform:lowercase;
		}
	
	.upercase {
		text-transform:uppercase;
		}

/* TEXT SIZES */

	.size_smaller {
		font-size:0.5em;
		}
	.size_small {
		font-size:0.7em;
		}
	
	.size_medium {
		font-size:0.9em;
		}
	
	.size_large {
		font-size:1.0em;
		}
	
	.size_larger {
		font-size:1.2em;
		}
		
	.size_huge {
		font-size:1.4em;
		}
		
/* TEXT COLOURS (DO NOT USE THIS FOR TITLES, SET COLOURS FOR H1, H2 etc instead)*/	


	.black {
		color:#000000;
		}

	.white {
		color:#FFFFFF;
		}

	.red {
		color:#FFFFFF;
		}
		
	.blue {
		color:#3366FF;
		}

	.green {
		color:#00CC66;
		}
		
	.yellow {
		color:#FFFF66;
		}

	.orange {
		color:#FF9900;
		}

	


/* the following is to hide the sidebar, change "xxx" to "*" to hide the sidebar on all pages that read this CSS */

/* START SIDEBAR HIDING xxx/
	
	div#middle {
		width:750px;
		margin:0 auto 0 auto;
		
	}
	
	div#sidebar {
		display:none;
		width:0px;
	}
	
	div#content {
		margin-left:0px;
	}
	
/* END Sidebar hiding */