#no-css {
	display: none;
}

.text-only {
	display: none;
}

a {
	font-weight:bolder;
}
a:link    { color:#44AA44; text-decoration:none; }
a:visited { color:#44AA44; text-decoration:none; }
a:hover   { color:#44AA44; text-decoration:underline;}
a:active  { color:#44AA44; text-decoration:underline;}

hr { width:75%; }

body 
{ 
	margin:0px; 
	background-image: url(images/cuth2-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right;
	scrollbars: visible;
	
}

/* basic font formatting */
body, p, ul, ol, li, div, blockquote, span, a
{ 
	font-size:14px; 
	font-family:century-gothic,helvetica,arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	color: #2C6E21;
	font-family:century-gothic,helvetica,arial,sans-serif;
}

img
{
	border:0px;
}
ul { list-style-type:square; }
ol { list-style-type:decimal; }
li { color:#222222; }


#header1 {
	position: absolute;
	width: 100%; /* 81%; */
	height: 210px; /* as tall as the green part of the image*/
	background: #2C6E21;
	overflow: visible;
}

#header2 {
	position: absolute;
	background-image: url(images/header3.jpg);	/* replace with an image */
	background-repeat: no-repeat;
	width: 520px; /* 81%; */
	height: 257px;
}
/* don't display the text header in header 2 */
#header2 p, #header2 span, #header2 h1, #header2 h2, #header2 h3, #header2 h4, #header2 h5, #header2 h6 { display: none; }

/* for the menu on the right hand side */

#menu {
	top: 210px;
	left: 88%;
	position: absolute;
	z-index: 5;
	width: 10%;
	color: #FF5959;
	z-index: 5;
	font-size:18px; 
}

/* pink text colour: #F5DFDD */
.menu { font-size: 16px; }
p.menu { color: #FFFFFF; position:absolute; top: -2em; }
a.menu:link    { color:#FF5959; text-decoration:none; background: #FFFFFF; }
a.menu:visited { color:#FF5959; text-decoration:none; background: #FFFFFF;}
a.menu:hover   { color:#FF5959; text-decoration:underline; background: #FFFFFF;}
a.menu:active  { color:#FF5959; text-decoration:underline; background: #FFFFFF;}


/* remember that the relative positioning only nudges the element and not those below it, so nudge everything by the first amount, and then cumulatively adding to those further down.*/
#content {
	position: relative;
	top: 250px;
	left: 2%;
	width: 86%;
	/* background-image: url(images/screen1.gif); */	/* a screen image */
	background-repeat: repeat;
}

#footer {
	position: relative;
	top: 240;
	left: 2%;
	width: 86%;
	height: 400px;
	z-index:2;
}

#footerlinks {
	position: relative;
	top: 0px;
	left: 2%;
	z-index:3;
}

#designed-by {
	position: relative;
	top: 0px;
	left: 2%;
	z-index:3;
}