body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}

blockquote {
	font-style: italic;/*if you dont intend on using blockquotes, you can delete this section*/
}

a {
	color: #135293; /*hyperlink colour*/
}

a:hover {
	text-decoration: none;/*removes underline on mouse over*/
}

.title1 {/*title for the navigation "Useful Links"*/
	margin: 0;/*removes any preset margin from the tag its placed in, in this case H2*/
	padding: 10px 0;/*top and bottom*/
	font-weight: normal;/*removes any preset weight from the tag its placed in, in this case H2*/
	/*font-size: 129%;*//*i dont really use percentages. i use px or em.*/
	font-size:18px;/*i changed it to px. seems more simple to me*/
	color: #135293;/*dont need to explain this do i*/
}

.title2 { /*title for the main page "Welcome to Our Website!" "About us" "Contact Us"*/
	margin: 0;
	padding: 10px 0;
	background: url(images/img09.gif) repeat-x left bottom;/*this image is repeated on the x axis to display an underline*/
	font-size:24px;
	font-weight: normal;
	color: #135293;
}

.title3 { /*only used by the old orange box, might wanna delete*/
	margin: 0;
	padding: 10px 0;
	background: url(images/img11.gif) repeat-x left bottom;/*this image is repeated on the x axis to display an underline*/
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed {
	padding: 5px 30px 20px 30px;/*adds padding to main content*/
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;/*delete this line to see what this is.*/
}

/*Orange - you dont need any of this if your not using that orange box*/
.orange {
	margin: 20px 30px;
	background: #FF9523 url(images/img10.gif) repeat-x;
	color: #FFFFFF;
}

.orange a {
	color: #FFFFFF;
}

.col-one {
	float: left;/*left of area*/
	width: 300px;
}

.col-two {
	float: right;/*right of area*/
	width: 300px;
}
/*Orange END*/

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(images/img01.gif) repeat-y;/*this image was green, its grey now, get it*/
}

/* Sidebar */

#sidebar {
	float: left;/*left of area*/
	width: 240px;
}

/* Logo */

#logo {
	height: 220px;
	background: #FFFFFF url(images/img02.gif) repeat-y right top;/*this image is the shadow to the right of the logo in the top left.*/
}

#logo h1, #logo h2 {
	margin: 0;
	text-transform: lowercase;/*makes everything lowercase*/
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #29619a;
}

#logo h1 {
	padding: 100px 0 0 0;
	background: url(images/logo.jpg) no-repeat center center ;/*the tree image*/
	font-size: 36px;
}

#logo h2 {
	font-size: 14px;
}

#logo a {
	color: #29619a;
	text-decoration: none;
}

/* Menu */

#menu {
	padding: 20px;
	background: /*#85C329*/ url(images/img04.gif) repeat-x;
	/*The above line is what called the green image to be loaded as a background*/
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 10px 0;
	background: url(images/img05.gif) repeat-x;/*the underline on the links - was green*/
}

#menu li:hover {
	background-color:#B7B7B7;	/*added this section for you, just a simple hover over colour for the navigation. just change the colour to what you like. (does not work in internet explorer 6 or less, will simply be ignored. IE 6 or less only supports hover for <a>)*/
}


/*get rid of the line you see above all other links in the menu*/
/*not needed any more cus i just removed the underline from the .title2*/
/*
#menu li.first {
	background: none;
}
*/

#menu a {
	text-decoration: none;/*no preset underline*/
	/*font-size: 129%;*//*i dont like %*/
	font-size:17px;/*used px instead, dont really matter tho*/
	color: #FFFFFF;
}

#menu a:hover {
	/*text-decoration: underline;*//*would underline on hover*/
	color:#000000;/*added this to look better when background changes.*/
}

/* Login - dont need this if you dont want the log in */

#login {
	padding: 20px;
	background: url(images/img06.gif) repeat-x;/*this line was blue and under the login header*/
}

#login form {
	margin: 0;
	padding: 20px 0 0 0;/*left,top,right,bottom*/
}

#login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#login label {
	color: #FFFFFF;
}

#inputtext1, #inputtext2 {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#login a {
	color: #FFFFFF;
}
/*login END*/


/* Content */

#content {
	float: right;/*right of page*/
	width: 740px;
}

/* Footer */

#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(images/img12.gif) repeat-x;/*uses repeated image to run across page*/
}

#footer p {
	margin: 0;
	font-size: 85%;/*px are simpler to use px is pixles on the display, % is percentage of preset value, em is added to preset value (1.2em would be 20% bigger, 1.1em would be 10% bigger, pt is for points (useful when making a print style sheet))*/
}

#links {
	float: left;
	width: 220px;
	height: 45px;
	padding: 35px 0 0 20px;
	background: url(images/img13.gif) repeat-x;/*images runs across section, the dark grey box on bottom right*/
}

#links a {
	color: #666666;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
}