/*----------------------------------------------------------------------------------------------
purpose:	This CSS file is used to control the site layout and formatting
author: 	Julia Parsons - The Mouse Doctor														
change history:
version	who		when		change
-----------------------------------------------------------------------------------------------
1.0		JP		10-Jul-07	Original Version

----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------
Main text style declarations. These are the 'normal' formatting options required by most
sites and cover the basic font display items.
----------------------------------------------------------------------------------------------*/
body {
	background: #fff;			/* basic background color */
	color: #000080; 				/* basic text color */
	font-family: Tahoma, Arial, Verdana, san-serif; /* change the order of precedence if required */
	font-size: 9pt; 				/* basic text size */
	line-height: 1.8em; 			/* basic line height */
	margin: 0px auto;				/* center horizontally on the page */	
	padding: 0px;					/* default is no margin, no padding. Specifics can be added later */	
	text-align: left;				/* default is left aligned text; */
	}

h1	{
	/* default first level header*/
	color: #006699;
	line-height: 2.0em;
	font-size: 1.6em;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	h1 span {color: #008000;}
		
h2 {
	/* default second level header*/
	color: #006699;
	font-size: 1.2em;
	line-height: 1.00em;
	margin: 0;
	padding: 2px 3px 4px 2px;
	}	

h3 {
	/* default third level header*/
	color: #008000;
	line-height: 1.50em;
	font-size: 1.1em;
	text-align: left;
	margin: 0;
	padding: 0;
	}
h4 {
	/* default third level header*/
	color: #006699;
	line-height: 1.30em;
	font-size: 1.1em;
	text-align: center;
	margin: 10px;
	padding: 0;
	}

p	{
	/* default paragraph settings*/
	margin: 0;
	padding: 3px 3px 5px 2px;
	color: #666666;
	}
	p.backtotop {font-size: 7pt;}

img {border: 0;}			/* don't show borders on images */
	img.rightpic {				/* basic class to right align an image and float text around it */
		float:	right;
		margin: 0;
		padding: 0 0 0 10px;
		}
	img.leftpic {				/* basic class to left align an image and float text around it */
		float:	left;
		margin: 0;
		padding: 0 10px 0 0;
		}

a:link,  a:visited {		/* denotes behaviour for hyperlinks */
	color: #05356f; 			 
	text-decoration: none;	/* remove underline */
	font-weight: bold;	
	}
a:hover, a:active {
	/* hover over effect for hyperlinks */
	color: #993333;
	text-decoration: none; /* remove underline */;
	font-weight: bold;
	}

/*-----------------------------------------------------------------------------------------------------------------
Page layout definitions - these all specify a position on the page in some way and are designed to be used together 
------------------------------------------------------------------------------------------------------------------*/
#pageframe  {/* the main container for the page content. fixed width */
	margin: 0 auto;
	padding: 0px;
	width: 790px;
	min-height: 550px;
	background: #fff url(../images/background.jpg) no-repeat scroll center top;
	}

#header {
	width: 790px;
	height: 200px;
	}
	
#sidemenubar {
	float: left;
	width: 190px;
	}
#box1 {
	float: left; 
	background: #fff url('../images/box1.gif') no-repeat;
	margin: 5px;
	padding: 5px 1px;
	height: 170px;
	width: 170px;
	}
#box2 {
	margin: 5px 5px 0 195px;
	padding: 5px 1px;
	background : #fff url('../images/box2.gif') no-repeat;
	height: 170px;
	width: 170px;
	}
#box3 {
	float: right;
	background: #fff url('../images/box3.gif') no-repeat;
	margin: 5px;
	padding: 5px 1px;
	height: 170px;
	width: 170px;
	}
	#box1 h1, #box2 h1, #box3 h1 {
		color:#006699;
		line-height: 1.8px;
		font-size: 1.3em;
		margin: 5px 0;
		padding: 5px 5px;
		}
	#box1 p, #box2 p, #box3 p {
		font-size: 0.9em;
		padding: 2px;
		margin: 0;
		}

#contentpanel {
	/* The main text/image area on most pages */
	width: 570px;
	margin: 0;
	padding: 0;
	float: right;
	color: #666666;
	font-size: 1.0em;
	}

#frontpagecontent {
	width: 100%;
	padding: 3px 0 10px 0;
	margin: 0;
	}
	
/****
***** This defines the footer, present on all pages.
*/
#footer {
	clear: both;
	width: 790px;
	height: 42px;
	line-height: 25px; /* the same height as the TOP footer, to center the text vertically */;
	margin: 0 auto;
	padding: 0;
	background: #99FF66 url('../images/footer.jpg') no-repeat;
	}
		
#footer P {
	text-align: left;
	margin: 0 5px;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
	color: #7D2D2C;
	}
#easilyad {
	clear: both;
	width: 790px;
	height: 75px;
	margin: 0 auto;
	padding: 0;
	}

/*----- End of CSS Declarations-----*/