/* Reset styles */

* {margin:0;padding:0;border:0;}

/* HTML tags */

body {
	text-align:center;
	background:url(../images/bg-body.jpg) repeat-x #23408F;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:white;
}
p {
	font-size:1em;
	padding-bottom:20px;
	line-height:2em;
}
h1 {
	padding:5px 5px 6px 5px;
	margin:0 0 20px 0;
	font-size:2em;
	font-weight:normal;
	border-top:1px solid #8788bc;
	border-bottom:1px solid #8788bc;
}

h2 {
	margin:0 0 5px 0;
	font-size:1.5em;
	font-weight:bold;
	border-top: 1px solid #FFFFFF;
	padding: 5px 0 10px 0;
}

h3 {
	padding:1px 3px 3px 0;
	margin:5px 0 5px 0;
	font-size:1.5em;
	font-weight:bold;
	border-top:1px solid #8788BC;
	clear:both;
}

h4 {
	padding:1px 3px 3px 0;
	color:#c8c9e8;
	margin:5px 0 5px 0;
	font-size:1em;
	font-weight:bold;
}

ol {
	display:block;
	margin-left:1.5em; 
	padding-left:0;
	font-size:1em;
	padding-bottom:20px;
	line-height:2em;
}

ul {
	display:block;
	list-style-type:square;
	margin-left:1.5em; 
	padding-left:0;
	font-size:1em;
	padding-bottom:20px;
	line-height:2em;
}
	
a {text-decoration:underline;font-weight:bold;}
a:link {color:white;}
a:visited {color:white;}
a:hover {color:#aae0fa;}
a:active {color:white;}

/* Page layout */

#outerwrapper {
	width:800px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg-outerwrapper.jpg) repeat-y  0 600px;
}
#innerwrapper {
	background:url(../images/bg-innerwrapper.jpg) no-repeat;
}
#header {
	position:relative;
	height:170px;
	background:url(../images/logo.png) 45px 27px no-repeat;
}
#banner {
	margin-left:30px;
	margin-top:10px;
}
#ourcentres {
	font-size:0.9em;
	position:absolute;
	width:154px;
	right:45px;
	top:16px;
	padding:8px;
	background:#6269A7;
	border-top:1px solid #BCBDC0;
	border-bottom:1px solid #BCBDC0;
}
#ourcentres h2 {
	font-size:1.2em;
	color:white;
}
#ourcentres p {
	padding:5px 0 0 0;
	line-height:normal;
}
#ourcentres strong {
	color:#AAE0FA;
}
#navigation {
	float:left;
	width:200px;
	padding:10px 0 0 0;
}
#content {
	float:left;
	width:540px;
	padding:10px 10px 10px 20px;
}
#footer {
	clear:both;
	padding:10px 40px 42px 40px;
	background:url(../images/bg-footer.jpg) no-repeat center bottom;
}
#footercontent {
	padding:10px;
	border-top:1px solid #8788bc;
}

/* Accessibility */

#accessibility {
	margin:20px 0 0 40px;
	padding:10px;
	border:1px dashed #AAA;
}
#accessibility p {
	padding:0;
}
#switchbackground {
	padding:20px 0 0 0;
}
a.normalswitch {font-size:1em;}
a.largerswitch {font-size:1.6em;}
a.largestswitch {font-size:2em;}

/* Misc */

img.alignleft {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #8788BC;
}
img.alignright {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #8788BC;
}

/* Textbox */

#textright {
	float:right;
	background-color: #6269A7;
	width: 200px;
	padding: 10px;
	margin:0 0 10px 10px;
	border-top:1px solid #BCBDC0;
	border-bottom:1px solid #BCBDC0;
}

#textright h2{
    font-size:1.2em;
	font-weight: bold;
	padding: 5px;
	margin: 3px 0 3px 0;
	color: #FFFFFF; 
	border-top: 1px dotted #23408F;
}

#textright h3{
	font-size:1em;
	padding: 5px;
	font-weight: bold;
	color: #AAE0FA; 
}

#textright p {
	padding: 5px;
	line-height:normal;
	border-top: 1px dotted #23408F;
}

#textleft {
	float:left;
	background-color: #6269A7;
	width: 150px;
	padding: 10px;
	margin:0 0 10px 0x;
	border-top:1px solid #BCBDC0;
	border-bottom:1px solid #BCBDC0;
}


/* Quote */

.quote {

	float:right;
	clear: right;
	width: 200px;
	padding: 3px 3px 3px 10px;
	margin:0 0 10px 10px;
	border-left:10px solid #4a5d8f;
	background-color: #364e8f;
}

.quote p{

	text-size: 16px;
	line-height: 20px;
	font-style:italic;
	color: #FFFFFF;
}

.quotecap{

	text-size: 12px;
	line-height: 16px;
	color: #aae0fa;
}

/* Navigation */

#navlist {
	width: 160px;
	margin: 0 0 0 40px;
	padding: 0;
}
#navlist li {
	display: inline;
}
#navlist a {
	display:block;
	padding:8px;
	font-weight:normal;
	text-decoration:none;
	border-top:1px solid #8788bc;
	background:#23408F;
	color:white;
}
#navlist a.current {
	background:#9ca2d6;
	color:#23408F;
}
#navlist a:hover {
	background:#9ca2d6;
	color:#23408F;
}

#navlist ul{
	margin: 0;
	font-size:0.9em;
	font-weight:normal;
	line-height:2em;
	display:block;
	font-weight:normal;
}

#navlist ul a{
	text-decoration:none;
	background:#23408F;
	color:#c8c9e8;
	padding:3px 0 3px 8px;
	border-top:1px dotted #5f6094;
}
#navlist ul a:hover {
	background:#5c77be;
	color:#FFFFFF;
}

.gallerycontainer {
	text-align:center;
}

.gallerycontainer ul{
	list-style:none;
	margin:0px;
}

.gallerycontainer li{
	float:left;
	clear: right;
	margin:0 20px 0px 0;
}

/* Navigation */

#footercontent {

text-align: center;

}

#footercontent ol li {
	display:inline;
	list-style:none;
	padding-right:10px;
}
#footercontent a {
	font-weight:normal;
}

.footerlinks {

text-align:center;
font-size: 9px;

}

.footerlinks ul li{

display:inline;
list-style:none;
padding-right:10px;

}

.footerlinks ul li a{

font-size: 9px;
font-weight: normal;

}

.breadcrumb {

padding: 5px 0 0 0;
font-size:10px;
font-weight: bold;
margin: 0 0 -5px 0;
border-top:1px solid #8788bc;
border-bottom:none;

}

.breadcrumb p{

color: #AAE0FA;
font-size:10px;
margin: 0;

}

.breadcrumb a{

color: #FFFFFF;
text-decoration: none;
font-size:10px;

}

.breadcrumb a:hover{

color: #FFFFFF;
text-decoration: underline;
font-size:10px;

}

#ourcentres h2 {

border-top: 0px solid;
padding: 0;

}