﻿body.home
{
	margin:0;
	background:white url('images/bgrndHome.jpg') no-repeat;
}

body.homeSub
{
	margin:0;
	background:white url('images/bgrndHomeSub.jpg') no-repeat;
}

body.personal
{
	margin:0;
	background:white url('images/bgrndPersonal.jpg') no-repeat;
}

body.personalSub
{
	margin:0;
	background:white url('images/bgrndPersonalSub.jpg') no-repeat;
}

body.business
{
	margin:0;
	background:white url('images/bgrndBusiness.jpg') no-repeat;
}

body.businessSub
{
	margin:0;
	background:white url('images/bgrndBusinessSub.jpg') no-repeat;
}

body.invest
{
	margin:0;
	background:white url('images/bgrndInvest.jpg') no-repeat;
}

body.investSub
{
	margin:0;
	background:white url('images/bgrndInvestSub.jpg') no-repeat;
}

body.other
{
	margin:0;
	background:white url('images/bgrndOther.jpg') no-repeat;
}

body.otherSub
{
	margin:0;
	background: white url('images/bgrndOtherSub.jpg') no-repeat;
}

body.otherSub2
{
	margin:0;
	background: white url('images/bgrndOtherSub.jpg') no-repeat;
}

body.miniHome
{
	margin:0;
	background: white url('images/miniHome.jpg') no-repeat;
}

body.miniHomeBlue
{
	margin:0;
	background: white url('images/miniHome_blue.jpg') no-repeat;
}

body.miniHome #header, body.miniHomeBlue #header
{
	height:220px;
	display:block;
	
}

body.miniHome #headContent, body.miniHomeBlue #headContent
{
	float:right;
	width:670px;
	height:190px;}


body.miniHome #nav a, body.miniHome #nav a , body.miniHomeBlue #nav a, body.miniHomeBlue #nav a 
{
	color:#fff !important;
}


body.miniHome #tagLine, body.miniHome #date, body.miniHomeBlue #tagLine, body.miniHomeBlue #date

{
	text-align:center;
	float:left;
	width:400px;
}

body.mini
{
	margin:0;
	background:white url('images/mini.jpg') no-repeat;
}


/* shell */

#shell
{
	width:995px;
}

/* header */

body.home #header, body.personal #header, body.business #header, body.invest #header, body.other #header
{
	height:220px;
}

body.homeSub #header, body.personalSub #header, body.businessSub #header, body.investSub #header, body.otherSub #header, body.otherSub2 #header
{
	height:135px;
}

#headContent
{
	float:left;
	text-align:center;
	width:640px;
	padding-top:20px;
}

#date
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#721918;
	font-weight:bold;
}

#tagLine
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#002350;
	font-weight:bold;
}

#headImg {text-align:right;}
body.mini #headImg {padding-left:150px;}
body.miniHome #headImg {text-align:left;}
body.miniHomeBlue #headImg {text-align:left;}

.logo
{
	border-width: 0px;
	float:left;
	margin:40px 0 0 45px;/* Firefox */
	/*_margin:30px 0 0 45px; ie6 only */
	/**margin:45px 0 0 45px; ie7 only */
}

/* top navigation bar */

#topNav
{
	background-color:#00447B;
	width:740px;
	padding-left:20px;
	height:30px;
	float:right;
}


/* styles for top nav links and drop downs */

#nav, #nav ul 
{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:center;
	line-height:30px;
}

#nav a 
{
	color:#A7A9C6;
	display: block;
	padding:0 20px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

#nav a:hover
{
	color:white;
	text-decoration:none;
}

#nav li 
{ /* all list items */
	float: left;
	/*width: 100px;  width needed or else Opera goes nuts */
}

#nav li ul 
{ /* second-level lists */
	position: absolute;
	background-color:#00447B;
	padding:2px;
	width:155px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:left;
	line-height:15px;
}

#nav li ul a
{
	color:white;
	display: block;
	width:149px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	padding:3px;
}

#nav li ul a:hover
{
	background-color:#891C02;
	color:white;
}

/* personal nav DD style */
#nav li.personalNav a
{
	background-color:#EB7432;
}

/* business nav DD style */
#nav li.businessNav a
{
	background-color:#DD352C;
}

/* investment nav DD style */
#nav li.investNav a
{
	background-color:#8A449A;
}

 /* third-and-above-level lists */
#nav li ul ul 
{
	margin: -21px 0 0 154px;
}

#nav li ul ul a
{
	background-color:#891C02;
	color:white;
}

#nav li ul ul a:hover
{
	background-color:#00447B;
	color:white;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
	left: -999em;
	display: block;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ /* lists nested under hovered list items */
	left: auto;
	display: block;
}

/* arrow for sub-levels on DD */
.arrow
{
	background:url('images/arrow.gif') no-repeat right center;
}


/* floating left side box */
#leftBox
{
	position:absolute;
	top:150px;
	left:45px;
	width:100px;
}

#leftBox a:link, #leftBox a:visited, #leftBox a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CBCCDE;
	font-weight:bold;
	text-decoration:none;
}

#leftBox a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}


#leftBox p
{
	line-height:10px;
	margin:10px 0 10px 0;
}

/* clear float on top Nav */
#clear1
{
	clear:right; height:15px;
}

/* content area */
#content
{
	float:right;
	width:550px;
	min-height:440px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00447B;
	border-right:1px #00457C solid;
}

#content table, #content td 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00447B;
}

body.otherSub2 #content
{
	float:right;
	width:650px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00447B;
	border-right:0px #00457C solid;
}

body.otherSub2 #rightBox
{
	display:none;
}

#content a:link, #content a:visited
{
	color:#891C02;
}

#content p
{
	line-height:18px;
	margin:13px 0 13px 0;
}

#content li
{
	margin-bottom:10px;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#00447B;
	font-weight:bold;
	font-style:italic;
	margin-top:0;
}

body.home #content h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#00447B;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0;
}

body.personal #content h1, body.personalSub #content h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#EB7432;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0;
}

body.business #content h1, body.businessSub #content h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#DD352C;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0;
}

body.invest #content h1, body.investSub #content h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#8A449A;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0;
}

body.other #content h1, body.otherSub #content h1, body.otherSub2 #content h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#B2B6BE;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0;
}

body.miniHome #content h1, body.mini #content h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#00447B;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	margin:0;
}
body.miniHome #content h2, body.mini #content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	margin:0;
}
body.miniHome #content p, body.mini #content p {
	color:#334b5e;
}

body.miniHome #content .colsHome, body.mini #content .colsHome {
	float:left;
	width:250px;
	color:#000;
	margin:10px 15px 0 0;
	
}
body.miniHome #content .colsHome h1, body.mini #content .colsHome h1 {
	font-size:22px;
	color:#00447B;
	text-transform:none;
	font-weight:bold;
	
}
body.miniHome #content .colsHome p, body.mini #content .colsHome p {
	color:#000;
	
}



/* right box */
#rightBox
{
	float:right;
	width:180px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00447B;
}

#innerBox
{
	margin:0 auto;
	width:160px;
	/*min-height:300px;*/
}

#innerNav
{
	margin:0 auto;
	width:160px;
	min-height:300px;
}

#innerNav a:link, #innerNav a:visited, #innerNav a:active
{
	color:#00447B;
	text-decoration:none;
	font-weight:bold;
}

#innerNav a:hover
{
	color:#3e87c2;
	text-decoration:none;
	font-weight:bold;
}

#loginBox
{
	margin:0 auto;
	background-color:#00447B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	text-align:center;
	width:80px;
	height:30px;
	line-height:10px;
}

#loginBox a:link, #loginBox a:visited
{
	color:white;
}

.listPersonal, .listBusiness, .listInvest, .listAbout, .listMini
{
	list-style:none;
	margin:25px 5px 5px 5px;
	padding:0;
	font-size:12px;
}

.listPersonal li
{
	background:url('images/orangeBullett.gif') no-repeat 0 3px;
	padding-left:20px;
	line-height:15px;
	margin-bottom:12px;
}

.listBusiness li
{
	background:url('images/redBullet.gif') no-repeat 0 3px;
	padding-left:20px;
	line-height:15px;
	margin-bottom:12px;
}

.listInvest li
{
	background:url('images/purpleBullet.gif') no-repeat 0 3px;
	padding-left:20px;
	line-height:15px;
	margin-bottom:12px;
}

li.shirtButton
{
	background:url('images/specialShirtBtn.gif') no-repeat 0 3px;
	padding-left:20px;
	line-height:15px;
	margin-bottom:12px;
}

.listAbout li
{
	background:url('images/grayBullett.gif') no-repeat 0 3px;
	padding-left:20px;
	line-height:15px;
	margin-bottom:12px;
}

.listMini li
{
	background:url('images/bullettMini.gif') no-repeat 0 3px;
	padding-left:20px;
	line-height:15px;
	margin-bottom:12px;
}


body.miniHome #DL, body.mini #DL
{
	height:50px;
}

#DL
{
	margin:0 auto;
	background-color:#AABDCB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	height:136px; 
	width:140px;
}

#DL a:link, #DL a:visited
{
	color:#721918;
}

#homeBox
{
	background:url('images/rightBoxBgrnd.jpg') no-repeat;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	text-align:left;
}

#homeBox p
{
	margin:3px 0 3px 0;
	line-height:13px;
}

#homeBox a:link, #homeBox a:visited, #homeBox a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	text-decoration:none;
}

#homeBox a:hover
{
	border-bottom:1px white dotted;
}

/* footer */

#footer
{
	clear:both;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00447B;
	margin:20px 0 20px 0;
}

#footer a:link, #footer a:visited, #footer a:active
{
	color:#00447B;
	text-decoration:none
}

#footer a:hover
{
	color:#00447B;
	text-decoration:underline
}

/* PNG fix code */

img, div { _behavior: url(iepngfix.htc) }

/* float image style used on various pages */
.floatPic
{
	float: left; position:relative; left:-50px;
}

/* style for table with thin border */
table.thinTable
{
	border:1px #00457c solid;
	border-collapse:collapse;
}

table.thinTable td
{
	border:1px #00457c solid;
	border-collapse:collapse;
	padding:4px;
}

/* Mini Site - Title Image */
.miniTitle
{
	margin-left:35px;
}
