/* CSS Document */

/*main*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #669933;
	text-align:center;
	margin: 0px 0px 0px -80px;
	background:#F4FAED;
}
a:link, a:visited {
	text-decoration: underline;
	color:#669933;
}
a:hover, a:active {
	text-decoration: none;
	color:#99CC66;
}

h1 {
	margin:20px 0px 40px 100px;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:500;
	color: #175C0B;
}

h2 {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

h3 {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color: #336600;
	margin:0px 0px 25px 100px;
}
/*content*/
#topnav {
	position: relative;
	width: 750px;
	margin: 0 auto;
	text-align:right;
}

#topnav li{
	display:inline;
	list-style:none;
	margin-right:15px;
}

.hide {
	display:none;
}
.none {
	display:none;
}

#container {
	position: relative;
	text-align:left;
	width: 750px;
	margin: 0 auto;
	background:  url("../images/main.gif") repeat-y left top;
	
}

#header {
	position:relative;		
	height:250px;
}

#maincontent {
	background:transparent url("../images/top.jpg") no-repeat left top;
}
#maincontentp {
	background:transparent url("../images/top5p.jpg") no-repeat left top;}


#content {
	padding:0px 30px 30px 100px;
	text-align:justify;
	background:transparent url("../images/circles_bg.gif") no-repeat right bottom;
}

#content .first {
	padding-left:100px;

}

#content img {
	margin: 5px;

}

.img {
	margin-left: 35px;
	margin-right: 35px;
}

/*styles for bullet points*/
#content li { margin-bottom:10px;}
#content .yellowcontent { color:#CC9900;}
#content .purplecontent { color:#990099;}
#content .bluecontent { color:#3399FF;}
#content .redcontent { color:#FF3333;}
#content .greencontent { color:#66CC66;}

#content .bluecontent a{ color:#3399FF;}

#menu {
	position:relative;		
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:250px;
	padding-top: 3px;


}

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

#menu li {
	display:inline;
	
	
}
#menu a {
	padding:5px;
	border:1px solid #669933;
	text-decoration: none;
}

#menu a:link, #menu a:visited {
	color:#669933;
	background:#F4FAED;
}

#menu a:hover, #menu a:active {
	color:#FFFFFF;
	background:#DBE4F7;
}

/*menu colours*/

#menu .yelllow a:hover, #menu .yelllow a:active { background:#FFCC00;}
#menu .purple a:hover, #menu .purple a:active {background:#CC99CC;}
#menu .blue a:hover, #menu .blue a:active {background:#99CCFF;}
#menu .red a:hover, #menu .red a:active {background:#FF9999;}
#menu .green a:hover, #menu .green a:active {background:#66CC66;}

#footer {
	background-image: url("../images/footer.gif");
	height:100px;
	background-repeat: no-repeat;
	padding-right: 15px;
}
#footer p{
	margin-left:90px;
	padding-top: 70px;
	font-size: 0.8em;
	
}
#footer span {
	margin-left: 180px;
}

#footer a {
	font-weight: bold;
}

.leftspace {
	margin-left:100px;
}

.center {
	text-align: center;
}

.sign {
	text-align:right;
	margin-right:25px;
}

.counter {
	font-size: 80%;
	color: #FF9999;
}