/* --- CSS Layout Document --- */
/* Version:     24/02/07
/* Author:      Helen Everitt

/* --- Page Structure --- */

html body {
	background:#0D2B45;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small;
	color: #374763;
	}

/* --- Fixes to get IE and Quicktime Playing nice, and Validating! --- */

* html object.mov {
    display: none;
	}

* html object.mov/**/ {
    display: inline;
	}

* html object.mov {
    display/**/: none;
	}
	
	
/* --- Page Layout--- */

#container {
	width:760px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
	background-position:bottom;
	height: 100%;
	display: table-cell;
	min-height: 500px;
	background-color: #EDEDED;;
	overflow:hidden;
		display:block;
	
	}
	
#banner {
	background: url('images/top_banner.jpg') no-repeat;
	height:89px;
	background-color:#374E70;
	}
	

#navigation {
	background:#ABC1D3;
	color:#fff;
	height:24px;
	border-top:1px solid #ABC1D3;
	border-bottom:1px solid #374E70;
	z-index:200;
	float: left;
	}
	
#images {
	clear:left;
	background: url('images/image_back.jpg') no-repeat;
	height:129px;
	}

#menu {
	background: url('images/menu_back.png') no-repeat;
	background-position: top;
	width: 152px;
	float: left;
	height:220px;
	padding-top:12px;
	
	}

#content {
	padding-top:20px;
	padding-bottom:0px;
	float: right;
	padding-left: 10px;
	width: 550px;
	padding-right: 30px;
		}
	
#content :link {
	color: #374E70;
	}

#content :link:hover {
	color: #00AA00;
	}

#content :active {
	color: #00AA00;
	}

#content :visited {
	color: #374E70;
	}

#content :link:hover, :visited:hover { 
	color:#00AA00;
	}
	
#content a:visited:hover { 
	color:#00AA00 
	}

#side{
	float:left;
	padding-left:10px;
	width:150px;
	display:block;
	}
#right{
	float:right;
	width:150px;
	display:block;
	}
	


/* --- Navigation --- */

ul {
	padding:0 0 0 0px;
	font-size:small;
	font-weight:bold;
	text-align:center;
	margin:0 0 3px 0;
	list-style:none;
	background:#ABC1D3;
	}

li {
	float:left;
	position:relative;
	width:152px;
	background:#ABC1D3;
	display:block;
	}

li ul {
	font-size:small;
	display:none;
	position:absolute;
	padding:0;
	top:22px;
	left:0px;
	}
	
li > ul {
	top:auto;
	left:auto;
	}
	
li:hover ul, li.over ul {
	display:block;
	background:none;;
	padding-top:3px;
	}
	
#nav li a {
	display:block;
	color:#fff;
	text-decoration:none;
	margin:5px 0;
	padding:0 10px;
	background-color:#ABC1D3;
	}

#nav li li a {
	margin:0;
	color:#fff;
	font-weight:normal;
	padding:5px 10px;
	background-color:#374E70;
	}
	
#nav li li a:hover {
	background:#00AA00;
	color:#fff;
	}
/* --- Text Styles --- */

.title {
	font-size:x-large;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0E82C2;
	float: left;
		}
.bigger {
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#374763;
	font-weight: bold;
		}
.subtitle {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#374763;
	font-weight: bold;
		}
a.subtitle: link {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#374763;
	font-weight: bold;
		}

		
a.subtitle: hover {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00AA00;
	font-weight: bold;
		}
		
a.subtitle: visited {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#374763;
	font-weight: bold;
		}
		

a.subtitle: active {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#374763;
	font-weight: bold;
		}

		
.subtitle2 {
	font-size:large;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8CAEC9;
	float: left;
		}
		

.bullet {
	margin:0 0 0 10px;
	padding:0 0 0 5px;
	border-left:5px solid #6699cc;
	display:block;
	}
	
a.menu:link {
	display:block;
	background-color:#374E70;
	font-size:14px;
	color:#ffffff;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	margin-bottom:5px;
	}

a.menu:visited {
	display:block;
	background-color:#374E70;
	font-size:14px;
	color:#ffffff;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	margin-bottom:5px;
	}

a.menu:hover {
	display:block;
	background-color:#00AA00;
	font-size:14px;
	color:#ffffff;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	margin-bottom:5px;
	}
	
a.menu:active {
	display:block;
	background-color:#00AA00;
	font-size:14px;
	color:#ffffff;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	margin-bottom:5px;
	}

.main {
	margin-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #374763;
	}

#text ul{
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#374763;
	padding:10px;
	text-align:left;
	list-style:disc;
	margin-left: 175px;
	}

#text ul li {
	clear:both;
	font-weight:normal;
	font-size:small;
	background:none;
	padding:5px 0;
	float:none;
	text-align:left;
	width:auto;
	display:list-item;
	list-style-image: url(bullet.png);
	list-style-type:disc;
	list-style-position:outside;
	}