/* Layout */
/*-------------------------------*/
body {
font-size: 65%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
margin-top:6px;
}
#head-container {
width: 750px;
margin: 0px auto;  
padding:0 0 0 0px;
}
#container {
width: 750px;
margin: 0px auto;  
padding:0 0 0 0px;
border-top:solid 6px #333333;
border-bottom:solid 30px #333333;
}
img {
border:0px;
}
img a {
border:0px;
}
table p {
text-transform:none;
}
b {
font-weight:normal;
}

/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 750px;
height: 215px; 
text-align:right;
background-image:url(../media/images/header-bg-housing.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header h1{
font-weight:normal;
font-size:110%;
color:#ffffff;
text-align:right;
padding-left:0px;
padding-top:183px;
padding-right:162px;
padding-bottom:0px;
margin:0 0 0 0px;
background:none;
border-bottom:none;
}
.welcomemsg{
color:#666666;
}
#header h2{
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
font-weight:normal;
font-size:120%;
color:#ffffff;
text-align:left;
margin:0 0 0 0px;
}
#header h2 a:hover{
color:#247E2B;
text-decoration:none;
}
#header a{
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* hoizontal top menu */
/*-----------------------------------*/
#topmenu {
clear: both;
width: 750px; 
float: left;
padding-top:20px;
height:67px;
display:inline;
direction:ltr;
text-align:left;
color:#666666;
background-color:#333333;
background-image:url(../media/images/topnav-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#topmenu a {
color:#333333;
text-decoration:none;
font-size:110%;
}
#topmenu ul{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#topmenu li{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:0px;
padding-left:10px;
list-style-position:outside;
}
#topmenu a:hover{
color:#ffffff;
}
/*-----------------------------------*/
/* hoizontal header modules */
/*-----------------------------------*/
#tri-mod{
width: 750px;
font-size: 100%;
height:57px;
}
#tri-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#tri-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
font-size: 100%;
font-weight: bold;
}
#tri-mod li  h2 {
font-weight: normal;
font-size: 110%;
padding-top:25px;
padding-bottom:20px;
padding-left:10px;
height:17px;
margin:0 0 0 0px;
color:#666666;
}
#tri-mod li  h2:hover {
color: #E99B13;
cursor:default;
}
#tri-mod li a, #tri-mod li a:link, #tri-mod li a:active, #tri-mod li a:visited {
float: left;
display: block;
width: 236px;
height: 57px;
text-decoration: none;
background-color: #D8D8D8;
overflow: hidden;
text-align:right;
padding-right:10px;
}
#tri-mod li a:hover {
}
#tri-mod .tri1 a, #tri-mod .tri1 a:link, #tri-mod .tri1 a:active, #tri-mod .tri1 a:visited  {
background-color: #ffffff;
margin-right:6px;
background-image:url(../media/images/tri1-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#tri-mod .tri1 a:hover {
background-color: #ffffff;
color: #E99B13;
} 
#tri-mod .tri2 a, #tri-mod .tri2 a:link, #tri-mod .tri2 a:active, #tri-mod .tri2 a:visited  {
background-color: #ffffff;
margin-right:6px;
background-image:url(../media/images/tri2-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#tri-mod .tri2 a:hover {
background-color: #ffffff;
color: #E99B13;
} 
#tri-mod .tri3 a, #tri-mod .tri3 a:link, #tri-mod .tri3 a:active, #tri-mod .tri3 a:visited  {
background-color: #ffffff;
background-image:url(../media/images/tri3-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#tri-mod .tri3 a:hover {
background-color: #ffffff;
color: #E99B13;
} 



/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* Left Options*/
/*------------------------------------*/
#navleft {
clear: both;
float: left; 
width: 240px; 
font-size:110%;
padding-top:66px;
background-image:url(../media/images/nav-left-bg.jpg);
background-position:top;
background-repeat:no-repeat;
border-left:6px solid #ffffff;
border-bottom:6px solid #ffffff;
height:inherit;
}
#navleft h1 {
font-weight: normal;
font-size: 120%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
background-color:#E99B13;
margin:0 0 0 0px;
color:#ffffff;
border-bottom:none;
}
#navleft p {
margin:0 0 0 0;
color:#ffffff;
text-decoration:none;
}
/* Content */
/*--------------------*/
#content {
float: left;
width:492px;
min-height:400px;
background-color:#ffffff;
border-top:6px solid #ffffff;
border-left:6px solid #ffffff;
border-right:6px solid #ffffff;
padding-bottom:50px;
font-size:110%;
}
#content h1 {
color:#ffffff;
background-image:url(../media/images/h1-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
height:29px;
padding-top:20px;
padding-bottom:20px;
font-size:110%;
padding-left:6px;
}
#content h2 {
color:#FF9900;
font-size:100%;
padding-left:6px;
}
#content h3 {
color:#333333;
font-size:100%;
padding-left:6px;
}
#content p {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
padding-left:6px;
}
#content a {
color:#FF9900;
text-decoration:none;
font-weight:normal;
}
#content a:hover{
color:#333333;
text-decoration:underline
}
#content hr{
color:#999999;
text-align:left;
}
#content li {
color:#666666;
width:85%;
}
/*-------------------------------*/

/*Right options */
/*-----------------------------------------------*/
#navright{
float: right; 
width: 181px; 
font-weight: normal;
padding-bottom:10px;
height:15px;
color:#990000;
margin:0 0 0 0px;
background-color:#CCCCCC;
}
#navright h1{
font-weight: normal;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
background-color:#CCCCCC;
margin:0 0 0 0px;
color:#666666;
}
.quicksearch{
float: right; 
width: 150px; 
margin: 0px;
height:59px;
padding-top:40px;
padding-left:20px;
background-image:url(/media/images/quick-search-bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
/*-----------------------------------------------*/

/* Latest News Sub*/
/*--------------------*/

#latest-sub {
position:relative;
clear:both;
width:492px;
padding-top:76px;
}
#latest-sub h1 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
background-color:#ffffff;
border-bottom:7px solid #ffffff;
background-image:url(../media/images/latest-h1-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
height:69px;
}
#latest-sub  p{
color:#003366;
}
#latest-sub  a{
color:#ffffff;
}
#latest-sub  a:hover {
color:#003366;
}
.latest-sub-body {
position:relative;
clear:both;
width: 320px;
padding-left:9px;
padding-right:12px;
padding-top:6px;
padding-bottom:4px;
text-align:left;
color:#ffffff;
}
.latest-sub-body p {
color:#003366;
}
.latest-sub-body a{
color:#003366;
}
.latest-sub-body a:hover {
color:#003366;
}

/* News
/*-----------------------*/

#news{
font-weight: normal;
width:230px;
color:#ffffff;
margin:0 0 0 0px;
font-size:100%;
background-color:#E99B13;
padding-left:10px;
}
#newsitem{
font-weight: normal;
width:240px;
color:#ffffff;
margin:0 0 0 0px;
}
#news p{
float: left; 
width: 240px; 
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
color:#ffffff;
margin:0 0 0 0px;
}
#news a {
color:#ffffff;
text-decoration:none;
font-weight:normal
}
#news a:hover {
color:#333333;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/
/* Office / Location
/*-----------------------*/

#offices{
float: left; 
width:240px;
background-color:#333333;
background-image:url(../media/images/offices-head.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-top:68px;
}
#offices h1{
font-weight: normal;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
background-color:#333333;
margin:0 0 0 0px;
color:#ffffff;
background-image:url(../media/images/title-bg.jpg);
background-repeat:repeat-x;
background-position:top left;
}
#offices h2{
font-weight: normal;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
background-color:#333333;
margin:0 0 0 0px;
color:#ffffff;
background-image:url(../media/images/title-bg.jpg);
background-repeat:repeat-x;
background-position:top left;
font-size:100%;
}
#offices p {
font-size:100%;
padding-left:10px;
padding-right:10px;
padding-top:0px;
color:#E99B13;
text-decoration:none;
font-weight:normal;
line-height:16px;
}
#offices a {
color:#E99B13;
text-decoration:none;
font-weight:normal
}
#offices a:hover {
color:#ffffff;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/

/* Footer */
/*-------------------------------*/

#footer {
clear: both;
text-align: left;
width:492px;
color: #666666;
padding-top:110px;
padding-left:12px;
border-left:solid #333333 246px;
font-size:106%;
background-image:url(../media/images/footer-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
min-height:89px;
background-color:#FFFFFF;
}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer p {
color:#565149;
text-decoration: none;
padding:none;
}
#footer a {
color:#565149;
text-decoration: none;
}
#footer a:hover {
color:#247E2B;
text-decoration: none;
}
#footer li a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer li a:hover {
color:#247E2B;
text-decoration: none;
}

#sign-off {
clear: both; 
text-align: left;
background-color: #ffffff;
border-top:7px solid #ffffff;
width: 344px; 
padding-top:8px;
padding-bottom:8px;
}
#sign-off a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#sign-off a:hover {
color:#D60719;
text-decoration: none;
padding-right:5px;
}

/*-------------------------------*/



/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:100%;
color:#cccccc;
}
h1 {
font-weight: normal;
font-size: 120%;
background-color:#CCCCCC;
margin:0 0 0 0px;
color:#666666;
}
h2 {
font-weight: normal;
font-size: 120%;
color:#E99B13;
}
h3 {
font-weight: bold;
font-size: 110%;
color:#E99B13;
padding-left:6px;
padding-right:6px;
border-bottom: 1px dotted #666666;
}
h4 {
font-weight: bold;
font-size: 110%;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
h5 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
margin-bottom:3px;
}
h6 {
font-weight: normal;
font-size: 110%;
color:#cccccc;
}
h7 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
}
