/* CSS Document */
* {margin-top:4px}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #000099;
margin-bottom:4px;
}
p {
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
h1 {font-size:115%;margin-bottom:10px}
h2 {font-size:110%;}
em {margin: 0px 0px 0px 0px} 
ul {margin-left: 20px;}
ul li {margin-left: 20px;}
#sub-section div {text-align:center}
#content,#sub-section{padding:0px 0}
#content div {margin:10px}

/*******************************************************************/
/* SECTIONS **********************************************************/
body {text-align:center;}
#wrap {
width:758px;
margin-left: auto;
margin-right: auto;
background: url(../images/background.gif);
border:1px solid #CCCCCC;
}
/* 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;
}
#menu {
overflow:hidden;
display:inline-block;
text-align:center;
}
#content {
overflow:hidden;
display:inline-block;
text-align:left;
margin: 0px 0px 0px 0px;
}
#sub-section{ /* See margin for sub-section at the end of this stylesheet - Safari 2.0.4 hack needed */
overflow:hidden;
display:inline-block;
text-align:center;
}
#footer {
width:740px;

display:inline-block;
text-align:center;
margin-left: auto;
margin-right: auto;
margin-bottom:8px;
background: #000099;
}
#content{float:left}
/* See float and margin for sub-section at the end of this stylesheet - Safari 2.0.4 hack needed */
#content {width:83.5%}
#sub-section {width:15.5%}
#footer {clear:left}

/*******************************************************************/
/* TEXT ******************************************************************/
a.textlinks:link    {
color:       #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 0px;
} 
a.textlinks:visited {
color:      #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 0px;
}
a.textlinks:hover   {
color: #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
margin: 0px 0px 0px 0px;
} 
a.footerlinks:link    {
color:       #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
} 
a.footerlinks:visited {
color:      #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.footerlinks:hover   {
color: #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
} 
.red_text { 
color: #CC0000;
}

/*******************************************************************/
/* FOR FORMS IN TABLES ******************************************************************/
.centre_table { /* centres the table - add the class to the table tag */
margin-left: auto;
margin-right: auto;
}

/*******************************************************************/
/* POSITIONING ******************************************************************/
div.row { /* To position 2 elements - one to the left and one to the right */
clear: both;
margin-left: auto;
margin-right: auto;
margin:-2px; 
padding:0;
}
div.row span.left { /* To be used with div.row */
float: left;
text-align: left;
margin-top: 0px;
margin-right: 0px;
margin-left: 2px;
margin-bottom: 0px; 
padding:0;
}
div.row span.right { /* To be used with div.row */
float: right;
text-align: right;
margin-top: 0px;
margin-right: 2px;
margin-left: 0px;
margin-bottom: 0px; 
padding:0;
}
.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;
}
.image_centre {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.fix_centre_vertical {
text-align:center;
margin-top:28px;
padding:0px;
}
/*******************************************************************/
/* MESSY HACK FOR SAFARI 2.0.4 ******************************************************************/

#sub-section { /* css needed to position sub-section correctly in Safari 2.0.4 */
float:none;
margin: 2px 6px 0px 0px; /* TOP - RIGHT - BOTTOM - LEFT */
}
#sub-section { /* Default positioning of sub-section. # symbol overides the above css needed for Safari 2.0.4 - must be placed at the end of all css */
float:left;
margin: 2px 0px 0px 0px;#
}