/* CSS Document */

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

* h1 {
border: 0pt none;
margin: 0pt;
padding: 0pt;
color: #3796bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
}

* h2 {
border: 0pt none;
margin: 0pt;
padding: 0pt;
color: #3796bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}

* h3 {
border: 0pt none;
margin: 0pt;
padding: 0pt;
color: #3796bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

body {
background-color: #97979b;
}

#wrapper {
margin: 2% auto;
width: 820px;
}

.header {
background-color: #0C85C8;
width: 780px;
background-repeat: no-repeat;
float: left;
margin-left: 10px;
width: 780px;
}

.bgHome {
background-image: url(../images/top-banner-7.jpg);
background-repeat: no-repeat;
float: left;
width: 780px;
}

#navbar {
background: url(../images/Navbar.jpg) repeat scroll 0% 50%;
color: #734899;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 2px 20px;
width: 760px;
}

#navbar a {
color: #FFFFFF;
text-decoration: none;
}

#navbar a:hover {
color: #783b92;
text-decoration: underline;
}

#trail {
background: #FFFFFF url(../images/cont-bg.jpg) repeat-x scroll 0%;
color: #734899;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin-left: 10px;
padding: 0px 0px 0px 20px;
width: 760px;
line-height: 25px;
}

#content {
background-color: #F6FAFD;
background-image: url(../images/bg_content2.jpg);
background-repeat: repeat-y;
float: left;
margin-left: 10px;
padding: 0px 0px 10px 0px;
width: 780px;
}

#lhs {
background-color: #97979b;
float: left;
margin-left: 5px;
width: 157px;
}

#subnav {
float: left;
width: 160px;
}

#subHeader {
background-color: #734899;
color: #c7e9fa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 10px 20px;
width: 120px;
}

#subnav ul {
border: 0pt none;
list-style-type: none;
margin: 0px 0px 10px;
font-weight: bold;
padding: 0pt;
}

#subnav li {
margin: 0pt;
}

#subnav li a {
background-color: #C7E9FA;
color: #734899;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 7px 0px 7px 10px;
text-decoration: none;
width: 150px;
}

html > body #subnav li a, html > body .subnavon {
width: auto;
}

#subnav li a:hover {
background-color: #3796BC;
color: #FFFFFF;
text-decoration: underline;
}

.subnavon {
background-color: #EDEEEF;
color: #FFFFFF;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 7px 0px 7px 10px;
text-decoration: none;
width: 150px;
}

#contholder {
float: left;
padding: 0px 0px 15px;
width: 596px;
margin-left: 10px;
}

#contarea {
	float: left;
	width: 452px;
	font-family: Verdana, Arial, sans-serif;
	padding: 0 10px 0 0;
}

#contarea a {
	color: #DA2128;
}

#contarea ul {
	font-size: 1em;
	padding: 0 0 0 15px;
	margin: 0;
}

#contarea h1 {
	font-size: 2.2em;
	color: #811670;
	font-weight: bold;
}

#rhs {
	float: left;
	width: 110px;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	background-color: #f6fafd;
	background-repeat: repeat;
	padding: 0px 0px 10px 10px;
	margin: 10px 0px 0px 14px;
}

#rhs img {
	border: 1px solid #333333;
	margin: 0 0 5px 0;
}

.tagSpacer {
margin: 0px 0px 10px;
}

.logoSpacer {
margin: 5px 5px 5px 0px;
}

#intro {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
padding: 25px 0px 0px;
text-decoration: none;
width: 70%;
}

#ul {
list-style-type: circle;
text-align: center;
}

#intro ul {
list-style-type: circle;
text-align: center;
}

#li {
list-style-type: disc;
text-align: center;
}

#intro li {
list-style-type: disc;
text-align: left;
margin-left: 20px;
}

#intro h1 {
color: #3796BC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0pt;
}

#intro h2 {
color: #D4EEFB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px 0px 20px;
}

#intro h3 {
color: #783B92;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px 0px 5px;
}

#intro p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 140%;
margin: 0px 0px 15px;
}

#intropic {
float: left;
text-align: center;
width: 200px;
}

#sideBar {
float: left;
margin-left: 30px;
text-align: center;
width: 170px;
}

#sideBar p {
color: #C7E9FA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-bottom: 12px;
}

.breakout {
color: #C7E9FA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-bottom: 7px;
}

.breakout.blue a {
color: #3796BC;
margin-right: 12px;
text-decoration: none;
}

.breakout.blue a:hover {
color: #3796BC;
text-decoration: underline;
}


.breakout li {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px 0px 0px 15px;
}

.levelBox {
background-color: #D4EEFB;
float: left;
margin-top: 25px;
padding: 0px 0px 8px;
width: 185px;
}

.levelBoxHead {
background-color: #Ebf7fd;
color: #3796bc;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 8px;
padding: 5px 8px;
width: 170px;
}

.lbright {
margin-left: 10px;
}

.levelBox a {
color: #3796BC;
margin: 0px 0px 0px 8px;
text-decoration: none;
}

.levelBox a:hover {
color: #3796bc;
text-decoration: underline;
}

.floatrow {
float: left;
padding: 15px 0px 0px;
width: 580px;
}

.floatpic {
float: left;
width: 65px;
border-right: 3px solid #FFFFFF;
}

.floatrow2 {
	float: left;
	width: 580px;
	padding: 15px 0px 0px 0px;
}

.floatpic2{
	float: left;
	width: 50px;
}

.floattext {
width: 60px;
float: left;
margin-right: 5px;
min-height: 70px;
padding: 7px;
}

.floattext p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0px;
padding: 0px;
}

.floattext h1 {
color: #3796bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
}

.full {
width: 495px;
}

.half {
width: 135px;
height: 76px;
}

.third {
width: 109px;
}

.short {
width:400px;
}

.end {
margin-left: -5px;
width: 360px;
}

#alphabar {
background-color: #97979b;
color: #734899;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 15px 0px;
padding: 7px 0px;
text-align: center;
width: 575px;
}

#alphabar a {
color: #EBF7FD;
padding: 0px 4px;
text-decoration: none;
}

#alphabar a:hover {
color: #783b92;
}

.alphaOn {
padding: 0px 4px;
}

.headerBar {
float: left;
margin: 10px 0px 0px;
width: 580px;
}

.headerBar p {
color: #ebf7fd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

/* float colours */

.cream {
	background-color: #fcf1cd;
}

.green {
	background-color: #e5ebd1;
}

.green h1 {
	color: #809c19;
}

.blue {
	background-color: #d4eefb;
}

.blue p {
	color: #000d78;
}

.end p {
	color: #000000;
}

#jackets {
	width: 452px;
	padding-bottom: 10px;
}

#jackets img {
	padding: 0 0px 0 0;
	margin: 0;
}



/* footer */

#footer {
color: #734899:
background-color: #734899;
background-image: url(../images/footer-5.jpg);
background-repeat: no-repeat;
float: left;
height: 80px;
margin-left: 10px;
width:780px;
}

#footer p {
color: #734899;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 40px 40px 0px 0px;
text-align: right;
}

#footer a {
color: #734899;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}