/* CSS Document */

* {
padding:0;
margin:0;
}

body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 80%;
color: #000000
}
p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
a img { /* To replace deprecated attribute  */
border: 0px;
}
h1 {/* For text Housing Options is a Housing Advisory Service .... */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
ul {margin-left: 20px;}
ul li {
margin-left: 20px;
}
li {list-style-type: square;}

/*******************************************************************/
/* SECTIONS **********************************************************/
body {
text-align:center;
width:766px;
}
#wrap {
width:766px;
position:absolute;
left: 0; 
top: 50%;
width: 100%;
margin-top: -230px; /* half of the height */
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
}
#header {
overflow:hidden;
display:inline-block;
text-align:center;
}
#top {
width:766px;
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
text-align:left;
background:#CC3366;
}
#content {
width:766px;
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
text-align:left;
border:1px solid #CC3366;
}
#pre_footer {
width:766px;
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
}
#pre_footer2{
width:766px;
text-align:left;
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
}
#footer {
overflow:hidden;
display:inline-block;
text-align:center;
}

/* TEXT ******************************************************************/
.content_text {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.whitetext {/* For text Housing Options is a Housing Advisory Service .... */
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
color: #FFFFFF;
text-align:center;
}
a.menulinks:link    {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
} 
a.menulinks:visited {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.menulinks:hover {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 2px #CC3366 solid;
} 
.menutext {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #CC3366;
}
a.textlinks:link    {
color: #CC3366;
font-weight: normal;
text-decoration: none;
} 
a.textlinks:visited {
color: #CC3366;
font-weight: normal;
text-decoration: none;
}
a.textlinks:hover {
color: #CC3366;
font-weight: normal;
text-decoration: underline;
} 
a.whitelinks:link    {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
} 
a.whitelinks:visited {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}
a.whitelinks:hover {
color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
} 

/*  ******************************************************************/
.separator_strip {
overflow:hidden;
height: 1px;
background: #999999;
margin-top: 8px;
margin-bottom: 8px;
width:766px;
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
}
div.row {
width:766px;
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
}
div.row span.left {
float: left;
text-align: left;
margin: -4px 0px 0px 0px;
}
div.row span.right {
float: right;
text-align: right;
margin: -4px 0px 0px 0px;
}
div.spacer {
clear: both;
}

table_style { /* DIV needed for IE */
text-align:center;
}
.centre_table { /* Needed for FIREFOX */
margin-left: auto;
margin-right: auto;
}
.tabletext {
color: #FFFFFF;
font-family: Tahoma, Geneva, sans-serif;
margin: 0px 0px 0px 0px;
}
/*******************************************************************/
/* MESSY HACK FOR FIREFOX ******************************************************************/

html>body #content { /* css needed to position border correctly in Firefox */
width:764px;
margin-left: auto; /* half of the width */
margin-right: auto; /* half of the width */
text-align:left;
border:1px solid #CC3366;
}