body {
	background-color: #FFFBFF;
	line-height: 120%; /* NB: Adjust bullet image with extra height above, because IE centres it in the line-height, not in the li height */
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
}

#Banner {
	position:absolute;
	left:2%;
	top:20px;
	width:98%;
	height:323px;
	z-index:1;
}

#RightBox {
	top:0px;
	z-index:2;
	font-weight: bold;
	margin-right: 15%;
	position: absolute;
	right: -10%;
	overflow: hidden; /* Overcomes IE7 italic text bug! */
	text-align: right;
	background-color: #FFFBFF;
	font-size: 1.25em;
	padding-left: 5px;
}

#Main {
	position:absolute;
	left:20%;
	top:150px;
	width:72%;
	z-index:4;
	background-color: #FBFBFF;
	color: #000033;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 1em;
	padding: 10px 2% 25px 2%;
	border-right: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#MainPhoto {
	float: right;
	margin: 15px 5px 15px 5px;
	text-align: center;
	background-image: none;
	width: 40%;
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.25em;
}

#LeftNav {
	top: 150px;
	width: 16%;
	background-color: #FBF7FA;
	position: absolute;
	left: 0px;
	padding: 10px;
	color: #000033;
	font-size: 0.85em;
	border-right: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	line-height: 110%;
}

#LeftNav a {
	text-decoration: none;
}

#LeftNav p {
	font-size: .95em;
}

.sublist {
	padding-left: 15px;
}

.sublist p {
	margin: 8px 0;
}

#Nav {
	position:absolute;
	left:20%;
	top:120px;
	width:74%;
	z-index:5;
	font-weight: bold;
	margin-left: -2px;
	padding: 0 1%;
	font-size: .95em;
}

#Nav a {
	text-decoration: none;
	color: #FFFFFF;
	height: 20px;
}

#Nav a:hover, #Nav a:active {
	color: #F8EFF5;
}

#first {
	width: 13%;
}

#first, #first-child {
	left: 0; 
}

#second {
	width: 15%;
}

#second, #second-child {
	left: 13%; 
}

#third {
	width: 16%; 
}

#third, #third-child {
	left: 28%;
}

#fourth {
	width: 25%;
}

#fourth, #fourth-child {
	left: 44%; 
}

#fifth {
	width: 12%;
}

#fifth, #fifth-child {
	left: 69%; 
}

#sixth {
	width: 19%;
}

#sixth, #sixth-child {
	left: 81%;
}

#second-child a, #third-child a, #fourth-child a, #fifth-child a {
	color: #000066;
	display: block;
}

/* The following is a hack to stop IE6 from extending the drop-down menus to the right-hand 
 margin of #Nav when display:block is applied to the hover state.  See CSS: The Missing 
 Manual, page 221. */

* html #second-child a, * html #third-child a, * html #fourth-child a, * html #fifth-child a {
	width: 25%;
}

#second-child a:hover, #third-child a:hover, #fourth-child a:hover, #fifth-child a:hover {
	color: #B63292;
}

#Main a, #LeftNav a {
	font-weight: bold;
	color: #000066;
}

#Main a:hover, #Main a:active, #LeftNav a:hover, #LeftNav a:active {
	color: #B63292;
}


#Main h4 a {
	color: #B63292;
}

#Main ol li {
	margin-top: 10px;
	margin-bottom: 10px;
}

#Main ul {
	list-style-image: url(cfs-images/bullet.gif);
	margin-left: 30px;
	padding-left: 30px;
}

#MainPhotoOverlay a {
	color: #330000;
	text-decoration: none;
}

#MainPhotoOverlay a:hover, #MainPhoto a:active a:active {
	color: #E6E6FF;
}

ul.inline {
	margin-right: 25px;
}

ul.inline li {
	display: inline;
}

#Footer {
	position:relative;
	left:0;
	width:100%;
	z-index:5;
	margin-top: 20px;
	padding-bottom: 20px;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}

#Footer img {
	float: left;
	margin: 3px;
}

.floatright, #Footer img.floatright {
	float: right;
	margin-left: 10px;
}

#Footer img.valid {
	margin: 0 10px;
	float: none;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 110%;
	color: #0000CC;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	font-variant: small-caps;
	color: #B63292;
}

.dropcap {
	float:left;
/*	font-family: "Times New Roman", Times, serif; */
	font-size:300%;
	margin-right: 5px;
	background-color: #9999FF;
	color: #FFFFFF;
	padding-right: 2px;
	line-height: 100%;
	padding-bottom: 1px;
	padding-left: 5px;
} 

.emphasis {
	font-weight: bolder;
/*	font-size: 1.1em; */
	color: #B63292;
}

.navitem{
	position: absolute;
	top: 0;
	font-size: 85%;
	text-align: center;
	vertical-align: top;
	border: solid 3px #FFFBFF;
	border-top: 2px;
	background-color: #9999FF;
}

.navitem a {
	display: block;
	width: 100%;
}

.dropdown {
	position: absolute;
	top: 22px;
	font-size: 85%;
	background-color: #FBF7FA;
	text-align: left;
	padding: 5px 15px;
	padding: 5px 15px;
	line-height: 1.3em;
	border: solid 3px #FbFBFF;
	border-right: solid 4px #FbFBFF;
	visibility: hidden;
}

.dropdown ul {
	margin: 0;
	padding: 0;
	list-style-image: url(cfs-images/bullet.gif);
}

.dropdown ul li {
	margin-left: 10px;
	padding-left: 10px;
}

.FooterText {
	padding-top: 16px;
	display: block;
}

.memberTable, .smallTable, .centredTable, .contactTable {
	border-collapse: collapse;
	margin: auto;
}

.memberTable td, .smallTable td, .centred.Table td, .contactTable td {
	border: 1px solid #000099;
	padding: 5px 8px;
	background-color: #F8EFF5;
}

.memberTable td {
	font-size: .8em;
}

.plainTable {
	border-collapse: collapse;	
}

.plainTable td {
	border: 1px solid #000099;
	padding: 3px;
	vertical-align: top;
}

.noborderTable {
	border: none;
}

.noborderTable td {
	border: none;
	vertical-align: top;
	font-size: 70%;
	padding: 3px;
	margin: 0;
}

td.spacer {
	border-left: #ECECFF;
	border-right: #ECECFF;
	background-color: #FBFBFF;
}

.smallTable td, .centredTable td, {
	font-size: 70%;
	padding: 2px;
}

.contactTable td a {
	font-size: 60%;
	padding: 5px;
}

.centredTable td, .contactTable td {
	text-align: center;
	line-height: normal;
}

.smallText {
	font-size: 75%;
}

.imgright {
	float: right;
	margin-left: 15px;
	margin-bottom: 7px;
}

hr {
	color: #B63292;
	background-color: #B63292;
	width: 75%;
	margin: 30px auto;
	border-width: 0;
}

#sitemap ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: disc;
	list-style-image: url(none);
	list-style-position: outside;
}

#sitemap ul li {
	margin-left: 30px;
}

#sitemap ul ul li {
	margin-left: 70px;
}

#sitemap ul ul ul li {
	margin-left: 110px;
}

#sitemap ul ul ul ul li {
	margin-left: 150px;
}

#sitemap ul ul ul ul ul li {
	margin-left: 190px;
}

#sitemap ul ul ul ul ul ul li {
	margin-left: 230px;
}

.caption {
	color: #000033;
	font-weight: normal;
	font-size: .85em;
	padding: 0 15px;
}

td.formleftcol {
	text-align: right;
	padding-right: 20px;
}

.photodiv {
	float: left;
	width: 250px;
	height: 188px;
	margin: 5px;
	font-size: 75%;
	line-height: 110%;
}

.photodiv a {
	text-decoration: none;
}

#artgallery p, #theatre p {
	margin-top:110px;
}

#artgallery a, #shopping a, #statue a {
	color: #000000;
}

#mmm p, #eating p {
	margin-top:120px;
}

#mmm a, #theatre a, #eating a {
	color: #FFFF00;
}

#shopping p {
	margin-top: 0px;
}

#eating p {
	text-align: left;
	margin-left: 3px;
}

#statue p {
	text-align: right;
	margin-right: 3px;
}