@charset "utf-8";
/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	color: #B3B3B3;
	background-color:#282828;
	margin:0;
}

#wrapper {
	width:900px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:url(../images/flowerbg.jpg) no-repeat left bottom;
	clear:both;
}

#header {
	position:absolute;
	top:0;
	left:0;
	width:900px;
	height:124px;
}

#content {
	margin-top:180px;
	margin-left:220px;
	position:relative;
	clear:left;
	float:left;
	width:700px;
	min-height:630px;
}

*html #content {
	height:630px;	
}

#content p, #content li {
	font-size:0.9em;	
}

#content h1, h2, h3 {
	font-size:1.4em;	
}

#content .content-text {
	position:relative;
	margin-left:30px;
	margin-right:50px;
	height:150px;
	overflow:auto;
}

.content-text-pages {
	position:relative;
	float:left;
	clear:left;
	margin-top:180px;
	margin-left:230px;
	height:600px;
}

.content-fyp {
	position:relative;
	float:left;
	clear:left;
	margin-top:0px;
	margin-left:0px;
	height:600px;
}


#content .row {
	width:auto;
	font-family:"Courier New", Courier,mono;
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;
	line-height:99px;
	height:120px;
	margin:0;
	padding-bottom:20px;
	clear:left;
}

#content .rowcontainer {
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:600px;
	padding-bottom:20px;
}

#content .row img {
	float:left;
	margin-right:30px;
}

#content li {
	padding-bottom:10px;	
}	

#footer {
	height:74px;
	padding:0;
	margin-top:10px;
	margin-left:180px;
	clear:left;
}

#leftcol {
	float:left;
	width:208px;
	position:absolute;
	top:182px;
	left: 3px;
	height: 540px;
	margin:0;
	padding:0;
}

#leftcol #nav li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	clear:left;
		width:191px;
}

#leftcol ul#nav {
	list-style-type:none;
	margin:0;
	padding:0;
}

#leftcol #nav li a {
	clear:left;
	display:block;
	height:44px;
	line-height:44px;
	background:url(../images/leftnav-but.jpg) no-repeat top left;
	font-size:1em;
	color:#999;
	padding-left:20px;
	text-decoration:none;
	margin-bottom:7px;
	font-weight:bold;
}

#leftcol #nav li a.findphotos, #leftcol #nav li a.findphotos:hover {
	background:url(../images/find-photos-bg.jpg) no-repeat top left;
	height:68px;
	line-height:68px;
}

#leftcol #nav li a:hover {
	background:url(../images/leftnav-but-hover.jpg) no-repeat top left;
}

#leftcol ul#nav ul {
	float:left;
	margin-bottom:10px;
}


#leftcol #nav ul li {
	margin:0;
	padding:0;
	line-height:normal;
	list-style-type:disc;
}

#leftcol #nav ul li a{
	background:none;
	line-height:normal;
	list-style-type:disc;
	color:#FF0000;
	margin:0;
	padding:0;
	height:auto;
	font-size:0.9em;
}

#leftcol #nav ul li a:hover {
	background:none;
}

#topnav ul {
	margin:0;
	padding:0;
}

#topnav {
	position:absolute;
	top:124px;
	left:100px;
	width:819px;
	margin:0;
	padding:0;
	height: 55px;
}

#topnav li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	margin-right:3px;
}

#topnav li a {
	float:left;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	color:#999;
	font-size:0.9em;
	background:url(../images/top-nav-bg.jpg) repeat-x top left;
	height:43px;
	text-decoration:none;
	font-weight:normal;
	line-height:43px;
	position:relative;
	padding-left:25px;
	padding-right:25px;
}

#header img {
	float:left;	
}

.style1 {
	font-size: 24px
}
.style2 {color: #A8A8A8}
.style3 {
	color: #FF0000;
	font-weight: bold;
}
a:link, a:visited {
	color: #FF0000;
}

#tablelist{ 
	list-style: none;
	margin-left: 2px;
	padding-left: 1px;
}
 
table.contentcell {
	margin-left:25px;

}

.lefttable
{
	text-align: left;
}

.centeredtable
{
	text-align: center;
}

table, th, td
{
	padding:2px;
	margin: 0 auto; 
	border: 1px solid black;
}

.clear {
	clear:left;	
}

form {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	position:relative;
}

form label {
	width:20%;
	float:left;
}

form p {
	float:left;
	clear:left;
	width:100%;
	margin:0;
	margin-bottom:10px;
}

form#enqfrm {
	float:left;
	width:630px;
	margin-left:20px;
}

.floatitem-right {
	float:right;
	margin:20px;
}

.floatflash-right {
	float:right;
}
.floatflash-left {
	float:left;
}

p.back a{
	font-size:0.9em;	
}

img {
	border:0;	
}
#footer-links {
font-size:10px;
text-align:center;
}
.error {
color:#f00;
font-size:12px;
}