* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0c2355;
  }
  
body {
	max-height: 740px;
}

p {
	padding-bottom: 10px;
}
  
input {
	border: 0px none;
	font-size: 11px;
}

#footer {
	clear: both;
}
  
#wrapper, #header, #content {
}

#wrapper {
	margin-left: auto; 
 	margin-right: auto;
	min-width: 768px;
	max-width: 1024px;
	
	background-image: url(../images/bg.jpg);
}

#header {
	width: 100%;
	height: 112px;
	background-color: #0d2456;
	position: relative;
	background-repeat: repeat-y;
	background-image: url(../images/headerBg.jpg);
}

/* - HEADER DIVS - */

#header #loginContainer {
	position: absolute;
	left: 2.995%;
	top: 10px;
	height: 30px;
	width: 434px;
}

#loginContainer #username {	
	font-size: 9px;
	position: absolute;
	color: #ffffff;
	left: 0px;
	top: 0px;
	height: 18px;
	width: 162px;
	padding: 2px;
	vertical-align: text-bottom;
}

#loginContainer #password {
	font-size: 9px;
	position: absolute;
	color: #ffffff;
	left: 175px;
	top: 0px;
	height: 18px;
	width: 158px;
	padding: 2px;
	vertical-align: text-bottom;
}

#loginContainer p {
	position: absolute;
	left: 0px;
	top: 3px;
	color: #FFFFFF;
	font-size: 12px;
}

#loginContainer #loginButton {
	position: absolute;
	left: 150px;
	top: 0px;
	height: 23px;
	width: 43px;
}

#header #navContainer {
	position: absolute;
	left: 2.995%;
	top: 45px;
	height: 25px;
	width: 450px;
}

/* #header #navContainer #contact {
	position: absolute;
	left: 291px;
	top: 0px;
	height: 21px;
	width: 66px;
} */

#header #navContainer img {
	padding: 0 8px;
}

#header #subNavContainer {
	position: absolute;
	left: 2.995%;
	top: 72px;
	height: 15px;
	width: 490px;
	font-size: 11px;
}

#header #subNavContainer ul{
	position: absolute; list-style: none;
}
#header #subNavContainer ul li{
	display: inline; margin-right: 2px;
}

#header #secSubNavContainer {
	position: absolute;
	left: 2.995%;
	top: 91px;
	height: 12px;
	width: 600px;
	font-size: 10px;
}

#header #secSubNavContainer ul{
	position: absolute; list-style: none;
}
#header #secSubNavContainer ul li{
	display: inline; margin-right: 2px;
}

#header #logo {
	position:absolute;
	left:63.933%;
	top:0px;
	width:248px;
	height:94px;
}

/* - SUBMENU STYLE RULES - */

#subMenu {
	position: relative;
	width: 100%;
	min-width: 768px;
	max-width: 1280px;
	height: 34px;
	background-image: url(../images/optionsBg.jpg);
}

#subMenu #subMenuContainer {
	position: absolute;
	top: 0px;
	left: 2.995%;
}

#subMenu #imgright {
	position: absolute;
	left: 80%;
	top: 12px;
}

#subMenu #imgright img {
	padding-right: 10px;
}

#subMenu #subMenuContainer img {
	padding-right: 9px;
}

/* - CONTENT STYLE RULES - */

#content {	
	position: relative;
	color: #003366;
	min-height: 407px;
}

#content #topImage {
	position: absolute;
	left: 645px;
	top: 20px;
}

#content #introPara {
	position: absolute;
	font-size:11px;
	left: 37px;
	top: 15px;
	width:588px;
	height:44px;
}

#content #firstOption {
	position: absolute;
	left: 2.995%;
	top: 131px;
	width: 26.693%;
	height: 130px;
	padding: 8px;
}

#content #firstSep {
	position: absolute;
	left: 30.75%;
	top: 131px;
	width: 2px;
	height: 120px;
	background-color: #ffffff;
}

#content #secondOption {
	position: absolute;
	left: 32.813%;
	top: 131px;
	width: 24.870%;
	height: 130px;
	padding: 8px;
}

#content #secondSep {
	position: absolute;
	left: 60.157%;
	top: 131px;
	width: 2px;
	height: 120px;
	background-color: #ffffff;
}

#content #thirdOption {
	position: absolute;
	left: 62.5%;
	top: 131px;
	width: 23.308%;
	height: 130px;
	padding: 8px;
}

#content #thirdSep {
	position: absolute;
	left: 2.995%;
	top: 261px;
	min-width: 687px;
	max-width: 795px;
	width: 89.454%;
	height: 1px;
	background-color: #0c2355;
}

#content #fourthOption {
	position: absolute;
	left: 2.995%;
	top: 276px;
	width: 26.563%;
	height: 118px;
}

#content #fifthOption {
	position: absolute;
	left: 30.950%;
	top: 276px;
	width: 28.646%;
	height: 118px;
}

#content #sixthOption {
	position: absolute;
	left: 60.286%;
	top: 276px;
	width: 32.031%;
	height: 118px;
}

#contentC {	
	position: relative;
	color: #003366;
	background-image: url(../images/contentBg.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	font-size: 11px;
}

#right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 18px;
}

/* -- CONTENT B STYLE RULES -- */

#contentB {	
	position: relative;
	color: #003366;
	padding-bottom: 15px;
	background-image: url(../images/contentBg.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding-top: 51px;
	padding-left: 2.995%;
	font-size: 11px;
	min-height: 307px;
}

#contentB #quote {
	position: absolute;
	top: 151px;
	left: 50%;
	width: 25%;
	vertical-align: middle;
}

#contentB #quote img {
	float: right;
}

#contentB #sideImage {
	position: absolute;
	top: 51px;
	left: 46%;
	width: 51.775%;
	margin-right: 2.225%;
	height: 296px;
}

#contentChart #sideChart {
	position: absolute;
	top: 51px;
	left: 46%;
	width: 51.775%;
	margin-right: 2.225%;
	height: 548px;
}

#contentChart #sideChart img {
	float: right;
}

#contentB #sideImage img {
	float: right;
}

#contentB #contentHeader {
	position: absolute;
	top: 12px;
	left: 2.995%;
	width: 727px;
	height: 33px;
}

#contentB #mainContent {
	width: 55.986%;
	min-height: 296px;
	/* background-image: url(../images/about/aboutWhyMcBg.jpg); */
}

#contentChart {	
	position: relative;
	color: #003366;
	padding-bottom: 15px;
	background-image: url(../images/contentBg.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding-top: 51px;
	padding-left: 2.995%;
	font-size: 11px;
	min-height: 548px;
}

#contentChart #contentHeader {
	position: absolute;
	top: 12px;
	left: 2.995%;
	width: 727px;
	height: 33px;
}


#contentChart #mainContentChart {
	width: 55.986%;
	min-height: 548px;
	/* background-image: url(../images/about/aboutWhyMcBg.jpg); */
}

#contentChart #mainContentChart #textContainer {
	width: 81.4%;
	padding-right: 5px;
	/* overflow: auto; */
	min-height: 548px;
	font-size: 11px;
	text-align: left;
}

#contentB #feedback #contact_form {
	width: 90%;
	min-height: 410px;
	overflow: auto;
	/*min-height: 296px;
	 background-image: url(../images/about/aboutWhyMcBg.jpg); */
}

#contentB #mainContent #textContainer {
	width: 81.4%;
	padding-right: 5px;
	/* overflow: auto; */
	min-height: 296px;
	font-size: 11px;
	text-align: left;
}

#contentB #mainContent #textContainer ul {
	padding-left: 15px;
}

#contentB h1 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 10px;
}

#contentB #mainContent #formContainer {
	width: 81.4%;
	padding-right: 5px;
	overflow: auto;
	min-height: 296px;
	font-size: 11px;
	text-align: left;
}

#contentB #mainContent #testimonialContainer {
	width: 81.4%;
	padding-right: 5px;
	/* overflow: auto; */
	height: 296px;
	max-height: 350px;
	font-size: 11px;
	#position: relative; 
	display: table;
}

#contentB #mainContent #testimonialContainer #testimonial {
	#position: absolute; 
	width: 100%;
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
}

#contentB #mainContent #testimonialContainer #testimonial div{
	#position: relative; 
	#top: -50%; 
}



#contentB #mainContentB {
	width: 95%;
	/* background-image: url(../images/about/aboutWhyMcBg.jpg); */
}
#contentB #mainContentC {
	width: 100%;
	text-align: justify;
	/* background-image: url(../images/about/aboutWhyMcBg.jpg); */
}

#contentB #twoCol-left {
	width: 48%;
	text-align: left;
	/* Ie fix so always has min height! */
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contentB #twoCol-right {
	position: absolute;
	width: 47%;
	left: 47%;
	top: 51px;
}

#contentB #twoCol-right img {
	padding-left: 15%;
}

#contentB #twoCol-right div img {
	float: right;
	clear: both;
	border: solid 1px #0c2355; 
}

#contentB #twoCol-right div img.none {
	float: right;
	border: 0px; 
}

#contentB #twoCol-right #map {
	float: right;
	clear: both;
}

#contentB #twoCol-right #link{
	width: 356px;
	float: right;
}

#contentB #twoCol-right div {
	float: right;
	width: 399px;
}
#contentB #twoCol-right div.text {
	cleear: both;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 18px;
	width: 356px;
}

#contentB #mainContentB #textContainer {
	width: 100%;
	font-size: 11px;
	text-align: justify;
}

#contentB #alphaContent {
	position: absolute;
	top: 51px;
	left: 453px;
	width: 165px;
	height: 296px;
	/* background-image: url(../images/about/aboutWhyAcBg.jpg); */
	/* background-image: url(../images/about/aboutStaffPatrickAcBg.jpg); */
}

#contentB #betaContent {
	position: absolute;
	top: 51px;
	left: 618px;
	width: 131px;
	height: 296px;
	/* background-image: url(../images/about/aboutWhyBcBg.jpg); */
	/* background-image: url(../images/about/aboutStaffPatrickBcBg.jpg); */
}

#contentB #leftContent {
	width: 76.005%;
	padding-right: 5%;
}

#contentB  #sideMenu  #sideMenuContainer{
	padding: 10px;
}

#sideMenuContainer li {
	padding-top: 5px;
}

#sideMenuContainer li a {
	padding: 0;
}

#contentB #sideMenu {
	position: absolute;
	top: 0px;
	left: 79%;
	width: 21%;
	height: 100%;
	background-color: #f7f9fb;
	border-left: solid 1px #0c2355;
}

#contentB #sideContent {
	position: absolute;
	left: 70%;
	top: 51px;
	width: 25%;
}

#contentB #sideContent #address {
	float: right;
}


#contentB #linksA {
	width: 20%;
	height: 250px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#contentB #linksB {
	position: absolute;
	width: 20%;
	top: 72px;
	left: 25.995%;
	padding-bottom: 10px;
}

#contentB #linksC {
	position: absolute;
	width: 20%;
	top: 72px;
	left: 50.995%;
	padding-bottom: 10px;
}

#contentB #linksD {
	position: absolute;
	width: 20%;
	top: 72px;
	left: 75.995%;
	padding-bottom: 10px;
}

#contentB h1 {
	font-size: 12px;
	font-weight: bold;
}

table.details td {
	padding-right: 20px;
	padding-bottom: 5px;
}

td {
	padding-right: 20px;
	padding-bottom: 10px;
}

ul.links {
	font-size: 11px;
	list-style-type: none;
}

ul.links li {
	padding-top:5px;
	padding-bottom: 5px;
	font-weight: normal;
}

ul.links li a:link {
	font-weight: normal;
}

ul.links li a:visited {
	font-weight: normal;
}
ul.links li a:active {
	font-weight: normal;
}
ul.links li a:hover {
	font-weight: normal;
}

ul.calculator {
	font-size: 11px;
	list-style-type: none;
}

ul.calculator li {
	margin: 10px 0;
	font-weight: bold;
}

ul.calculator li ul {
	list-style: none;
}

ul.calculator li ul li {
	padding: 0 0 0 15px;
	margin: 0;
}

ul.calculator li ul li a {
	font-weight: normal;
}

ul.list {
	width: 100%;
}

ul.list  li{
	font-size: 12px;
	padding: 5px;
	margin-top: 2px;
	/* border: 1px solid #0c2355; */
		
}

ul.list a {
	font-weight: normal;
}

#contact_form ol {
	padding-left: 20px;
}

#contact_form input, #contact_form textarea, #contact_form select {
	font-size: 12px;
	border: 1px solid #0d2456;
	/*background-color: #ffffff;*/
	padding: 2px;
}

.table_field textarea {
	width: 100%;
}

#contact_form div {
	/* padding-bottom: 5px; */
}

.contact_form_row {
	width: 90%;
}

.table_required {
    clear: left;
	float: left;
	width: 5%;
	padding-top: 5px;
	font-weight: bold;
}

.table_label {
	float: left;
	clear: left;
	width: 35%;
	padding-top: 5px;
	padding-right: 10px;
	font-weight: bold;
}

.table_title {
	float: left;
	/*clear: left;*/
	width: 45%;
	padding-top: 5px;
	padding-right: 10px;
	font-weight: normal;
}

.table_field {
	float: left;
	clear: right;
	width: 60%;
	padding-top: 5px;
}

.table_boxes {
	float: left;
	clear: right;
	width: 45%;
	padding-left: 10px;
	padding-top: 5px;
}

.table_boxes select{
	padding-right: 3px;
}


#left {
	float: left;
	padding-right: 20px;
}

#normal {
	width: 90%;
	margin-top: 5px;
}

#checkboxes {
	clear: both;
	padding-top: 5px;
}

#checkboxes input {
	border: none 0px;
}

input#button {
	border: none 0px;
	background-color: #0d2456;
	color: #ffffff;
}


/* -- FOOTER STYLE RULES -- */

#footer {
	width: 100%;
	position: relative;
	font-size: 9px;
	height: 63px;
	color: #0c2355;
}

#footer #copyright {
	position: absolute;
	padding-top: 5px;
	left: 2.995%;
	top: 0px;
	width: 44%;
	height: 58px;
}

#footer #legal {
	position: absolute;
	border-left: 1px solid #0c2355;
	padding-top: 5px;
	padding-left: 1.302%;
	left: 49%;
	top: 0px;
	width: 48%;
	height:58px;
}

a img {
border: 0px none;
}

#none {
border: 0px none;
}

#error {
	color: #FF0000;
	list-style: none;
}

.nav {
}

.lister li {
	margin-left: 23px;
	margin-bottom: 5px;
	font-size: 11px;
}

.hidden_content {
	display:none;
}

/* homepage navigation */

#navContainer {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navContainer span {
	display: none;
}

#navContainer li {
	padding: 0;
	margin: 0;
	float: left;
}

#navContainer li a {
	min-width: 38px;
	height: 21px;
	display: block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	border-top: 7px solid transparent;
}

#navContainer li a:hover, #navContainer li a.selected {
	border-top: 7px solid #ffeb01;
}
/*
#navContainer li.about a {
	background: url(../images/menuAboutUs.png);
	width: 55px;
	height: 21px;
	display: block;
}

#navContainer li.about a:hover, #navContainer li.about a.selected {
	background: url(../images/menuAboutUs_hl.png);
}

#navContainer li.news a {
	background: url(../images/menuNews.png);
	width: 36px;
	height: 21px;
	display: block;
}

#navContainer li.news a:hover, #navContainer li.news a.selected {
	background: url(../images/menuNews_hl.png);
}

#navContainer li.services a {
	background: url(../images/menuOnlineServices.png);
	width: 90px;
	height: 21px;
	display: block;
}

#navContainer li.services a:hover, #navContainer li.services a.selected {
	background: url(../images/menuOnlineServices_hl.png);
}

#navContainer li.contact a {
	background: url(../images/menuContactUs.png);
	width: 66px;
	height: 21px;
	display: block;
}

#navContainer li.contact a:hover, #navContainer li.contact a.selected {
	background: url(../images/menuContactUs_hl.png);
} */

/*
.wealthManager a {
	display:block;
	height:130px;
	width:205px;
	text-decoration: none;
}
.moneyMatters a {
	display:block;
	height:130px;
	width:191px;
	text-decoration: none;
}
.bestAdvice a {
	display:block;
	width:179px;
	height:130px;
	text-decoration: none;
} */

a.findOut {
	font-size: 10px;
	float: right;
	text-decoration: none;
}
a.findOut:hover {
	color: #FFFF00;
}
a.productHead {
	font-size: 20px;
	/*
 	color: #adc4e1;
	 text-decoration: none;
	display: ;
	*/
}

A.productHead:link    		{ text-decoration: none; color: #adc4e1 }
A.productHead:visited 		{ text-decoration: none; color: #adc4e1 }
A.productHead:hover	  	{ text-decoration:underline; color: #ffeb01 }

/*
a.productHead b {
	color: #adc4e1;
}
a.productHead sup {
	color: #adc4e1;
	font-size: 10px;
}
*/
/* end homepage navigation */

A.information_link {
	font-size:10px;
	text-decoration:underline;
	font-weight: bold;
	margin:10px 5px;
	padding:3px 0;
	display:block;
	cursor:pointer;
}

A.menu-current:link    		{ text-decoration: none; color: #ffeb01; font-weight: normal;}
A.menu-current:visited 		{ text-decoration: none; color: #ffeb01; font-weight: normal;}
A.menu-current:active  		{ text-decoration: none; color: #ffeb01; font-weight: normal;}
A.menu-current:hover	  	{ text-decoration: none; color: #ffeb01; font-weight: normal;}
A.menu:link    		{ text-decoration: none; color: #FFFFFF; font-weight: normal;}
A.menu:visited 		{ text-decoration: none; color: #FFFFFF; font-weight: normal;}
A.menu:active  		{ text-decoration: none; color: #FFFFFF; font-weight: normal;}
A.menu:hover	  	{ text-decoration: none; color: #ffeb01; font-weight: normal;}
A:hover	  { color: #FFFF00;}