/* CSS Document */

/* Browser resets to compensate for inconsistencies in built in style sheets for common web browsers. */

html {
color:#000;background:#fff;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;padding:0;
}

table {
border-collapse:collapse;border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}

li {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,textarea,select {
font-family:inherit;font-size:inherit;font-weight:inherit;
}

/*because legend doesn't inherit in IE */
legend{
color:#000;
}

a:link { 
color: #999; text-decoration: none; 
}

a:visited { 
color: #999; text-decoration: none; 
}

a:hover { 
color: #c2000f; text-decoration: none; 
}

a:active { 
color: 999;  text-decoration: none; 
}

a.navlink { 
color: #333; text-decoration: none; 
}

a.navlink:link { 
color: #333; text-decoration: none; 
}

a.navlink:visited { 
color: #333; text-decoration: none; 
}

a.navlink:hover { 
color: #c2000f; text-decoration: none; 
}

a.navlink:active { 
color: #333; text-decoration: none; 
}

a.footlink { 
color: #999; font-size: 8pt; font-weight: normal; text-align: left; text-decoration: none; 
}

a.footlink:link { 
color: #999; font-size: 8pt; font-weight: normal; text-align: left; 8pt; text-decoration: none; 
}

a.footlink:visited { 
color: #999; font-size: 8pt; font-weight: normal; text-align: left; 8pt; text-decoration: none; 
}

a.footlink:hover { 
color: #c2000f; font-size: 8pt; font-weight: normal; text-align: left; 8pt; text-decoration: none; 
}

a.footlink:active { 
color: #999; font-size: 8pt; font-weight: normal; text-align: left; 8pt; text-decoration: none; 
}

h1 { 
color
: #333; font-size: 13pt; line-height: 18pt; font-weight: bolder; text-align: left; 
}

h2 { 
color: #c2000f; font-size: 13pt; line-height: 18pt; font-weight: bolder; text-align: left; 
}

h3 { 
color: white; font-size: 10pt; font-weight: bold; text-align: center; 
}

h4 { 
color: #999; font-size: 8pt; font-weight: bolder; text-align: left; 
}

h5 { 
color: #c2000f; font-size: 13pt; line-height: 16pt; font-weight: bold; text-align: left; 
}

p { 
color: #333; font-size: 9pt; line-height: 14pt; font-weight: normal; text-align: justify; 
}

.title_black { 
color: #333; font-size: 16pt; font-weight: normal; line-height: 18pt; text-align: left; 
}

.title_black_medium { 
color: #333; font-size: 12pt; line-height: 14pt; font-weight: bold; text-align: left; 
}

.title_black_small { 
color: #333; font-size: 10pt; line-height: 14pt; font-weight: bold; text-align: left; 
}

.title_red { 
color: #c2000f; font-size: 16pt; font-weight: bold; line-height: 18pt; text-align: left; 
}

.bodycopy { 
color: #333; font-size: 10pt; line-height: 14pt; font-weight: normal; text-align: left; 
}

.fgrey { 
color: #999; font-size: 8pt; font-weight: normal; text-align: left; margin-left: 0px; 
}

.returnindent {
color: #333;
font-size: 9pt;
line-height: 14pt;
font-weight: normal;
text-align: left;
margin-left: 9px;
margin-bottom: 1px; }

body { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif;}

#maincontainer{
width: 100%; /*Width of main container*/
}

#topwrapper{
background: white;
width:100%;
padding: 10 0 10 0;
height: 110px; /*Height of top section*/
}

#midwrapper{
float: left;
width: 795px;
height: 20px;
}

#midspace{ /*White spacer above bar*/
float: left;
margin-left: 0px;
background-color: white;
height: 15px; 
}

#midbar{ /*Holds the coloured redgrey bar*/
float: left;
margin-left: 0px;
height: 5px; 
}

#midbarred{
float: left;
width: 180px;
margin-left: 5px;
height: 5px; 
background-color: #c2000f;
}

#midbargrey{
float: left;
width: 435px;
margin-left: 175px;
height: 5px; 
background-color: #999;
}

#contentwrapper{
float: left;
width:100%;
color: white;
}

#contentcolumn{
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column*/
margin-left: -800px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
display:none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


#wrapper  /* Parent id */ { width: 100%; height: 100%; }
#logo { position: relative; width: 50%; z-index: 2001; float: left; width: 100%; text-align: center;}
#red { background-color: #c2000f; position: absolute; width: 41.8%; z-index: 2000; float: left; margin-left: -12px; }
#grey { background-color: #ccc; position: absolute; width: 99.9%; z-index: 1000; float: right; margin-right: -2px; margin-left: -1%; }


#menuContainer {
	display:none
}

/*CSS tabless form*/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 3px 0 3px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/* border-top: 0.3px dotted #c2000f;
border-bottom: 0.3px dotted #c2000f; */
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* IE Fix */
* html #left { left: 150px; }