body
{
width:100%;
margin:0px;
padding:0em;
font-family:Helvetica,Verdana,Arial,Sans-serif;
/*color:white;*/
background-color:white;
}

#container4 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/*background:white;*/ /* column 4 background colour */
        /*
        border-top:2px solid #778898;
        border-bottom:2px solid #778898;
        border-left:0px;
        border-right:2px solid #778898;
        */
        background:white;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#ccd3b4; /* column 3 background colour */
        /*
        border-top:2px solid white;
        border-bottom:2px solid white;
        border-left:2px solid white;
        border-right:2px solid #778898;
        */
        border:4px solid white;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#cdd0bd; /* column 2 background colour */
        border-right:4px solid white;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#e5e9d2; /* column 1 background colour */
        border-right:4px solid white;
}
#col1 {
	float:left;
	width:21%;

	position:relative;
	left:77%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:21%;

	position:relative;
	left:81%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:21%;

	position:relative;
	left:85%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:21%;

	position:relative;
	left:89%;
	overflow:hidden;
}
/* --> */

div.header
{
padding:0.3em;
margin:0px;
color:black;
/*height:10%;*/
/*background-image:url('../img/header.jpg');*/
/*background-repeat:no-repeat;*/
background-color:white;
clear:left;
}
div.footer
{
padding:0.5em;
margin:0px;
color:white;
/*height:5%;*/
background-color:#d1d1d1;
clear:both;
}
div.clearer{
clear:both;
}

div.left
{
float:left;
width:160px;
margin:0;
padding:0.3em;
}

div.emailsent{
width:50%;
margin-left:10%;
text-align:left;
border:0px;
padding:0.5em;
color:white;
background-color:red;
}
/*TEXT STYLES*/
#title
{
color: white;
text-align:center;
text-decoration: none;
font-style: normal;
}
/*LIST*/
ul.none
{
width:100%;
list-style-type: none;
padding:0.3em;
}
li.separate
{
margin-top:0.3em;
padding:0.3em;
}
li.separate:hover
{
background-color:#cfcfcf;
border-top:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
}
/*LINKS*/
a.menu
{
color: black;
text-decoration: none;
font-style: normal;
}
a.menu:hover
{
color: black;
text-decoration: none;
font-style: normal;
} 
a.menu:link
{
color: black;
text-decoration: none;
font-style: normal;
}
a.menu:visited
{
color: gray;
text-decoration: none;
font-style: normal;
}