/* Fix the background colour and font colour for legibility */
body {
	margin:10px;
	padding:20px;
	font-family:verdana,arial,helvetica,sans-serif;
	background:white;
	color:#993366;
	
	
}


/* Paragraph */
p
{
text-align: left;
margin-left: 10px;
color: #993366;
font-family: arial;

}

.right
{
text-align: right;
margin-left: 10px;
color: #993366;
font-family: arial;

}
.bold
{
text-align: left;
color: #993366;
font-family: arial;
font-weight: bold;
display: inline;

}
.quote
{
text-align: left;
color: #993366;
font-family: arial;
font-style: italic;
font-weight: bold;
display: inline;

}

.margin {margin: 1cm 2cm 1cm 2cm}

.border
{
text-align: left;
margin-left: 10px;
color: #993366;
font-family: arial;
border-width:2px ;border-style:solid;
border-color:#993366;
padding:10px;

}



h1 
{
color: #993366;
text-align: center;
font-size: 150%;
}

h2 
{
color: #993366;
text-align: left;
font-size: 115%;
}

h3 
{
	color: #993366;
	text-align: left;
	font-size: 100%;
	
}
h4 
{
color: #993366;
text-align: left;
font-size: 105%;
}

ul
{font-family:  arial; 
font-size: 90%;
}
ul li
{list-style:none;}

/* Header */
/* NB fixed height to allow for absolute positioning of page elements. */
div.header{text-align:center; font-weight:400; color:navy; height:250px;
border-style:solid;
	border-color: white;
	border-width:1px 1px 1px 1px;

	line-height:11px;
	background-image:url(images/shuttles2.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


/* centerContent */

div.centercontent {
position: relative;
left:0px;
top:0px;
width:70%;
background:#FFFFE0;
border:1px solid #993366;
padding:10px;
padding-left:220px
	}

/* Sidebar */
div.sidebar {position:absolute;
	top:20px;
	left:0px;
	width:190px;
	
	background-color:#FFFFE0;
	
	border:1px #999;
	line-height:115%;}

div.sidebar ul li

{
border: solid 1px #FFFFE0;
padding: 3px;
margin: 2px;

background-color: #FFFFE0;
list-style:square;

}



div.sidebar a {

	color:#993366;
	font-size:90%;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
		}
div.sidebar ul li:hover{border: solid 1px #993366;}

div.sidebar p
{
text-align: left;
margin-left: 10px;
color: #993366;
font-family: verdana, arial, helvetica, sans-	serif;
font-size: 115%;

}

div.sidebar p
{
text-align: left;
margin-left: 12px;
color: navy;
font-style:italic;
font-family: arial;
font-size: 95%;
margin: 0.5cm 0.5cm 0.5cm 0.5cm;
line-height:150%;
}


div.sidebar p.text
{
text-align: left;
margin-left: 60px;
color: #993366;
font-style:normal;
font-family: verdana, arial, helvetica, sans-	serif;
font-size: 95%;

}

/* links */
a:link {color:#993366;}
a:visited {color:#993366;}
a:hover {color:navy;}


/* Banner */
div.banner{
position:relative;
 text-align:left;
 color:navy;
 font-size:80%;
}