* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 background: #004959;
}

a { text-decoration:none }

.wrapper { 
 margin: 0 auto;
 width: 900px;
}

.wrap { 
 margin: 0 auto;
 width: 900px;
}

#headerbg{
width:100%;
height: 173px;
background-color: #004959;
}

#toptext {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: 25px;
 margin: 0px 0px 0px 0px;
}


#toptext p{
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#toptext a{ 
text-decoration: underline;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#toptext a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
 

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: 148px;
 margin: 0px 0px 0px 0px;

}



#bannerbg{
width:100%;
height: 210px;
background-image: url(../images/bannerbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#bannerbgsub{
width:100%;
height: 100px;
background-image: url(../images/bannerbg.gif);
background-position:top;
background-repeat: repeat-x;
}


#main {
background-image: url(../images/mainbg.gif);
background-position:top;
background-repeat: repeat-y;
 width: 900px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}

#main #left  {
 width: 250px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}

#main #right {
 width: 620px;
 float: right;
 padding: 10px 10px 10px 10px;
 height: auto;
 margin: 0px 0px 0px 0px;
}

#main #right p{
line-height: 18px;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:5px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 13pt;
}

#main #right a{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }
 
#main #right a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }

/* menu rollover */

#nav {
 width: 250px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: auto;
 margin: 0px 0px 0px 0px;
}


a#disability {
width:250px;
height:39px;
background-image:url(../images/disability4.gif);
display:block;
text-decoration:none;
float:left;
}

a#disability:hover {
background-position:0px 39px ;
}


a#home {
width:250px;
height:39px;
background-image:url(../images/home.gif);
display:block;
text-decoration:none;
float:left;
}

a#home:hover {
background-position:0px 39px ;
}

a#profiles {
width:250px;
height:40px;
background-image:url(../images/profiles.gif);
display:block;
text-decoration:none;
float:left;
}

a#profiles:hover {
background-position:0px 40px ;
}

a#overview {
width:250px;
height:40px;
background-image:url(../images/overview.gif);
display:block;
text-decoration:none;
float:left;
}

a#overview:hover {
background-position:0px 40px ;
}


a#faqs {
width:250px;
height:40px;
background-image:url(../images/faqs.gif);
display:block;
text-decoration:none;
float:left;
}

a#faqs:hover {
background-position:0px 40px ;
}

a#compoverview {
width:250px;
height:40px;
background-image:url(../images/compoverview.gif);
display:block;
text-decoration:none;
float:left;
}

a#compoverview:hover {
background-position:0px 40px ;
}


a#compfaqs {
width:250px;
height:39px;
background-image:url(../images/compfaqs.gif);
display:block;
text-decoration:none;
float:left;
}

a#compfaqs:hover {
background-position:0px 39px ;
}


a#clients {
width:250px;
height:41px;
background-image:url(../images/clients.gif);
display:block;
text-decoration:none;
float:left;
}

a#clients:hover {
background-position:0px 41px ;
}


a#contact {
width:250px;
height:40px;
background-image:url(../images/contact.gif);
display:block;
text-decoration:none;
float:left;
}

a#contact:hover {
background-position:0px 40px ;
}







/* footer */

#form{
float:left;
	height:295px;
	width:230px;
	background: url(../images/formbg.gif);
	background-position:top;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-left: 15px;
}

#form p{
font-family: verdana;
font-size: 12px;
margin:5px 0px 5px 0px;
color: #ffffff;
 padding:0px 0px 0px 0px;
}

.button{
 margin: 5px 0 0 130px;
}



#contactdetails {
 width: 200px;
 float: left;
 padding: 0px 0px 0px 20px;
 height: auto;
 margin: 0px 0px 0px 0px;
}

#contactdetails p{
line-height: 18px;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#contactdetails a{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#contactdetails a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }



#footer { 
	background: url(../images/footer.jpg);
	background-position:top;
	background-repeat: no-repeat;
 width: 900px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding:  135px 0px 0px 0px;
 height: 120px;
}

#footer #text { 
text-align: center;
 width: 900px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 120px;
}



#footer #text p{
font-family: verdana;
font-size: 12px;
color: #000000;
margin:5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#footer #text a{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }
 
#footer #text a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }
 
 
 #footerextra { 
 text-align: center;
 width: 900px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding:  10px 0px 0px 0px;
 height: auto;
}

 #footerextra  p{
font-family: verdana;
font-size: 10px;
color: #c9c9c9;
margin:5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 14pt;
}

 #footerextra  a{ 
text-decoration: underline;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
 #footerextra  a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 /* list and img border */
 
 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 


ul { 
list-style-type:none;
}


li   {
padding-left:30px;
background:transparent url(../images/bullet.gif) no-repeat;
background-position:8px 2px;
}


/* headers */

h1  {
margin:0px 0px 5px 0px;
text-align:left;
position:relative;
color:#004959;
font-family: arial;
font-size: 2.2em;
}

h2  {
margin:3px 0px 3px 0px;
text-align:left;
position:relative;
color:#004959;
font-family: arial;
font-size: 1.8em;
}

h3  {
margin:3px 0px 3px 0px;
text-align:left;
position:relative;
color:#004959;
font-family: arial;
font-size: 1.8em;
}


/* img floats */


img.floatright { 
    float: right; 
    margin: 10px 20px 10px 15px; 
}

img.floatleft { 
    float: left; 
    margin: 10px 15px 10px 10px; 
}