body {
	background-image: url(/images/background.gif);
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7C7C7C;
	margin-bottom:5px;
}

h1 {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:4px 0px 0px 0px;
	padding:0px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:4px;
}

form {
	margin:0px;
	padding:0px;
}

input {
	color:#7C7C7C;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	color:#7C7C7C;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

select{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7C7C7C;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7C7C7C;
	font-size:11px;
	width:100%;
	padding:5px;
	text-align:left;
	letter-spacing:1px;
	margin:0px;
}

form {
	margin:0px;
	padding:0px;
}

.header {
	background-color:#EEFCFD;
	/*border-top:1px #D6D6D6 dashed;*/
	padding:2px;
	margin-top:2px;
	margin-bottom:2px;
	border-bottom:solid 1px white;
}

.alert {
	border:2px #FF8080 solid;
	background-color:#FFC1C1;
	text-align:center;
	margin:5px;
	color:black;
}

#imgtn {
	cursor:pointer;
	border:4px solid #EEDFE9;
	margin:2px;
}

#imgtn:hover {
	border:4px solid #B0F2C2;
}
	
#popupimg {
	cursor:pointer;
	margin:5px;
	width:36px;
	height:36px;
	display:inline;
	border:2px solid #B0F2C2;
	background-color:#D8FFE3;
}


#popupimg:hover {
	position:absolute;
	width:280px;
	height:200px;
	margin-left:-35px;
	margin-top:-35px;
	
}


#container {
	width:780px;
	background-color:white;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:30px;
	padding-right:30px;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
}

#header {
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
}

#footer {
	border-top:1px solid #D6D6D6;
	margin-top:5px;
	padding-top:2px;
}

a		{ text-decoration:underline; color:#7C7C7C;}
a:hover { text-decoration:none; ; }

#nav-colour1 {
	border-left:26px #FFFFB7 solid;
	border-bottom:1px #FFFFB7 solid;
	padding-left:5px;
	text-align:left;
	height:58px;
	margin-bottom:2px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	cursor:pointer;
}
#nav-colour1:hover {
	border-left:26px #FFFF40 solid;
	border-bottom:1px #FFFF40 solid;
}
#nav-colour2 {
	border-left:26px #84C2EC solid;
	border-bottom:1px #84C2EC solid;
	padding-left:5px;
	text-align:left;
	height:58px;
	margin-bottom:2px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	cursor:pointer;
	background-color:#DDF9FB;
}
#nav-colour2:hover {
	border-left:26px #339BDF solid;
	border-bottom:1px #339BDF solid;
}
#nav-colour3 {
	border-left:26px #97FFB4 solid;
	border-bottom:1px #97FFB4 solid;
	padding-left:5px;
	text-align:left;
	height:58px;
	margin-bottom:2px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	cursor:pointer;
	background-color:#D8FFE3;
}
#nav-colour3:hover {
	border-left:26px #6ACF86 solid;
	border-bottom:1px #6ACF86 solid;
}
#nav-colour4 {
	border-left:26px #D39FD9 solid;
	border-bottom:1px #D39FD9 solid;
	padding-left:5px;
	text-align:left;
	height:58px;
	margin-bottom:2px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	cursor:pointer;
	background-color:#E8CDEB;
}
#nav-colour4:hover {
	border-left:26px #B055BB solid;
	border-bottom:1px #B055BB solid;
}


#clickylist {
	text-align:left;
	background-color:white;
	margin-top:2px;
	margin-bottom:2px;
	padding:2px;
}

#clickylist:hover {
	background-color:#EBEBEB;
}

#ratingbox {
	display:inline;
	border:1px #CCCCCC solid;
	padding:3px;
	margin:2px;
}
/*skyblue colours*/
.maincolour1 {	background-color:#B0F2C2; }
.subcolour1 {	background-color:#DDF9FB; }
.textcolour1 {	color:#339BDF; }
/*============*/

/*teal colours*/
.maincolour2 {	background-color:#B0F2C2; }
.subcolour2 {	background-color:#D8FFE3; }
.textcolour2 {	color:#6ACF86; }
/*============*/

/*light purple colours*/
.maincolour3 {	background-color:#B0F2C2; }
.subcolour3 {	background-color:#E8CDEB; }
.textcolour3 {	color:#B055BB; }
/*============*/




.bottomdashed {
	border-bottom:1px #D6D6D6 dashed;
	margin-bottom:2px;
}

.topdashed {
	border-top:1px #D6D6D6 dashed;
	margin-top:2px;
}

.submitbutton1, .submitbutton2, .submitbutton3 {
	cursor:pointer;
	outline:none;
	background-color:#FFF;
	border-top:solid 1px white;
	border-right:solid 1px white;
	font-family:Verdana;
	padding-right:10px;
	border-bottom:solid 1px;
	border-left:solid 8px;
	border-collapse:collapse;
	}
	
.submitbutton1 {
	border-bottom-color:#339BDF;
	border-left-color:#339BDF;
	color:#339BDF;
}

.submitbutton2 {
	border-bottom-color:#6ACF86;
	border-left-color:#6ACF86;
	color:#6ACF86;
}
.submitbutton3 {
	border-bottom-color:#B055BB;
	border-left-color:#B055BB;
	color:#B055BB;
}

.scrollbarstyles {
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #6ACF86;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #B0F2C2;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}

.footertext a {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}

 .footertext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:12px;
	color:#CCCCCC;
}