body
{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #99bbff;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-variant: small-caps;
	text-align: left;
	color: #880000;
	padding: 0;
	margin: 0;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-variant: small-caps;
	text-align: left;
	color: #aa0000;
}

h3, legend
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-variant: small-caps;
	text-align: left;
	color: #aa0000;
}

p
{
	margin: 0;
	padding: 0;
}

.header
{
	padding: 0;
	margin: 0;
	width: 48em;
}

.bannerImage
{
	width: 100%;
	height: 200px;
	padding: 0;
	margin: 0;
}

.logo
{
	text-align: left;
	vertical-align: bottom;
}

.logo img
{
	border: 0;
}

.logoText
{
}

.strapline
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .55em;
	font-weight: bold;
	text-align: left;
	padding-left: 2em;
	color: #440000;
	vertical-align: bottom;
	margin-bottom: 0.75em; 
}

.headline
{
}

.mainDiv
{
	width: 48em;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	text-align: center;
	background-color: #ffffcc;
	clear: both;
	border: 1px dotted #d5c500;
}

* html .mainDiv
{
	border: 1px solid #f5e520;
}

/* ***** MAIN NAV ******* */

.navArea
{
	width: 100%;
	padding: 0;
	margin: 0;
}


.mainOptions
{
	padding: 0;
	margin: 0;
	text-align: right;	
	margin-top: 1em;
} 

.mainOptions ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	padding: 0;
	margin: 0;	

	display: inline;

}

.mainOptions li
{
	display: inline;
	text-align: center;
}


.mainOptions li a.majorLinkSelected
{
	font-weight: bold;
	background-color: #eef4f7;
	padding: 0;
	margin: 0;
	padding-left: 0.25em;
	padding-right: 0.25em;

	font-size: 1.25em;
	padding-top: 0.25em;
	white-space: nowrap;
}

* html .mainOptions li a.majorLinkSelected
{
	border-left: 1px solid #f5e520;
	border-top: 1px solid #f5e520;
	border-right: 1px solid #f5e520; 
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.mainOptions li.bulletOn
{
	font-size: 1.25em;
	padding-top: 0.5em;
}

/* ***** SUB NAVIGATION **** */

.nav2
{
	width: 100%;
	padding: 0;
	margin: 0;
}

* html .nav2
{
	width: 47.85em;
/*	border-bottom: 1px solid #f5e520; */
}

.subOptions li.bulletOn
{
	font-size: 1.2em; 
	padding-top: 0.3em;
}

.subOptions li a.subLinkSelected
{
	font-weight: bold;
	background-color: #eef4f7;
	padding: 0;
	margin: 0;
	padding-left: 0.25em;
	padding-right: 0.25em;

	font-size: 1.25em;
	padding-top: 0.25em;
	white-space: nowrap;
}

.subOptions
{
	margin: 0;
	padding: 0;
	margin-top: 1em;
	text-align: right;
}

.subOptions ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	padding: 0;
	padding-right: 1em;
	margin: 0;	
	display: inline;
}

.subOptions li
{
	display: inline;
	text-align: center;
}

/* **** Both MAIN and SUB **** */

.mainOptions li.menuSeparator, .subOptions li.menuSeparator
{
	padding: 0;
	margin: 0;
}

* html .mainOptions li.menuSeparator, .subOptions li.menuSeparator
{
	padding-left: 0.5em;
}

.mainOptions li a,.subOptions li a
{
	font-weight: bold;
	background-color: #eef4f7;
	padding: 0;
	margin: 0;
/*	padding-left: 0.15em; */
/*	padding-right: 0.15em; */
	

		border-left: 1px dotted #d5c500;
		border-top: 1px dotted #d5c500;
		border-right: 1px dotted #d5c500;
		border-right: 1px dotted #d5c500;
	white-space: nowrap;
}

* html .mainOptions li a,* html .subOptions li a
{
	border-left: 1px solid #f5e520;
	border-top: 1px solid #f5e520;
	border-right: 1px solid #f5e520;
}

.mainOptions li a:link,.subOptions ul li a:link
{
	text-decoration: none;
}

.mainOptions li a:visited,.subOptions ul li a:visited
{
	text-decoration: none;
}


.mainOptions li a:hover,.subOptions ul li a:hover
{
	text-decoration: none;
	background-color: #003366;
	color: #ffffff;
}

/* ***** MINOR Nav ***** */

.minorNavArea
{
	margin-top: 0.75em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	border: 3px solid #f5e520;
	border-left: 1em solid #f5e520;
	border-right: 1px solid #f5e520;
	border-bottom: 1px dotted #f5e520;
	background: #ffffdf;
	padding: 0;
	font-size: 0.75em;
}

* html .minorNavArea
{
	border-bottom: 1px solid #f5e520;
}


.minorNav,.minorNavEdit
{
	margin: 0;
	padding: 0;
	margin-top: 0.5em;
	text-align: right;
}

.minorNav ul,.minorNavEdit ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	padding: 0;
	padding-right: 1em;
	margin: 0;	
	display: inline;
}

.minorNav li,.minorNavEdit li
{
	display: inline;
	text-align: center;
	background-color: white;
}
.minorNav li.menuSeparator,.minorNavEdit li.menuSeparator
{
	padding: 0em;
	margin: 0;
	padding-left: 0.25em;
	padding-right: 0.25em;
}


.minorNav li a,.minorNavEdit li a
{
	font-weight: bold;
	background-color: #eef4f7;
	padding: 0;
	margin: 0;
	

		border-left: 1px dotted #d5c500;
		border-top: 1px dotted #d5c500;
		border-right: 1px dotted #d5c500;
		border-right: 1px dotted #d5c500;
	white-space: nowrap;
}

* html .minorNav li a,* html .minorNavEdit li a
{
		border-left: 1px solid #d5c500;
		border-top: 1px solid #d5c500;
		border-right: 1px solid #d5c500;
		border-right: 1px solid #d5c500;
}

.minorNav li a:link, ,.minorNavEdit li a:link
{
	text-decoration: none;
}

.minorNav li a:visited,.minorNavEdit li a:visited
{
	text-decoration: none;
}


.minorNav li a:hover,.minorNavEdit li a:hover
{
	text-decoration: none;
	background-color: #003366;
	color: #ffffff;
}

.content
{
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 0;
	border-top: 1px dotted #d5c500;
}
* html .content
{
	width: 47.85em;
	border-top: 1px solid #f5e520;
}

.larger
{
	font-size: larger;
}

.footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	color: #880000;
	clear: both;
	padding-top: 1em;
}

.centre
{
	text-align: center;
}

/* Navigation stuff */
/* .subOptions */

.bulletOn
{
	font-weight: bold;
	background-color: #ffffff;
	padding-left: 0.25em;
	padding-right: 0.25em;
	border-top: 1px dotted #d5c500;
	border-left: 1px dotted #d5c500;
	border-right: 1px dotted #d5c500;
	border-bottom: 1px solid #ffffff;

	white-space: nowrap;
}

* html .bulletOn
{
	border-left: 1px solid #f5e520;
	border-top: 1px solid #f5e520;
	border-right: 1px solid #f5e520;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.dropCap
{
	float:left;
	color:#880000;
	font-size:5em;
	line-height: 0.75em;
} 

.dropCapH2
{
	font-size: 2em;
	line-height: 1em;
} 

.owSiteMap ul
{
	list-style-position: outside;
	margin-left: 1em;
	list-style-type: none;
}

* html .owSiteMap li
{
	font-size: 90%;
	margin-left: 3em;
}

/* Gallery */
.galleryWrapper
{
	margin-top: 2em;
}

.gallery-imageL, .gallery-imageR
{
	width: 75%; 
	height:400px;
	border: 1px dotted #d5c500;
}

* html .gallery-imageL, * html .gallery-imageR
{
	border: 1px solid #d5c500;
}


#galDescription
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: bold;
	color: #000000;
}


.gallery-thumbnailsL, .gallery-thumbnailsR
{
	width: 17%; 
	margin-right:5px;
	margin-top:5px; 
	height:400px;
	overflow: scroll;
}

.gallery-imageL
{
	float: left;
}

.gallery-imageR
{
	float: right;
}

.gallery-thumbnailsL
{
	float: left;
}

.gallery-thumbnailsR
{
	float: right;
}

/* FORM */
.mandatory
{
	color: red;
}

.formError
{
	color: red;
}

.formFieldError
{
	background-color: red;
}

td.formLab
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

td.formField
{
	vertical-align: top;
}

/* News */

.newsItemTable
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.newsMain
{
	text-align: center;
	padding-top: 2em;
}

.newsTrail
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
}


/* EDIT */

/* Login Area */

.owLogArea
{
	text-align: right;
}

.owLogArea ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.65em; */
	padding: 0;
	margin: 0;
	margin-top: 1em;	
	margin-bottom: 1em;	
}

.owLogArea li
{
	display: inline;
	text-align: center;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

/* User Sites */
.owNoUserSites
{
	text-align: center;
}

.owUserSiteLoginLine
{
	text-align: right;
}

.owUserSiteListWrapper
{
	text-align: center;
	margin-top: 1em;
}

.owUserSiteList
{
	margin: 0 auto;
}

/* Layouts */

/* Default */
.fullHTMLArea p, .fullHTMLAreaEdit p, .fullHTMLArea li, .fullHTMLAreaEdit li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
}

/* Various */
.theBody p, .theBody li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
}

.textPart p, .textPart li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
}

.leftMedia, img.left

{
	/* Space on the right */
	margin-right: 1em;
}

.rightMedia, img.right
{
	/* Space on the right */
	margin-left: 1em;
}

.scrollObject
{
	width: 500;
	height: 400;
	margin-right: 2em;
}

.scrollSpacerImage
{
	height: 350px;
}

.theScrollArea
{
	width: 400px;
	height: 415px;
	margin-left: 1em;
}

.line1Of2
{
	margin-bottom: 1em;
}

/* Side Boxes */

.sideBox1
{
	margin-bottom: 1em;
}

.floatBox
{
	width: 12em;
}

.boxHead
{
	background: #f5e520;
	text-align: center;
	margin: 0;
	padding: 0;
}

.boxHead h3
{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 0.85em;
	color: #000000;
	text-align: center;
}

.boxbody
{
	margin: 0;
	padding: 0.5em;
	font-size: 0.75em;
	font-weight: normal;
	border-left: 1px solid #f5e520;
	border-right: 1px solid #f5e520;
	border-bottom: 1px solid #f5e520;
	border-top: 1px solid #f5e520;
	background-color: white;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.boxbody h3
{
	padding: 0;
	padding-left: 5px;
	margin: 0;
	font-weight: bold;
	font-size: 0.9em; 
}

.boxbody p
{
	margin-left: 1em;
}

.boxbody .headline
{
	font-weight:bold;
	padding-top:.5em;
}

.boxbody a
{
	color: 0066CC;
}

/* LINK */
a:link, a:visited
{
	text-decoration: underline;
	color: #880000;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #00aaaa;
    font-weight: bold;
}

a:active {
	text-decoration: underline;
	color: #00aaaa;
    font-weight: bold;
}


<!--[if IE 5]>
<style>
.minorNav a {float: left; clear: both; width: 100%;}
</style>
<![endif]-->
<!--[if gte IE 6]>
<style>
.minorNav a {height: 1%;}
</style>
<![endif]-->