body {
	margin: 3px 4px 6px 4px;
	padding: 0;
	background-color: #5b7793;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #000;
	}

.clearfloat {
    height: 1px;
    clear: both;
	}

form {margin: 0; padding: 0;}

a:link, a:visited {
	color:#1A448E;
	text-decoration:underline;
	}
a:hover, a:active {
	color:#1A448E;
	text-decoration:none;
	}
/*.....................................Container*/
.container {
	background: #EBF1FA url(../images/bg_leftCol.gif) repeat-y;
	}
.containerBack {
	background-color: #EBF1FA;
	}
/*.....................................Header*/
.headerBg {
	height: 88px;
	background: url(../images/bg_crown.gif) no-repeat;
	}
.header {
	height: 88px;
	background: url(../images/bg_city.jpg) right no-repeat;
	background-color: white;
	}
.header img#logo {
    position:absolute;
    top: 16px;
    left: 15px;
	/*margin: 16px 0 0 15px;*/
	}
.header a#cityImg{
    position:absolute;
    display:block;
    top:25px;
    right:5px;
    height:65px;
    width:350px;
}
.subnav {
	margin: 2px 20px 0 0;
	float: right;
	width: 500px;
	text-align: right;
	display: inline;
	font-size: 8pt;
	color: #5d87b0;
	}
.subnav ul {
	margin: 0;
	padding: 0;
	}
.subnav li {
	margin: 0;
	margin-left: 3px;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
.subnav img {
	margin: 2px 0 0 3px;
	}
.subnav a:link, .subnav a:visited {
	color: #5d87b0;
	text-decoration: none;
	}
.subnav a:hover, .subnav a:active {
	color: #5d87b0;
	text-decoration: underline;
	} 	
/*.....................................mainNav*/
.mainNav {
	background: url(../images/bg_nav.gif) repeat-x;
	text-align: right;
	height: 22px;
	}
.mainNav ul {
	margin: 0;
	padding: 0;
	}
.mainNav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
.mainNav li img {
	/*margin-right: -3px;*/
	}
.contentWrapper {
	background-color: white;
	width: 760px;
}
* html .contentWrapper {
	margin-top: -3px;
}
*:first-child+html .contentWrapper {
	margin-top: -3px;
}
/*.....................................leftCol*/


/*.....................................rightCol*/
.rightColFront {
	width: 550px;
	padding: 13px 0 40px 201px;
	margin-bottom: -1px;
 	}
* html .rightColFront {
	padding-left: 0px;
	margin-left: 201px;
}
*:first-child+html .rightColFront {
	padding-left: 0px;
	margin-left: 201px;
}
.contentLeftFront {
	display: inline;
	float: left;
	width: 286px;
	padding-top:6px;
	}
.contentLeftFront img {
	margin-bottom: 3px;
	}
.contentRightFront {
	display: inline;
	float: left;
	width: 260px;
	/* margin-top: 15px; */
	}
/*.....................................contentBack*/
.contentBack {
	padding: 23px 10px 0 16px;
	background-color: white;
	width: 725px;
	}
* html .contentBack {
	margin-top: -3px;
}
*:first-child+html .contentBack {
	margin-top: -3px;
}
.hedBackBg {
	width: 725px;
	background: url(../images/bg_hedBack.gif) top left repeat-x;
	}
.hedBackEnd {
	width: 725px;
	background: url(../images/hedBack_end.gif) top right no-repeat;
	}
.textBackContainer {
	width: 725px;
	}
.textBack {
	margin: 8px 0 20px 27px;
	}
.textBack ul {
	padding: 0;
	margin: 8px 0 0 0;
	}
.textBack ul li {
	font-size: 9pt;
	list-style-type: none;
	list-style-image: url(https://www.royalbanksofmo.com/home/diFiles/skins/default/images/bullet_ql.gif);
	margin: 0 0 5px 27px;
	}
.textBack a:link, .textBack a:visited {
	color: #043ccf;
	text-decoration: underline;
	}
.textBack a:hover, .textBack a:active {
	color: #043ccf;
	text-decoration: none;
	} 	
.photoBack {
	float: right;
	margin: -56px 18px 0 0;
	width: 201; 
	}
/*.....................................footer*/
.promoBg {
	background: url(../images/bg_promo.gif) repeat-y;
	width: 260px;
	color: #7e6d4a;
	}
.promoTop {
	width: 260px;
	background: url(../images/promo_top.gif) top no-repeat;
	text-align: left;
	min-height: 150px;
	}
* html .promoTop {
	height: 150px;
	}
.promoText {
	margin: 0 18px 0 0px;
	font-size: 8pt;
	width: 120px;
	}
.promoLink {
	margin: 3px 0 0 0;
	color: #00237e;
	font-size: 8pt;
	}
.promoLink a:link, .promoLink a:visited {
	color: #00237e;
	text-decoration:underline;
	}
.promoLink a:hover, .promoLink a:active {
	color: #00237e;
	text-decoration:none;
	}
.promoBottom {
	width: 260px;
	background: url(../images/promo_bottom.gif) bottom no-repeat;
	text-align: center;
	height: 34px;
	font-size: 8pt;
	}
/*.....................................footer*/
.footer {
	height: 48px;
	background: url(../images/bg_footer.gif) repeat-x;
	}
.footerLogoLeft, .footerLogoLong {
	padding-top: 10px;
	width: 20%;
	text-align: center;
	height: 38px;
	}
.footerLogo {
	padding-top: 10px;
	width: 30%;
	text-align: center;
	height: 38px;
	}
.footerLogoRight {
	padding-top: 10px;
	width: 15%;
	text-align: center;
	height: 38px;
	}
.footerLogoLeft {
	float: left;
	background: url(../images/footer_left.gif) no-repeat;
    height: 48px;
	}
.footerLogoRight {
	float: right;
	background: url(../images/footer_right.gif) top right no-repeat;
    height: 48px;
    width: 100px;
	}
.footerLogo {
	float: left;
	text-align: right;
	}
.footerLogoLong {
	float: left;
	width: 35%;
	text-align: left;
	}
/*.....................................Logins*/
/*.....................................Logins*/
.homeLogin {
	position: absolute;
	top: 72px;
	left: 18px;
	height: 173px;
	width: 170px;
	background: url(../images/bg_login.gif) no-repeat;
	font: 7pt Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	color: #00237e;
	text-align: center;
	}
.homeLogin form {
	margin: 5px 4px 0 0;
	}	
.homeLogin a:link, .homeLogin a:visited {
	color: #00237e;
	text-decoration:none;
	}
.homeLogin a:hover, .homeLogin a:active {
	color: #00237e;
	text-decoration:underline;
	}
.backLogin {
	position: absolute;
	top: 72px;
	left: 18px;
	height: 65px;
	width: 168px;
	background: url(../images/bg_loginBack.gif) no-repeat;
	font: 7pt Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	color: #00237e;
	text-align: center;
	}
.backLogin form {
	
	margin: 5px 4px 0 0;
	}	
.backLogin select {
	font: 9pt Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	color: #00237e;
	}




/*--------------------------------------------------------------------------------------------------*/
/*  Edit Content Link Tweaks--------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/

#col11 span.editContent
{
    margin-left: 28px;
    margin-bottom: 10px;
}

div.row10 span.editContent
{
    display: block;
    margin-top: 25px;
    margin-bottom: -25px;
}

/*--------------------------------------------------------------------------------------------------*/



.calctable td, .calctable th{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align:center;
}

.calctable {
border-left: 1px solid #000;
border-top: 1px solid #000;
}
.calctable td.tablesubheader{
	 background-color:#dedede;
     color:#000;
}


table.calc {
	border: 1px dotted #ccc;
	padding-left: 10px;
}

table.calc td {
	text-align: left;
    align: left;
	background-color: #ccc;
	font-size: 11px;
	padding:5px;
}

table.calc td.description {
	background-image: none;
	background-color: #eee;
	width: 130px;
	border-left: 3px solid #ccc;
	text-align: left;
	align: left;
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
}

table.form td.submit {
	background-image: none;
	background-color: #eee;
	border-left: 3px solid #666;
	font-weight: normal;
	padding: 5px;
}

table.form td.required {
	border-left: 3px solid #900;
}


fieldset {
	border: 1px solid #ccc;
	padding: 10px 10px;
	width:420px;
}

legend {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background-image: url(../images/bg-tablehead.gif);
	background-repeat: repeat-x;	
	border: 1px solid #ccc;
	border-bottom-color: #999;
	padding: 3px 6px;
	margin-top: 10px;
}












/*.....................................required elements*/
h2 {
	color: #af8433;
	font-size: 9pt;
	margin: 8px 0 0 0;
	}
h3 {
	color: #00237e;
	margin: 0;
	font-size: 8pt;
	font-weight: bold;
	}

p {margin: 0 0 12px 0;}

/* List styles */

ul, li
{
	margin: 0;
	padding: 0;
}

ul {margin: 12px 0;}

ul li
{
	margin: 0 0 0 30px;
	list-style-type: none;
	list-style-image: url(https://www.royalbanksofmo.com/home/fiFiles/static/images/bullet_ql.gif);
}

ol 
{
    margin: 5px 0 15px 13px;
	list-style-type: decimal;
	list-style-image: url(diFiles/skins/default/images/clearpix.gif);
    background: none;
}

ol li
{
    margin: 0 0 0 30px;
	list-style-type: decimal;
	list-style-image: url(diFiles/skins/default/images/clearpix.gif);
    background: none;
}



.leftColFront {
	float: left;
	width: 184px;
	padding-top: 170px;
	}
.leftColFront ul {
	padding: 0;
	margin: 8px 0 0 18px;
	}
.leftColFront li {
	font-size: 8pt;
	list-style-type: none;
	list-style-image: url(https://www.royalbanksofmo.com/home/fiFiles/static/images/bullet_ql.gif);
	margin: 0 0 5px 27px;
	}
.leftColFront a:link, .leftColFront a:visited {
	color:#19398b;
	text-decoration:underline;
	}
.leftColFront a:hover, .leftColFront a:active {
	color:#19398b;
	text-decoration:none;
	}

/* end list styles */

.appfield1 {border: 1px #084897 solid; width: 114px;}
.appfield2 {border: 1px #bdceee solid; width: 114px;}
	
.required {
	font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F00;
	}
.tableheader{
	font: bold 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #FFF;
	background-color: #084897;
	}
.tablecontent1, .tablecontent2{
	color: #00227A;
  	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	}
.tablecontent2 {background-color: #bdceee;}
	
.Q, .A {
	font-size: 110%;
	font-weight: bold;
	}
.Q {color: #00237e;}
.A {color: #0a5eb6;}

.musicPlayerWrapper {
    float: right;
    margin-right: 32px;
    margin-bottom: 12px;
}

* html .musicPlayerWrapper {
    margin-right: 16px;
}
.grsBanners {
}

.grsBanners div {
	float: right;
	position: relative;
	margin-right: 40px;
	margin-top: 10px;
}

* html .grsBanners div {
	margin-right: 20px;
	margin-top: 10px;
}
