A { text-decoration:none }
A:hover { color:#FFCC33 }

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	background-color: #F9E6BF;
	text-align: center;
}
.footer11pt {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #FFFFFF;
}
.formtextright {
	font-size: 75%; 
	font-family: Arial, "Helvetica", sans-serif;
	line-height: 1.5em;
	padding-left: 0em;
	text-align: right;
}
.formtextleft {
	font-size: 75%; 
	font-family: Arial, "Helvetica", sans-serif;
	line-height: 1.5em;
	padding-left: 0em;
	text-align: left;
}
.formtextcenter {
	font-size: 75%; 
	font-family: Arial, "Helvetica", sans-serif;
	line-height: 1.5em;
	padding-left: 0em;
	text-align: center;
}
ul {
	list-style-type: square;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #0A51A1;
}
ol {
	list-style-type: number;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #0A51A1;
}
#wrapper {
	position: relative;
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 40px 0 0 0;
	background-image: url("../assets/NGC_logo_bg.gif");
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 2px solid #BD4F38;
	border-right: 2px solid #BD4F38;
	border-bottom: 2px solid #BD4F38;
	background-color: #FFFFFF;
}
#content {
	margin-left: 260px;
	padding: 145px 80px 0 0;
}
#content p {
	font-size: 70%;
	line-height: 1.5em;
	padding-left: 0em;
	text-align: justify;
}
#content h1 {
	font: normal 110% Arial, "Helvetica", Verdana, sans-serif;
	color: #0A51A1;
	background-color: transparent;
}
#content h2 {
	font-size: 120% Arial, "Helvetica", Verdana, sans-serif;
	color: #0A51A1;
	background-color: transparent;
}
#content h3 {
	font: normal 130% Arial, "Helvetica", Verdana, sans-serif;
	color: #0A51A1;
	background-color: transparent;
}
#logo {
	position: absolute;
	top: 10px;
	left: 52px;
	width: 158px;
	height: 151px;
}
#mainnav01 {
	position: absolute;
	top: 10px;
	left: 210px;
	width: 80px;
	height: 76px;
}
#mainnav02 {
	position: absolute;
	top: 10px;
	left: 290px;
	width: 80px;
	height: 76px;
}
#mainnav03 {
	position: absolute;
	top: 10px;
	left: 370px;
	width: 80px;
	height: 76px;
}
#mainnav04 {
	position: absolute;
	top: 10px;
	left: 450px;
	width: 80px;
	height: 76px;
}
#mainnav05 {
	position: absolute;
	top: 10px;
	left: 530px;
	width: 80px;
	height: 76px;
}
#mainnav06 {
	position: absolute;
	top: 10px;
	left: 610px;
	width: 80px;
	height: 76px;
}
#mainnav07 {
	position: absolute;
	top: 86px;
	left: 210px;
	width: 80px;
	height: 76px;
}
#mainnav08 {
	position: absolute;
	top: 86px;
	left: 290px;
	width: 80px;
	height: 76px;
}
#mainnav09 {
	position: absolute;
	top: 86px;
	left: 370px;
	width: 80px;
	height: 76px;
}
#mainnav10 {
	position: absolute;
	top: 86px;
	left: 450px;
	width: 80px;
	height: 76px;
}
#mainnav11 {
	position: absolute;
	top: 86px;
	left: 530px;
	width: 80px;
	height: 76px;
}
#mainnav12 {
	position: absolute;
	top: 86px;
	left: 610px;
	width: 80px;
	height: 76px;
}
#topimage {
	position: absolute;
	padding: 3px;
	top: 205px;
	left: 52px;
	width: 190px;
	height: 60px;
	border: 3px #FFFFFF;
	font-family: Arial, "Helvetica", sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 75%;
	text-align: left;
}
#middleimage {
	position: absolute;
	padding: 0px;
	top: 268px;
	left: 52px;
	width: 190px;
	height: 0px;
	border: 3px #FFFFFF;
	background-color: #BD4F38;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #FFFFFF;
}
#charterimage {
	position: absolute;
	padding: 0px;
	top: 268px;
	left: 52px;
	width: 190px;
	height: 0px;
	border: 3px #FFFFFF;
	background-color: #0A51A1;
}
#vacancyimage {
	position: absolute;
	padding: 0px;
	top: 268px;
	left: 52px;
	width: 190px;
	height: 0px;
	border: 3px #FFFFFF;
	background-color: #379AB1;
}
#backtogallery {
	position: absolute;
	padding: 0px;
	top: 268px;
	left: 52px;
	width: 190px;
	height: 158px;
	border: 3px #FFFFFF;
	background-color: #0A51A1;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #FFFFFF;
}
#footer {
	padding: 2px;
	font-size: 70%;
	text-align: center;
	background-color: #BD4F38;
}
.clearBoth {
	font-size: 1px;
	clear: both;
	float: none;
}
.clear {
	clear: both;
}
.rightimage {
	float: right;
	margin-left: 12px;
	margin-bottom: 6px;
}
.leftimage {
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
}
.welcomebgcolour {
	background-color: #F26788;
	padding: 2px;
}
.ethosbgcolour {
	background-color: #F36523;
	padding: 2px;
}
.musicboxbgcolour {
	background-color: #D2D1E1;
	padding: 2px;
}
.gallerybgcolour {
	background-color: #BD1A8D;
	padding: 2px;
}
.locationbgcolour {
	background-color: #5B56A6;
	padding: 2px;
}
.companybgcolour {
	background-color: #B8E5FA;
	padding: 2px;
}
.residentsbgcolour {
	background-color: #00BDF4;
	padding: 2px;
}
.resourcesbgcolour {
	background-color: #0071A9;
	padding: 2px;
}
.servicesbgcolour {
	background-color: #98B3A4;
	padding: 2px;
}
.vacanciesbgcolour {
	background-color: #379AB1;
	padding: 2px;
}
.linksbgcolour {
	background-color: #C29FB3;
	padding: 2px;
}
#albumlist {
	list-style-type: none;
}
#albumlist li {
	float: left;
	padding-left: 0;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 15px;
}
#albumlist img {
	display: block;
	border: 1px solid #333300;
}