#page-number {
	position: fixed;
	display: block;
	top: 0;
	right: 0;
	width: 150px;
	height: 30px;
	background: transparent url(/images/dot_pattern.gif);
	text-align: center;
	z-index: 10000;
	padding: 20px;
	visibility: hidden;
}

#page-number h1 {
	color: white !important;
}

html * {
	padding: 0px;
	margin: 0px;
}

body {
	background: url('/images/back2.jpg') repeat-x top #5d6266;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #303030;

}

small {
	color: #aaa !important;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	margin-bottom: 10px;
}

h1 {
	color: #949ba1;
	line-height: 1.5em;
	font-size: 1.5em;
}

h2 {
	line-height: 1.2em;
	font-size: 1.3em;
}

h3 {
	line-height: .9em;
	font-size: 1.2em;
}

a:link, a:active, a:visited {
	color: #123a6e;
}

a:hover {
	background-color: #123a6e;
	color: white;
}

p {
	line-height: 1.5em;
	margin: 0 10px 10px 0;
	display: block;
	float: none;
	width: inherit;
}

p:first-letter {
	
}

br {
	float: inherit;
}

ul li ul {
	padding-left: 20px;
}

ul li img {
	float: left;
	margin: 0 15px 15px 0;
}

dl {

}

dt {
	line-height: 1.5em;
	font-weight: bold;	
}

dd {
	padding-bottom: 20px;
	padding-top: 10px;
	margin-left: 10px;

}

a[href $='.pdf'] { 
   padding-right: 35px;
   background: transparent url(/images/icon_pdf.gif) no-repeat center right;
}

a[href $='.pdf']:hover {
	background-color: #123a6e;
	color: white !important;
}

.bulleted-list, .numbered-list {
	margin: 10px 10px 10px 20px;
	line-height: 1.75em;
}

.numbered-list {
	list-style: lower-roman;
}

.not-bulleted-list {
	margin: 10px 10px 10px 20px;
	line-height: 1.75em;
	list-style-type: none;
}

.not-bulleted-list li {
	margin-bottom: 10px;	
}

.no-emphasis {
	color: #CCCCCC;

}

#canvas {
	width: 800px;
	margin: auto;
}

#main-top {
	background: none;
	margin-left: 36px;
}

#static-top {
	background: url(/images/logo.png) top left no-repeat;
	height: 90px;
}

#login-button {
	text-align: center;
	width: 131px;
	height: 31px;
	background: url(/images/login_button.png) no-repeat;
	display: block;
	float: right;
	margin: 24px 0 0 0;
	padding: 15px 0 0 0;
	visibility: hidden;
}

#login-button a {
	color: gray;
	text-decoration: none;
}

#login-button a:hover {
	color: #123a6e;
	background-color: transparent;
}

#main-banner-container {
	background: url(/images/main_banner_back.png) no-repeat top right transparent;
	height: 290px;
	padding: 7px 7px 0 7px;
	font-size: inherit;
}



#main-banner {
	position: relative;
	left: -32px;
	top: 16px;
	width: 782px;
}


#feature-image {
	width: 444px;
	height: 259px;
	display: inline;
	float: left;
	background: transparent url(/images/feature_back.png) center no-repeat;	
}

#feature-image img {
	padding: 16px;
}

#level1-banner-container {
	background: url(/images/main_banner_back.png) no-repeat top right transparent;
	height: 165px;
	padding: 7px 7px 0 7px;
	font-size: inherit;
}

#level1-banner {
	position: relative;
	left: -32px;
	top: 16px;
	width: 782px;
}

#level1-image {
	width: 310px;
	height: 142px;
	display: inline;
	float: left;
	background: transparent url(/images/level1_image_back.png) center no-repeat;
	text-align: center;	
}

#level1-image img {
	padding: 5px;
}

#level1-intro-container {
	margin-top: 5px;
	float: right;
	width: 440px;
	padding-right: 20px;
	overflow: hidden;
	height: 140px;
}

#level1-intro-container h2 {
	padding-left: 20px;
	color: #d0d0d0;
}

.level1-quote {
	background: transparent url(/images/level1_quotes.gif) no-repeat;
	padding: 0px 10px 0 20px;
	line-height: 2em;
	height: 130px;
	display: table-cell;
	vertical-align: middle;
	color: #778;
		font-family: Georgia, Times, "Times New Roman", serif !important;
		font-size: 1.2em;
}

.level1-quote-hulsey {
	background: transparent url(/images/level1-quote-hulsey.jpg) no-repeat center;
	padding: 0px 10px 0 20px;
	line-height: 2em;
	height: 130px;
	color: #778;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	font-size: 1.2em;
	height:130px;
	width: 429px;	

}

.level1-quote-hulsey2 {
	background: transparent url(/images/level1-quote-hulsey2.jpg) no-repeat center;
	padding: 0px 10px 0 20px;
	line-height: 2em;
	height: 130px;
	color: #778;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	font-size: 1.2em;
	height:130px;
	width: 429px;	

}

.level1-quote-hulsey3 {
	background: transparent url(/images/level1-quote-hulsey3.jpg) no-repeat center;
	padding: 0px 10px 0 20px;
	line-height: 2em;
	height: 130px;
	color: #778;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	font-size: 1.2em;
	height:130px;
	width: 429px;	

}

.level1-quote-salk {
	background: transparent url(/images/level1-quote-salk.jpg) no-repeat center;
	padding: 0px 10px 0 20px;
	line-height: 2em;
	height: 130px;
	color: #778;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	font-size: 1.2em;
	height:130px;
	width: 429px;	

}

.hide {
	visibility: hidden;
	display: none;
}

.level1-quote:first-line {
	color: #949BA1;
	font-size: 1.25em;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	line-height: 1.4em;
}

.level1-short-quote {
	color: #949BA1;
	font-size: 1.9em;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	line-height: 1.25em;
	background: transparent url(/images/level1_quotes.gif) no-repeat;
	padding: 0px 10px 0 20px;
	line-height: 2em;
	height: 130px;
	width: 410px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	margin-top:10px;
}

.level1-quote-source {
	padding: 0 15px 10px 0;
	color: #6d89a1 !important;
	font-size: 1.35em;
	text-align: right;
}

#intro-container {
	margin-top: 5px;
	float: right;
	width: 300px;
	padding-right: 20px;
	overflow: hidden;
	height: 268px;
}

#intro-container h1 {
	padding-left: 20px;
}


#level2-top-container {
	background: url(/images/main_banner_back.png) no-repeat top right transparent;
	font-size: inherit;
	padding-top: 7px;
}

.quote {
	background: transparent url(/images/quotes.gif) no-repeat;
	margin-top: 20px;
	padding: 10px 20px;
	line-height: 1.75em;
	color: #778;
	font-size: 1.2em;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	height: 200px;
}

.quote:first-line {
	color: #949BA1;
	font-size: 1.25em;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	line-height: 1.4em;
}

.quote-source {
	padding: 10px 0 10px 0;
	color: #6d89a1;
	font-size: 1.1em;
}

.pretty-quote {
	color: #949BA1;
	font-size: 1.9em;
	font-family: Georgia, Times, "Times New Roman", serif !important;
	line-height: 1.4em;
}

#level2-top-container #main-navigation {
	background: none;
}

#main-container {
	background: transparent url(/images/drop_shadow_back.png) top right;
	margin-left: 36px;
	padding: 0 7px 0 7px;
	min-height: 316px;
	float: left;
	width: 750px;
	display: block;
	
}

#content {
	display: block;
	background: #e9eef2;
	width: 726px;	
	padding: 12px 12px 0 12px;
	min-height: inherit;
	float: left;
}

.traditionaltrust, .traditionaltrust a, .level1-traditionaltrust, .level1-traditionaltrust a, .traditionaltrustselected a {
	text-decoration: none;
	color: #bf080b !important;
}

.retirement, .retirement a, .level1-retirement, .level1-retirement a, .retirementselected  {
	text-decoration: none;
	color: #173881 !important;
}

.brokerage, .brokerage a, .level1 brokerage, .level1 brokerage a, .brokerageselected a {
	text-decoration: none;
	color: #757776 !important;
}

.brokerage a:hover, .retirement a:hover, .traditionaltrust a:hover, .level1-traditionaltrust a:hover, .level1-brokerage a:hover, .level1-retirement a:hover, .traditionaltrustselected a:hover, .brokerageselected a:hover, .retirementselected a:hover {
	background: #123a6e;
	color: white !important;
}

.traditionaltrust .selected, .level1-traditionaltrust .selected, #traditionaltrust .selected, .traditionaltrustselected .selected {
	border-left: 3px solid #bf080b;
	padding-left: 5px;
	color: #bf080b;
}

.brokerage .selected, .level1-brokerage .selected, #brokerage .selected, .brokerageselected .selected {
	border-left: 3px solid #757776;
	padding-left: 5px;
	color: #757776;
}

.retirement .selected, level1-retirement .selected, #retirement .selected, .retirementselected .selected {
	border-left: 3px solid #173881;
	padding-left: 5px;
	color: #173881;
}

.sitemap {
	list-style-type: none;
	line-height: 2em;
	padding: 0 0 10px 0;

}

.sitemap * {
	margin: 0;
	text-indent: 0;
	padding: 0;
}

.sitemap ul {
	border-left: 1px solid #123a6e;
	list-style-type: none;
}

ul.sitemap ul li {
	background: transparent url(/images/horizontal_line.gif) center left no-repeat;
	padding-left: 20px;
//	text-indent: 5px;
	margin-top: 10px;
}

.sitemap ul li ul li {
	background: transparent url(/images/horizontal_line.gif) center left no-repeat;
	padding-left: 20px;
	padding-top: 0;
	margin-top: 0;
}

.sitemap ul li ul {

}

.links {
	list-style-type: none;
	line-height: 2em;
	padding: 0 0 10px 0;
}	

.links-horizontal {
	list-style-type: none;
	padding: 5px 0;
	float: left;
}

ul.links-horizontal li, ul.links-horizontal li a {
display: inline;
	margin-left: 5px;

}

ul.links-horizontal li p {
	
}

.home h1.traditionaltrust {
	padding-top: 60px;
	background: url(/images/traditionaltrust_header_image.jpg) no-repeat top center;

}

.home h1.retirement {
	padding-top: 6px;
	/*background: url(/images/retirement_header_image.jpg) no-repeat top center;*/

}

.home h1.brokerage {
	padding-top: 60px;
	background: url(/images/brokerage_header_image.jpg) no-repeat top center;

}

.level1 h1.traditionaltrustselected {
	padding-top: 115px;
	background: url(/images/traditionaltrust_level1_subnav_header.jpg) no-repeat top center;
	padding-bottom: 10px;
}

.level1 h1.brokerageselected {
	padding-top: 115px;
	background: url(/images/brokerage_level1_subnav_header.jpg) no-repeat top center;
	padding-bottom: 10px;
}

.level1 h1.retirementselected {
	padding-top: 115px;
	background: url(/images/retirement_level1_subnav_header.jpg) no-repeat top center;
	padding-bottom: 10px;
}


#left-column {
	background: white;
	width: 202px;
	min-height: 400px;
	display: block;
	float: left;
	margin-right: 12px;
	padding: 16px;

}

#middle-column {
	background: white;
	width: 202px;
	min-height: 400px;
	display: block;
	float: left;
	padding: 16px;
	padding-top: 8px;	
}

#right-column {
	background: white;
	width: 202px;
	min-height: 400px;
	display: block;
	float: right;
	padding: 16px;
}

#double-right-column {
	background: white;
	width: 448px;
	min-height: 288px;
	display: block;
 	top: 0;
	padding: 16px;
	float: left;
}

#single-column {

}

#left-column.level1, #middle-column.level1, #right-column.level1, #double-right-column.level1 {
	min-height: 450px;

}

#left-column.level2, #middle-column.level2, #right-column.level2, #double-right-column.level2 {
	min-height: 450px;

}

#footer {
	margin-left: 36px;
	background: url(/images/footer_back.png) no-repeat bottom left transparent;
	float: left;
	width: 764px;
	height: 20px;
}

#page-notes {
	width: 750px;
	height: 40px;
	margin-top: 10px;
	margin-left: 43px;
	padding: 0;
	font-size: .9em;
	text-align: center;
	float: left;

}

#page-notes-content {

}

#page-notes div a {
	text-decoration: none;
	color: #303030 !important;
}

#page-notes div a:hover {
	background: #123a6e;
	color: #5d6266 !important;
}

#page-notes div a img {
	border: none;
	float: left;

}

.blue-gradient-background {
	background: transparent url(/images/blue_gradient_back.gif) repeat-x top left;
}

.single-info-box {
	display: block;
	background: transparent url(/images/blue_gradient_back.gif) repeat-x top left;
	width: 172px;
	padding: 20px;
	min-height: 150px;
	float: inherit;
}

.single-info-box-right {
	display: block;
	background: transparent url(/images/blue_gradient_back.gif) repeat-x top left;
	width: 176px;
	padding: 20px;
	min-height: 150px;
	float: right;
	margin-left: 10px;
}

.single-info-box-left {
	display: block;
	background: transparent url(/images/blue_gradient_back.gif) repeat-x top left;
	width: 176px;
	padding: 20px;
	min-height: 150px;
	float: left;
}

.double-info-box {
	display: block;
	background: transparent url(/images/blue_gradient_back.gif) repeat-x top left;
	width: 407px;
	padding: 20px;
	min-height: 150px;
	float: left;
}

.profile-info-box {
	display: block;
	background: transparent url(/images/blue_gradient_back.gif) repeat-x top left;
	width: 407px;
	padding: 20px;
	min-height: 150px;
	float: left;
	margin-top: 20px;
}

.profile {
	float: left;
	width: 270px;	
}

.bio {
	float: left;
	width: 380px;
}

.profile-info-box img {
	float: left;
	margin: 0 20px 20px 0; 
}

.profile-info-box h2, .profile-info-box h3, .bio h2, .bio h3  {
	line-height: 1.5em;
	color: #123a6e !important;
}

.profile-info-box h3 {
	font-size: 11px;
}

.contact-info-box-right {
	display: block;
	background: transparent url(/images/blue_gradient_back.gif) repeat-x top left;
	width: 176px;
	padding: 20px;
	min-height: 150px;
	float: right;
	margin-left: 20px;	
}

.contact-info-box-right h1, .contact-info-box-right h2, .contact-info-box-right h3 {
	line-height: 1.5em;
	color: #123a6e !important;
}

.single-info-box *, .single-info-box-left *, .single-info-box-right *, .double-info-box *, #quickjump *, .single-blue-box *, bio *, .contact-info-box-right * {
	color: #6d89a1 !important;	
}

.single-info-box h1, .single-info-box-left h1, .single-info-box-right h1, .double-info-box h1,
.single-info-box h2, .single-info-box-left h2, .single-info-box-right h2, .double-info-box h2,
.single-info-box h3, .single-info-box-left h3, .single-info-box-right h3, .double-info-box h3,
#quickjump h1, #quickjump h2, #quickjump h3,
.single-blue-box h1,  .single-blue-box h2, .single-blue-box h3 {
	color: #85a2bb !important;	
}

.single-info-box hr.single-line-hr, .single-info-box-left hr.single-line-hr, .single-info-box-right hr.single-line-hr, .double-info-box hr.single-line-hr {
	border-bottom: 1px solid #bbcbd3 !important;
}

.horizontal-spacer {
	float: inherit;
	width: 16px;
	height: 100px;
}

.single-line-hr {
	height: 1px;
	padding: 0;
	margin: 0;
	border: none;
	border-bottom: 1px solid #ababab;
	margin: 10px 0 10px 0;
}

.sidebar {
	float: right;
	width: 217px;
	margin: 0 0 20px 20px;
	overflow: hidden;
	min-height: auto;
	display: block;
	margin-left: 20px !important;
	background-color: white;
	padding: 0;
}

.sidebar-content {
	padding: 20px;
	margin: 10px;
}

#contact-form {
width: 200px;
display: inline;
float: left;
}

#contact-form textarea, #contact-form select, #contact-form input {
	width: 180px;
	height: auto;
}

.clear {
	clear: both;
	float: inherit;	
}

#quickjump {
	display: block;
	background-color: #f0f4f7; 
	width: 407px;
	padding: 20px;
	min-height: 50px;
	float: inherit;
	margin: 0 0 20px 0;
}

.single-blue-box {
	display: block;
	background-color: #f0f4f7;
	width: 172px;
	padding: 20px;
	min-height: 50px;
	float: inherit;
}

.quickjump-list {
	margin: 0 0 0 17px;
	line-height: 1.5em;
	color: #bbcbd3 !important;
}

.return-to-top {
	clear: both;
	background-color:  #f0f4f7;
	float: inherit;
	width: 99%;
	
}

.return-to-top a {
	color: #6d89a1 !important;
	width: 99%;
	display: block;
	padding: 5px 7px 5px 7px;
	font-size: .9em;
	background: #f0f4f7 url(/images/up.gif) no-repeat center right;
}

.return-to-top a:hover {
	background: none;
	background-color: #123a6e;
}

#email-form {
	color: #bbcbd3 !important;
	font-size: 1.1em;
	text-transform: uppercase;
	width: 226px;
}

#email-form p  {
	margin: 20px 0 5px 0;
}

#email-form select * {
	text-transform: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	width: 180px;
}

#email-form input, #email-form textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	padding: 5px;
	border: 1px solid #123a6e;
} 

#email-form input#go {
	margin: 10px 0 0 0;
	background-color: #25a7b3;
	border: none;

	border: 1px solid #123a6e;
}

.superscript {
	font-size: .6em;
	vertical-align: super;
}

#legal-info {
	font-size: 0.82em;
	color: #6d89a1 !important;
	/*border-color:#999999;
	border-style:solid;
	border-width:1px;*/
}

/* HORIZONTAL FREESTYLE MENU LAYOUT */

#main-navigation {
	padding: 0 7px 0 7px;
	background: transparent url(/images/drop_shadow_back.png) top left repeat-y;
	width: 750px;
	height: 23px;
	display: block;
	clear: both;
}

#navigation-container {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #123a6e;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 color: white !important;

}


/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 0.6em; margin-top: 15px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 200px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background: #123a6e;
 border: none;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 5px 5px 5px 5px;
 color: white !important;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #123a6e !important;
 background-color:  #f0f4f7 !important;
}
.menulist a.highlighted {
 color: #123a6e !important;
 background-color: #f0f4f7 !important;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

/* End Hacks */