﻿/* CSS Document */


.rougered {
	color: #6f282b;
}


/* z-indexes -----------------------------------------*/

.pageBody { z-index:1;}
.content { z-index:2;}
.divide { z-index:3;}
.header { z-index:4;}
.topMenu { z-index:4;}
.childMenu { z-index:5;}
.branding { z-index:6;}
.footer { z-index:3;}




/* font/text styling -----------------------------------------------*/

body, .content, th, h4, h5, input, textarea, select, .ss {
	font-family: arial, helvetica, sans-serif;
	}

.topMenu, .childMenuInside, td {
	font-family: Georgia, arial, helvetica, sans-serif;
	}

body, .content, td, input, textarea, select, .childMenuInside, .footer {
	font-size: 12pt;
	}

th, h4 {
	font-size: 14pt;
	}

h1, h2, h3, h4, h5, th, .boldItalics, .content a {
	font-weight: bold;
	}
	
.topMenu a, .childMenu a, .content a:hover {
	text-decoration: none;
	}



/* colours -----------------------------------------------*/

body, .pagebody, .header, .childMenu, .blank {
	background-color: #FFFFFF;
	}

h3, .branding, .footer {
	background-color: #6f282b;
	}

body, .content, .topMenu a:hover, .childMenu a:hover, .content a:hover {
	color: #000000;
	}

h1, h2, h4, h5 , th, .boldItalics, .topMenu, .topMenu a, .childMenuInside, .childMenu a, .content a {
	color: #333333;
}




/* ------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
}

.pageBody{
	position: relative;
	height: 455px;
	width: 100%;
	overflow: scroll;
}

.content {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 1.3;
}

.divide {
	background-color: #000000;
	width: 100%;
	height: 1px;
	position: relative;
}

.header {
	width: 100%;
	height: 138px;
	overflow: hidden;
}

.branding {
	width: 100%;
	height: 102px;
	border-bottom: 1px solid #4c1c1d;
	-moz-box-shadow: 0px 4px 6px #666666;
	-webkit-box-shadow: 0px 4px 6px #666666;
	box-shadow: 0px 4px 6px #666666;
}

.logo {
	text-align:center;
}

.logo img {
	width:373px;
	height:100px;
}

.topMenu {
	font-size: 14pt;
	padding: 8px 2px 2px 2px;
	width: 100%;
	height: 26px;
	border: none;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.topMenu span {
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	height: 30px;
	overflow: hidden;
}


.childMenu {
	border: 1px solid #000000;
	position: absolute;	
	visibility: hidden;
	top: 136px;
}

.childMenu p {
	padding: 3px 10px 5px 10px;
	margin: 0px;
}

.childMenu h4 {
	padding: 2px 0px 4px 0px;
}

.childMenu a {
	padding-right: 1px;
	padding-left: 1px;
}

#menu0 {
	left: 64px;
	width: 195px;
}

#menu1 {
	left: 188px;
	width: 195px;
}

#menu2 {
	left: 330px;
	width: 195px;
}

#menu3 {
	left: 425px;
	width: 195px;
}

.footer {
	position: relative;
	top: -17px;
	padding: 5px 0px 5px 0px;
	width: 100%;
	height: 35px;
	border-style: solid;
	border-color: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	overflow: hidden;
	font-family: "Copperplate Gothic Light", "century gothic", "trebuchet ms", arial, helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
}

.footer p {
	padding: 0px;
	margin: 0px;
}

div {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table {
	border-width: 0px;
	margin: 0px;
	padding: 5px;
}

th {
	font-size: 14pt;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

tr {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

td {
	border-width: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	vertical-align: baseline;
}

.centerMe {
	text-align: center;
}

.leftMe {
	text-align: left;
}

.rightMe {
	text-align: right;
}

.indentMe {
	margin-left:5%;
}

ul	{
	padding-right: 35%;
	padding-top: 5px;
	padding-left: 50px;
	margin-top: 0px;
	margin-left: 0px;
}

img {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

p {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0px;
}

i {
	font-style: italic;
}

.boldItalics {
	font-style: italic;
}

h1 {
	font-family: "Copperplate Gothic Light", "Times New Roman", Times, serif;
	font-size: 24pt;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 65px;
	margin: 0px;
}

h2 {
	font-family: "Copperplate Gothic Light", "Times New Roman", Times, serif;
	font-size: 20pt;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}

h3 {
	font-family: "Copperplate Gothic Light", "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-top: 15px;
	margin-right: 35%;
	margin-bottom: 0px;
	margin-left: 25px;
	overflow: hidden;
}

h4 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}

h5 {
	font-size: 13pt;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}

.content p {
	text-align: justify;
	padding-top: 5px;
	padding-right: 35%;
	padding-left: 25px;
}

.content p.centerMe {
	text-align: center;
}


.content .switch p {
	padding-right: 25px;
}

.content .switch h3 {
	margin-right: 25px;
}

ol li {
	text-align: justify;
	padding-bottom: 10px;
}

.featureImage {
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
}

.floatingBox{
	border-style: solid;
	border-color: #9D8853;
	border-width: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: right;
	width: 40%;
	position: relative;
	top: -10px;
}
