@charset "utf-8";
/* CSS Document */
body{
margin:10px 0 0 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
a{
color:#003b87;
}
img{
border:0px;
}
div{
margin:0px;
}

<!--               -->
h1{
margin:0;
padding:0;

}
h2{
color:#424a52;
margin:0;
font-size:13px;
padding:10px 15px 0px 15px;
}
h2.office{
	color:#424a52;
	margin:0;
	font-size:13px;
	background-color: #edeeed;
	display: block;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}


h3{
margin:0;
font-size:11px;
padding:10px 15px 0 15px;
color:#748e78;
}
p{
margin:0px;
padding:5px 15px 5px 15px;
color:#666666;
}


ul{
color:#748e78;
}

<!--               -->

.mugShot{
float:right;
margin:0px 15px 15px 15px;
padding-top:15px;
}

<!--               -->

div#content{
width:800px;
margin:auto;
position:relative;
text-align:left;
}
div#leftCol{
width:220px;
position:absolute;
top:0px; 
left:0px;
}
div#rightCol{
width:575px;
margin-left:225px;
}

<!--                         -->

div#area_1-2{
position:relative;
margin-top:2px;
}
div#area_1{
width:285px;
}
div#area_1_content{
margin-top:2px;
background-color:#c6cac6;
height:350px;
}

div#area_1_rCol{
width:104px;
height:350px;
background-color:#edeeed;
float:right;
border-left:solid 2px white;
margin-left:10px;
}
/**
div#area_1_rCol{
width:104px;
height:350px;
background-color:#edeeed;
float:right;
border-left:solid 2px white;
position:relative;
margin-left:10px;
}
div#area_1_rCol img{
position:absolute;
left:0px;
bottom:0px;
border-top:solid 2px white;
}
**/

<!--                         -->

div#area_2{
width:285px;
position:absolute;
top:0px; 
left:290px;
}
div#area_2_content{
margin-top:2px;
background-color:#edeeed;
height:350px;
}

div#area_2_content img{
position:absolute;
top: 270px;
left:0px;
bottom:0px;
border-top:solid 2px white;
}
<!--                         -->

div#area_3-4{
position:relative;
margin-top:5px;
}
div#area_3{
width:285px;
}
div#area_3_content{
margin-top:2px;
background-color:#edeeed;
height:250px;
}

<!--                         -->

div#area_4{
width:285px;
position:absolute;
top:0px; 
left:290px;
}
div#area_4_content{
margin-top:2px;
background-color:#c6cac6;
height:250px;
}
div#area_4_rCol{
width:142px;
height:250px;
background-color:#edeeed;
float:right;
border-left:solid 2px white;
margin-left:10px;
}

<!--                         -->

div#disclosure{
color:#748e78;
font-size:11px;
margin:15px;
}
div.areaTitle{
height:30px;
}
p.bodyText{
padding:5px 15px 5px 15px;
}
p.introText {
color:#748e78;
}
img.areaTitles{
display:block;
margin:5px 0 8px 0;
}
p.links{
font-size:10px;
font-weight:bold;
color:#003e7e;
padding:15px;
}
p.links a{
color:#003e7e;
}
p.links a:hover{
color:#FF9900;
}
p.rMore{
font-size:11px;
font-weight:bold;
color:#6a6a6a;
padding:0px 15px 0px 15px;
}

p.rMore a{
text-decoration:none;
color:#6a6a6a;
}

/** Menu **/

div#menu{
}
div.pageTitle{
padding-top:2px;
height:30px;
}

#menuList{
margin:2px 0px 0px 0px;
padding:0px;
position:relative;
background-color:#424a52;
height:2000px;
}
#menuList ul{
margin:0px;
padding:0px;
}
#menuList ul li{
list-style:none;
display:block;
}
#menuList ul li a{
display:block;
height:25px;
width:220px;
overflow:hidden;
}
#menuList ul li a:hover{
background-position:bottom;
}
#menuList span{
display:block;
width:1px;
height:1px;
overflow:hidden;
}

.m1{
background-image:url(img/menuItems/home.gif);
}
.m2{
background-image:url(img/menuItems/investment.gif);
}
.m3{
background-image:url(img/menuItems/insurance.gif);
}
.m4{
background-image:url(img/menuItems/sharebroking.gif);
}
.m5{
background-image:url(img/menuItems/contactUs.gif);
}



/*****   Forms    ****/

textarea, select, input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
fieldset{
margin:10px;
padding:0px 10px 10px 10px;
}
fieldset legend{
color:#424a52;
font-weight:bold;
}
fieldset label.fieldLabel{
display:block;
margin:10px 0px 3px 0px;
color:#424a52;
font-weight:bold;
}
input.button{
display:block;
margin-top:15px;
}