/**
 * Screen styles for the SMA web site
 */
body { 
	margin: 0;
	padding: 0; 
	background: #fff;
}


/** ***********************************************************************
 * Typography
 */

body, p, caption { 
	font: 12pt/14.5pt Arial, Helvetica, san-serif; 
}
p { margin: 0 0 1em 0; padding: 0; }
sub, sup { line-height: 0; margin: 0; }
p.em {	font-size: 13pt; line-height: 16pt; }
table.literature p { margin-bottom: 0; }

#about strong, #investment strong { color: #004d46; }

table.literature p { margin-bottom: 0; }
table.literature em { display: block; margin-top: 1em; }

/* Remove top margin on the first of an element so as not to increase space 
between the banner and the first bit of content. Typically applied to headings */
.first { margin-top: 0 !important; }

/* Headings */
h1, h2, h3, h4 { 
	color: #004d46; 
	font-family: Arial, Helvetica, san-serif;
	margin: 0;
	padding: 0;
}
h1.home, .companyhistory h1, #lcv h1, #ac h1 { font-size: 16pt; margin-bottom: .8em; color: #000; }
h1, #main h1.title { font-size: 12pt; line-height: 14.5pt; }
h2 { font-size: 12pt; line-height: 14.5pt; }
h3 { font-size: 11pt; line-height: 12pt; }
h4 { font-size: 10pt; line-height: 11pt; }

/* Hide professional bio headings */
.probios h2 { display: none; }

h1.title, h2.title { margin-bottom: 1em; }

/* Headings above bulleted lists */
.invcompany h2, .lcvportadditions h2, .acportadditions h2 { margin: .6em 0 .3em 0; }

/* Section heading colors */
#default h1, #default h2, #default h3, #default h4 { color: #004d46; }
#lcv h2, #lcv h3, #lcv h4, .portmanager strong { color: #002f5f; }
#ac h2, #ac h3, #ac h4 { color: #662046; }

.lcvportadditions #main h2, .acperfreturns #main h2, .acportadditions #main h2, table.literature th { 
	font: bold 12pt/14.5pt Arial, Helvetica, san-serif;
	text-align: left !important; 
	background: #A29061; 
	padding: .2em .6em; 
	color: #fff;
}

.pullquote {
  clear: both;
  margin-bottom: 3em;
  zoom: 1;
}
.pullquote em {
  display: block;
  font-weight: bold;
  line-height: 1.6em;
  padding: 2em;
  width: 200px;
}
.pullquote:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#lcv .pullquote {
  color: #002F5F;
}

/* Portfolio manager box at the top of a few pages */
.portmanager { font-family: Arial, Helvetica, san-serif; padding-right: 5em; }

#footnote { margin-top: 4em; }
#footnote, #footnote p, #footnote h2, .footnote, .footnote p, .footnote h2, #main code {
	font: 8.5pt/10pt Arial, Helvetica, san-serif;
	clear: both;
	color: #000;
}
#footnote h2, .footnote h2 { font-weight: bold; }
#main #footnote ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main #footnote li {
	margin: 0 0 .5em 0;
	padding: 0;
	background-image: none;
}

p.bottom-border {
	padding-bottom: 1em;
	border-bottom: 3px solid #886E4D;
}

.contact {
	margin: 30px 0px 30px 30px;
	border: 0px solid #900;
}
.contact .territory, .contact .phone, .contact .position {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
.contact .position {
	margin-top: 20px;
	color: #3a635d;
}
.contact .name {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.figcaption { font-size: 10pt; line-height: 11pt; font-style: oblique; }

/* General alignment: can be used with any tag (p, td, div, etc) */
.left { text-align: left !important; }
.center { text-align: centered !important; }

hr { border: 1px solid #A29061; }



/**
 * Miscellaneous
 */
/* Used on the investment process page, places an arrow at the bottom of <p>'s */
p.arrow { padding-bottom: 30px; background: url(../images/arrow-down.gif) no-repeat bottom center; }


/** ***********************************************************************
 * Layout
 */
#main {
	width: 825px;
	margin: 0 0 0 160px;
	padding: 1.2em 0 0 0;
	overflow: visible;
}

#contacts {
	border: none;
	float: right;
	margin: 10px;
}

#manteam { float: right; margin: 0 0 1em 1em; }

.download {
	margin: .6em 0 1em 1em;
	float: right;
}
.download a { margin-left: .4em; }

.bio {
	float: none;
	clear: both;
}
.bio img {
    margin: 0 10px 1.5em 0;
    float: left;
}
.floatleft {
	float: left;
	margin-right: 2em;
}

.right {
	float: right;
	margin: 1em 0 1em 1em;
}


/** ***********************************************************************
 * Banners
 */
#banner {
	height: 136px;
	width: 100%;
	background: #004d46 url(../images/logo-sma.gif) no-repeat 0 0;
}
#bannertitle {
	margin: 30px 0 0 160px;
}
#ac #banner {
	background-color: #662046;
}
#lcv #banner {
	background-color: #002f5f;
}
#bannerlinks #homelogo { 
	position: absolute;
	display: block;
	width: 136px;
	height: 136px;
	border: none;
	left: 0;
	top: 0;
	text-decoration: none;
}
#bannerlinks #home { 
	position: absolute;
	left: 957px;
	top: 105px;
	color: #fff;
}


/** ***********************************************************************
 * Links, Menus, Buttons
 */

a { color: #004d46; }
a:visited { color: #004d46; }

a img { border: none; }

#bannerlinks a { 
	font: 11pt/13pt 'Arial Narrow', Arial, Helvetica, san-serif; 
	color: #fff; 
	text-decoration: none;
}
#bannerlinks a:hover { text-decoration: underline; }

#editmenu {
	font: bold 12px Arial, Helvetica, san-serif;
	position: absolute;
	top: 10px; 
	right: 20px; 
	z-index: 2;
	border: 2px solid #fff;
	padding: 10px;
	width: auto;
	color: #fff;
}
#editmenu a { display: block; color: #fff; text-decoration: none; padding: 0; }

a.lcvliterature, a.acliterature { text-transform: uppercase; }


/** ***********************************************************************
 * Forms 
 */
/* See css/forms/css

/** ***********************************************************************
 * Lists
 */
ul {
	list-style-image: url(../images/bullet.gif);
	margin: 0;
	padding: .6em 0 !important;
}
ul li {
	margin: 0 0 .6em 1em;
	padding: 0;
}

#lcv ul { list-style-image: url(../images/bullet-largecap.gif); }
#ac ul { list-style-image: url(../images/bullet-allcap.gif); }

ol li {
	background: none;
	margin-left: 0;
	padding-left: 0;
}
li ol {
	margin: 1em 0 0 25px;
	padding-left: 0;
}


/** ***********************************************************************
 * Tables
 */
table { 
	width: 100%; 
	margin-bottom: 1.5em; 
	border: none;
	font: 9pt/10pt Arial, Helvetica, san-serif;
}
th, td {
	border: none;
	vertical-align: top;
}
caption { 
	text-align: center; 
	font-weight: bold; 
	color: #fff;
	background: #a29061;
	padding: .4em;
}
caption sup { line-height: 0; margin-top: 0; }
table.centered td { text-align: center; }
td.indent1 { padding-left: 3em; }

/* Table's with bottom borders on rows */
table.bottom-border { 
	width: 70%;
}
table.bottom-border th { 
	padding: 1em 3em .7em 24px; 
	color: #fff; 
	background: #a29061;
}
table.bottom-border td { 
	padding: .6em 3em; 
	border-bottom: 1px solid #a29061;
}
.lcvportholdings .bottom-border th, .lcvportholdings .bottom-border td, 
.acportholdings .bottom-border th, .acportholdings .bottom-border td { 
	padding-left: 24px !important;
}
.lcvperfannual table.bottom-border th.left { 
	background: #a29061; 
	color: #fff; 
	font-weight: bold !important;
}
.lcvperfannual table.bottom-border td, .lcvperfannual table.bottom-border th { 
	background: #fff;
	color: #000;
	border-bottom: 1px solid #a29061;
	font-weight: normal;
}
.lcvperfannual table.bottom-border th { 
	text-align: left; 
	white-space: nowrap; 
}
.lcvperfannual table.bottom-border td { 
	text-align: right; 
	padding-right: 12em;
}

table.twocol th, table.twocol td { 
	font: normal 9pt 'Arial Narrow', Arial, Helvetica, san-serif !important;
}
table.twocol tr.bottom-border td, table.twocol tr.bottom-border th { 
	vertical-align: bottom; 
	border-bottom: 1px solid #000;
}
table.twocol td, table.twocol th { 
	font-weight: normal; 
	text-align: left; 
	vertical-align: top;
}
table.twocol td { 
	text-align: center;
	padding: 0 .5em;
}


/* Data tables */
table.data { width: 80%; }
table.data { padding: 1em; background: #e6d8cb; }
table.data td, table.data th { text-align: right; }

/* Fund Performance tables */
table.performance { width: 100% !important; margin: 0; padding: 1em; background: #e6d8cb; }
table.performance td { padding: .6em 17% .6em 0; text-align: right; }
table.performance th, table.performance td { text-align: center; white-space: nowrap; overflow: visible; }

/* Fund Characterics tables */
table.characteristics { 
	width: 98.5%; 
	margin: 0 0 1em 0; 
	padding: 1em 0; 
	background: #e6d8cb; 
	clear: both;
}
table.characteristics, table.characteristics caption { margin-right: 6px; }
table.characteristics th, table.characteristics td { 
	font: normal 9pt/10pt Arial, Helvetica, san-serif;
	margin: 0; padding: .2em;
	vertical-align: top;
}
table.characteristics th { text-align: left; font-weight: normal; }
table.characteristics td { text-align: right; white-space: nowrap; }
div.sidebyside { float: none; clear: both; }
div.sidebyside table.characteristics {
	float: left;
	clear: none;
	width: 49%;
	margin-bottom: 1em;
	padding: 1em 3em;
}
div.sidebyside table.characteristics th.center { text-align: right; }
table.characteristics td.sidebyside {
	width: 50%;
	margin: 0;
	padding: 0 3em;
	vertical-align: top;
}
table.characteristics td.sidebyside table {
	width: 100%;
	margin: 0;
	padding: 0;
}
div.sidebyside table.portman th {
	text-align: left;
	padding-left: 85px;
}


/* Quadrant tables */
table.quadrants { width: 190px; }
table.quadrants th {
	color: #ab8422;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
table.quadrants td { width: 60px; height: 40px; border: 1px solid #ab8422; }
#lcv table.quadrants td.fill { background-color: #002f5f; }
#ac table.quadrants td.fill { background-color: #662046; }


/* Literature  */
table.literature { margin-top: 1em; }
table.literature th { 
	text-align: center; 
	font-weight: bold; 
	background: #A29061;
	padding: .4em;
	color: #fff;
}
table.literature td, table.literature td p { font-size: 12pt; line-height:14.5pt; }
table.literature td { padding: 1em 0; border-bottom: 2px solid #A29061; } 
table.literature td.buttons { white-space: nowrap; padding-left: 1em; }
#lcv table.literature strong { color: #002F5F; }
#ac table.literature strong { color: #662046; }

/* Admin section lists */
table.list th, table.list td { padding: .5em; }
table.list th { text-align: left; border: 1px solid #fff; border-top: none; }

table caption, th {
	font: bold 12pt/14.5pt Arial, Helvetica, san-serif !important;
	padding-top: .3em !important;
	padding-bottom: .2em !important;
}

.lcvportcharacteristics th, .acportcharacteristics th,
.lcvperfannual th { font-size: 9pt !important; font-weight: normal !important; }
.lcvperfannual th.left { font-size: 11pt !important; font-weight: bold; }

#main code em, #main em code { font-style: oblique; }
#main strong code, #main code strong { font-weight: bold; }

.section { 
	border: 1px solid #A29061;
	padding: 0 14px 14px;
	margin-bottom: 1em; 
}

.section h2 {
	background: #A29061;
	margin: 0 -14px;
	padding: .3em 14px;
	color: #fff !important;
	font-size: 14px;
}

.cent620 {
	width: 620px; 
	margin: 0 auto;
}

.w50 {
	width: 50%;
}