/* 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:#EEFFFF;																	/* BACKGROUND COLOUR  */
		}
		



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

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




/* Content styles */

	div.photos {
		
		}

	div#content {
		color:#000000;															/*TEXT CONTENT COLOR*/
		background-color:#EEEFFF;												/*CONTENT BACKGROUND COLOR*/		
		}


	div#contact {
		
		margin: auto auto auto auto;
		width:450px;
		height:156px;
		background-image:url(../imgs/contact.gif);
		background-repeat:no-repeat;
		}
	
/* FOOTER STYLES */

div#footer {
	background-color:#003366;												/* FOOTER COLOR*/		
	
	/* background-image:url(../imgs/yr_logo.gif); */
	background-attachment:scroll;
	text-align:left;
	}



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

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

	

/* TITLE STYLES*/
	h1
	 {
		color:#6600FF;
		font-size:1.8em;														/* HEADER H1 text colour*/
		}
	
	h2,
	h3,
	h4 {
		color:#003366;															/* HEADER H2 H3 H4 text colour*/
		}
		
	

/* LINK ATTRIBUTES*/

	 a:link {
	 	color: #0033CC;
		/* background-color:#CCCCFF; */
		text-decoration:none;
		}								/* LINK ATTR MAIN */			
	 
	 a:visited {
	 	color:#0033CC;
		/* background-color:#CCCCFF; */
		text-decoration:none;
		}	
								/* LINK ATTR VISITED (keep same as main) */
	 
	 a:hover {
	 	/*color: #CCCCFF; */
		/*background-color:#003366;*/
		text-decoration:none;
		border-bottom:1px dotted;
		}								/* LINK ATTR MOUSE-OVER */
	

#designer {
	font-size:0.8em;
	color:000000;
	background-color:#003366;
	text-decoration:underline;
	padding:0px 1px 0px 15px;
	}



/* 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 */
	
	