/* GENERAL STYLES */
/* Lerrink Swan Screen CSS */
@import "LS_Reset.css"; 

/* Global styles */
body { font-family: helvetica; padding-bottom: 20px; }
body.home h2 { margin: 30px 0 0 340px; font-weight: bold; }
h2 { color: #fbb034; font-size: 20px; margin: 30px 0 0 30px; font-weight: normal; letter-spacing: 1px; }
h3 { color: #5191CD; font-size: .75em; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2em; }
h4 { color: #5191CD; font-size: .75em; margin-bottom: 5px; } /* 12px font-size */
h4.bioSection { color: #000; font-size: .875em; margin-bottom: 30px; font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
iframe { margin: 10px 0; }

/* structure divs */
#container { width: 940px; margin: 0 auto; border-left: 1px solid #d0d2d4;  border-right: 1px solid #d0d2d4; padding: 0 10px; }
	#nav { width: 940px; height: 199px; }
	#leftContent { float: left; width: 300px; margin: 25px 0 0 0; }
	#rightContent { float: left; width: 560px; margin: 30px 40px 50px 40px; }
		div.bio { clear: both; }
			div.bioText { float: right; width: 360px; text-align: justify; padding-bottom: 50px; }
			div.bioTextWide { float: left; text-align: justify; padding-bottom: 10px; }
	#login { margin: 25px 0 0 30px; }
		div.loginBox { width: 200px; height: 40px; padding: 20px; float: left; border: 1px solid #d0d2d4; margin:  0 20px 20px 0; }

/* nav drop dopwns */
#nav ul { float: right; margin: 0 7px 0 0; padding: 0; font-size: 0.875em; } /* 14px font-size */
#nav ul li { float: left; padding: 0 9px 0 0; position: relative; list-style: none; }
#nav ul ul { visibility: hidden; position: absolute; top: 35px; left: 8px; height: 164px; 
	background: transparent url(/images/bg.png); width: 137px; }
#nav ul ul li { float: none; }

#nav a { display: block; text-decoration: none; color: #fff; padding: 0 9px; height: 37px; line-height: 37px; }
#nav ul li.current a { color: #fbb034; }
#nav ul li.current ul a { color: white; }
#nav ul ul a { height: auto; line-height: 11px; padding: 5px 1px 5px; }
#nav a:hover, #nav ul ul a:hover, #nav ul li.current ul li a:hover { color: #fbb034; }

#nav ul li:hover ul, #nav ul a:hover ul { visibility: visible; }
#nav table { position: absolute; top: 0; left: 0; border-collapse: collapse; }

/* sub nav */
ul.subNav { margin: 0 0 15px 30px; list-style: none; font-size: 0.75em; } /* 12px font-size */
ul.subNav li { padding-left: 0; margin-bottom: 4px; }
ul.subNav li a, ul.subNav li.current ul li a { color: #231f20; text-decoration: none; }
ul.subNav li a:hover, ul.subNav li.current li a:hover, ul.subNav li.current a, ul.subNav li.current ul li.current a { color: #fbb034; }
ul.subNav ul { list-style: none; margin: 0 0 0 30px; }
ul.subNav ul li a { font-size: 1em; } /* 12px font-size */

/* all other lists */
body.home ul { font-size: 0.875em; } /* 14px font-size */
ul { margin: 0 0 20px 15px; list-style: disc; font-size: 0.75em; } /* 12px font-size */
ol { margin: 0 0 20px 25px; list-style: decimal; font-size: 0.75em; } /* 12px font-size */
ul ul { list-style: circle; font-size: 1em; } /* 12px font-size */
li { padding-left: 15px; line-height: 20px; }
h4 + ul { margin-top: 20px; }

/* paragraphs */
body.home p { margin: 0 0 20px; color: #231f20; line-height: 20px; font-size: 0.875em; } /* 14px font-size */
p { margin: 0 0 20px; color: #231f20; line-height: 20px; font-size: 0.75em; } /* 12px font-size */
#footer p { clear: both; color: #999; padding: 5px 0 3px 340px; border-top: 1px solid #d0d2d4; 
	border-bottom: 1px solid #d0d2d4; font-size: .625em; } /* 10px font-size */

/* links (non-dropdown) */
a { color: #666; text-decoration: underline; } 
a:hover { color: #560C70; text-decoration: none; }
#footer a { color: #999; text-decoration: underline; padding-left: 10px; }
#footer a:hover { color: #231f20; text-decoration: none; }

/* images */
div.bio img { float: left; }
a.logo { position: absolute; top: 25px; margin-left: 20px; }

/* header images */
body.home #nav { background: url(/images/headers/homepage.jpg) no-repeat; }
body.about #nav { background: url(/images/headers/about-us.jpg) no-repeat; }
	body.boardOfDirectors #nav { background: url(/images/headers/board-of-directors.jpg) no-repeat; }
body.services #nav { background: url(/images/headers/services-overview.jpg) no-repeat; }
	body.investmentBanking #nav { background: url(/images/headers/investment-banking.jpg) no-repeat; }
	body.institutionalSalesTrading #nav { background: url(/images/headers/institutional-sales-trading.jpg) no-repeat; }
	body.equityResearch #nav { background: url(/images/headers/equity-research.jpg) no-repeat; }
	body.strategicAdvisors #nav { background: url(/images/headers/strategic-advisors.jpg) no-repeat; }
	body.privateClientServices #nav { background: url(/images/headers/private-client-services.jpg) no-repeat; }
body.medacorp #nav { background: url(/images/headers/medacorp.jpg) no-repeat; }
body.newsEvents #nav { background: url(/images/headers/news-events.jpg) no-repeat; }
body.careers #nav { background: url(/images/headers/careers.jpg) no-repeat; }
body.contact #nav { background: url(/images/headers/contact.jpg) no-repeat; }
body.login #nav { background: url(/images/headers/login.jpg) no-repeat; }
body.investmentProtection #nav { background: url(/images/headers/investment-protection.jpg) no-repeat; }

/* tables */
#rightContent table { font-size: 0.75em; border: 1px solid #d0d2d4; margin-bottom: 50px; border-collapse: collapse; }
#rightContent table table { margin-top: 10px; border-collapse: collapse; width: 220px; }
#rightContent table p { font-size: 1em; margin: 10px 0 0; }
#rightContent table table, #rightContent table table td { font-size: 1em; border: none; padding-left: 0; padding-top: 0; }
#rightContent caption { display: none; }
#rightContent th, #rightContent td.title { font-weight: bold; }
#rightContent td.title { padding-right: 50px; }
#rightContent th, #rightContent td { padding: 5px; border-left: 1px solid #d0d2d4; } 
#rightContent td { border-top: 1px solid #d0d2d4; padding: 20px; }
#rightContent table.recent-transactions td { padding: 5px; }
#rightContent tr.top td { border-top: none; }
#rightContent tr td:first-child, #rightContent tr th:first-child { border-left: none; }
col.firstCol { width: 400px; }
col.secondCol { width: 170px; }

/* EDITOR PROPERTIES */