/* CSS Document */
* {margin:0}

body {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #006600}
p {
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 10px;
	margin-bottom: 10px;
}
h1 {font-size:115%;margin-bottom:10px}
h2 {font-size:110%;}

ul {margin-left: 20px;}
ul li {margin-left: 20px;}
#sub-section div {text-align:center}
#header,#menu,#content,#sub-section,#footer {padding:0px 0}
#content div {margin:10px}


#menu {background:#FFFFFF}
#content {background:#FFFFFF}
#sub-section {background:#FFFFFF}
#footer {background:#FFFFFF}
/*******************************************************************/
body {text-align:center;}
#wrap {
width:728px;
margin-left: auto;
margin-right: auto;
background: url(../images/backgroundFFFFFF.gif);
border:4px solid #FFFFFF;
}
/* 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;
}
#strips {
width:720;
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;
}
#content {
overflow:hidden;
display:inline-block;
text-align:left;
margin: 0px 0px 0px 0px;
}
#sub-section{
overflow:hidden;
display:inline-block;
text-align:center;
margin: 2px 0px 0px 0px;
}
.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;
}
#footer {
overflow:hidden;
display:inline-block;
text-align:center;
margin: 0px 0px 0px 0px;
}
div.row {
clear: both;
}
div.row span.left {
float: left;
text-align: left;
margin: 3px 0px 2px 0px;
}
div.row span.right {
float: right;
text-align: right;
margin: 3px 0px 2px 0px;
}

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


a.textlinks:link    {
color:       #00CC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
} 
a.textlinks:visited {
color:      #00CC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.textlinks:hover   {
color: #006600;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
} 
.centre_table { 
margin-left: auto;
margin-right: auto;
}
.green_strip_img {
display: block;
margin-left: auto;
margin-right: auto;
}
.image_centre {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}