/* CSS Document */
* {margin-top:4px}
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 85%;
color: #000099;
background: #6CA6CD;
}
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:110%;}


#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:740px;
margin-left: auto;
margin-right: auto;
background: url(../images/bg1.gif);
border:2px solid #FFEC8B;
}
/* 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;
text-align:center;
margin-top: -4px;
}
#strips {
width:740px;
margin-left: auto;
margin-right: auto;
}
.white_strip {
width:740px;
height: 2px;
background: #FFFFFF;
margin-top: 0px;
}
#menu {
overflow:hidden;
text-align:center;
margin-top: 0px
}
#content {
overflow:hidden;
text-align:left;
margin: 0px 0px 0px 0px;
}
#sub-section{
overflow:hidden;
text-align:left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -4px; /* -4px 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;
text-align:center;
}
.menu_img {
display: block;
margin-left: auto;
margin-right: auto;
}
#separator_dots{
width:740px;
margin-top:0px;
border-bottom: 2px dotted #000099;
}
#footer{
background: #FFEC8B;
width: 740px;
overflow:hidden;
margin-top: -10px;
margin-left: 0px;
margin-right: 0px;
}
div.footer_menu {
clear: both;
}
div.footer_menu span.left {
float: left;
text-align: left;
margin: 0px 0px 0px 4px;
}
div.footer_menu span.right {
float: right;
text-align: right;
margin: 0px 4px 0px 0px;
}
div.footer_base {
clear: both;
}
div.footer_base span.left {
float: left;
text-align: left;
margin: -10px 0px -5px 4px;
}
div.footer_base span.right {
float: right;
text-align: right;
margin: -10px 4px -5px 0px;
}

#content,#sub-section {float:left}
#content {width:77%}
#sub-section {width:22%}
#footer {clear:left}

a.textlinks:link   {
color: #000099;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #000099;
} 
a.textlinks:visited  {
color: #000099;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #000099;	
}
a.textlinks:hover   {
color: #000099;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #000099;
} 
#table_style { /* DIV needed for IE */
text-align:center;
}
.centre_table { /* Needed for FIREFOX */
margin-left: auto;
margin-right: auto;
}
.tabletext {
text-align:center;
}
.image_centre {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}