/* CSS Document */


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #FFFFFF;
}
p {
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
h1 {
font-size:100%;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
h2 {font-size:100%;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: -10px;
}
h3 {font-size:100%;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#header,#menu,#content,#sub-section,#footer {padding:0px 0;}
#content div {margin:10px}

a img { /* To replace deprecated attribute  */
border: 0px;
}


/*******************************************************************/
body {text-align:center;}
#wrap {
width:758px;
margin-left: auto;
margin-right: auto;
}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the background above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an horizontal scrollbar)  */
#header {
overflow:hidden;
display:inline-block;
text-align:center;
margin-top: 4px; /* Edit */
}
#strips {
width:756;
margin-left: auto;
margin-right: auto;
}
.white_strip {
height: 3px;
background: #FFFFFF;
}
.green_strip {
height: 3px;
background: #33FF33;
border:1px solid #006600;
margin: 0px 0px 0px 0px;
}
#menu {
overflow:hidden;
display:inline-block;
text-align:center;
margin-top: 0px
}
#content {
overflow:hidden;
display:inline-block;
text-align:left;
margin-top: 4px; /* Edit */
}
#sub-section{
overflow:hidden;
display:inline-block;
text-align:left;
margin-top: 4px; /* Edit */
margin-right: 0px;
margin-bottom: 0px;
margin-left: -8px; /* -8px to negate the 10px margin of the paragraph tag */
}
.fix_right {
margin: 0px 0px 0px 0px;
float: right;
padding: 0;
}
.sub_sect_img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:0px; 
}
#centre_image {
overflow:hidden;
display:inline-block;
text-align:center;
}
.menu_img {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 4px; /* Edit */
}
#separator_dots{
width:758px;
display:inline-block;
margin-top:0px;
border-bottom: 2px dotted #FFFFFF;
}
div.footer_base {
clear: both;
}
div.footer_base span.left {
float: left;
text-align: left;
margin-top: 4px; /* Edit */
}
div.footer_base span.right {
float: right;
text-align: right;
margin-top: 4px; /* Edit */
}
div.footer_menu {
clear: both;
}
div.footer_menu span.left {
float: left;
text-align: left;
margin: 15px 0px 0px 0px;
}
div.footer_menu span.right {
float: right;
text-align: right;
margin: 15px 0px 0px 0px;
}

#content,#sub-section {float:left}
#content {width:75%}
#sub-section {width:24%}
#footer {clear:left}

a.textlinks:link   {
color: #FFFFFF;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;
} 
a.textlinks:visited  {
color: #FFFFFF;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;	
}
a.textlinks:hover   {
color: #FFFFFF;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;
} 
a.textlinksbold:link   {
color: #FFFFFF;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;
} 
a.textlinksbold:visited  {
color: #FFFFFF;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;	
}
a.textlinksbold:hover   {
color: #FFFFFF;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;
} 
.tabletext {
font-size: 100%;
}
.tabletext2 {
font-size: 100%;
text-align:left;
}
.table_style { /* centre the text in the table */
text-align:center;
}
.cell_pad { /* add padding to top of each table cell */
padding-top:4px;
}
.table_position { /* 10 px in from left to match p class */
margin-top: 0px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 0px;
}
.image_centre {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}