/* 8/7/2009 Trevor Davis Campbell Wealth Screen Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #97895b; color: #3b3220; font: 13px/18px Arial, Verdana, sans-serif; }
h1 { 
	background: #3b3220;
	color: #e1bd24;
	font-size: 18px;
	font-weight: normal;
	line-height: 23px;
	margin-bottom: 18px;
	padding: 5px 18px;
	text-transform: uppercase;
}
h2 { font-size: 18px; line-height: 23px; }
h3 { color: #004836; font-size: 16px; }
h4 { font-size: 14px; }
h5 { color: #004836; font-size: 13px; }
h6 { font-size: 13px; font-weight: normal; }
a { color: #004836; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display: block; }
img { border: none; }
#content p, #content h2, #content h3, #content h4, #content h5, #content h6, table, ul, ol { margin-left: 15px; margin-right: 15px; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; margin-right: 15px; }
blockquote { color: #004836; font-weight: bold; margin-left: 36px; }
#content blockquote p { margin-left: 0; }
table { border: 1px solid #3B3220; border-bottom: none; border-collapse: collapse; width: 427px; }
table th, table td { border-bottom: 1px solid #3B3220; padding: 4px; text-align: left; }
table th { background: #004836; color: #fff;  }
table td { background: #fff; }
table tr.even td { background: #C3DEB7; }
label { cursor: pointer; }
input, textarea, select { font: inherit; }

abbr { border:none; letter-spacing:0.1em }
.clear {clear:both;}
.importance, strong {font-weight:bold;}
.emphasis, em {font-style:italic;}
.hide, .for-print {display:none;}
.left { float:left; margin-right:7px; }
.right { float:right; margin-left:7px; }
.upper {text-transform:uppercase;}
.structural { position:absolute; left:-9999px; }
address {font-style:normal;}
sup { vertical-align:0.5em; font-size:0.9em; }
sub { vertical-align:-0.5em; font-size:0.9em; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.separate { margin-bottom: 18px; }
.screenReader, .flash-replaced .alt { left: -9999px; position: absolute; top: -9999px; }
.more { display: block; font-weight: bold; text-align: right; }
.image { 
	background: #fff;
	border: 1px solid #3b3220;
	clear: left;
	float: left;
	margin: 0 9px 9px 0;
	padding: 2px;
}
.image img { border: 1px solid #3b3220; display: block; }
.leftSide { float: left; margin: 0 8px 8px 15px; }
p .leftSide { margin-left: 0; }
.rightSide { float: right; margin: 0 15px 8px 8px; }
p .rightSide { margin-right: 0; }

/*****Basic Layout*****/
#container { background: url(/images/campbell_wealth/template/container-bg.png) repeat-y; margin: 0 auto; padding: 20px 0 20px 20px; width: 936px; }
#header { 
	background: #004836;
	border: 2px solid #fff;
	border-width: 2px 0;
	color: #e1bd24;
	float: left; 
	margin-bottom: 17px; 
	width: 100%;
}
#primaryContent { color: #cab982; float: left; margin-bottom: 20px; width: 210px; }
#contentContainer { background: #fff; float: right; margin-bottom: 20px; padding: 12px; width: 692px; }
#content { background: #cab982; border: 2px solid #3b3220; float: left; width: 459px; }
#secondaryContent { float: right; width: 216px; }
#footer { 
	background: #004836;
	border: 2px solid #fff;
	border-width: 2px 0;
	clear: both;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	overflow: hidden;
	padding: 20px;
	width: 897px;
}

/*****Header*****/
#header #logo {
	display: block;
	float: left;
	height: 51px;
	overflow: hidden;
	position: relative;
	width: 210px;
}
#header h1#logo { background: none; margin: 0; padding: 0; }
#header #logo span {
	background: url(/images/campbell_wealth/template/logo.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#header .tagline {
	display: block;
	float: left;
	font: 35px/35px "Times New Roman", Times, serif;
	padding: 8px 10px 8px 40px;
}

/*****Left Column*****/
#nav { font-size: 15px; line-height: 20px; list-style: none; margin: 0 0 98px; }
#nav li { border-bottom: 1px solid #fff; }
#nav li.last { border-bottom: none; }
#nav a {
	background: url(/images/campbell_wealth/template/nav-expand.png) no-repeat 9px 17px;
	display: block;
	color: #fff;
	padding: 10px 10px 10px 22px;
	text-decoration: none;
}
#nav .current a { background: url(/images/campbell_wealth/template/nav-collapse.png) no-repeat 9px 19px; color: #e1bd24; }
#nav ul { list-style: none; margin: 0; }
#nav ul li { border-bottom: none; }
#nav ul a { background: none; padding: 0px 10px 10px 46px; }
#nav .current ul a { background: none; color: #fff; }
#nav a:hover, #nav .current ul .current a, #nav .current ul a:hover { color: #e1bd24; }

.feature { width: 196px; }
.feature h2 { 
	border-bottom: 1px solid #e1bd24; 
	color: #e1bd24; 
	font-size: 18px; 
	font-weight: normal;
	line-height: 23px;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.feature a { color: #e1bd24; }

/*****Content Column*****/
.news { list-style: none; margin: 0; }
.news li { border-bottom: 1px solid #3b3220; padding: 15px; }
.news li:last-child { border-bottom: none; }
#content .news h2, #content .news h3 { font-size: 13px; margin: 0; }
#content .news h2 img { vertical-align: text-bottom; }
#content .news p { margin: 0 0 18px; }
#content .directory { list-style: none; margin-left: 15px; overflow: hidden; }
#content .directory li { float: left; width: 50%; }
#content .directory .alt { float: right; }

.forms { list-style: none; margin-left: 15px; overflow: hidden; }
.forms li { border-bottom: 1px solid #948A5A; float: left; padding: 5px 0; width: 100%; }
.forms .buttons { border-bottom: none; }
.forms label { 
	display: block; 
	float: left; 
	font-weight: bold; 
	padding-right: 10px; 
	width: 90px;
}
.forms input, .forms textarea { border: 1px solid #004836; padding: 3px; width: 321px; }
.forms textarea { height: 200px; }
.forms .buttons input { 
	background: #004836; 
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-left: 100px;
	-moz-border-radius: 3px;
	overflow: visible;
	-webkit-border-radius: 3px;
	width: auto;
}
.forms .error { color: #ff0000; display: block; margin: 3px 0 0 100px; }
.required { color: #004836; font-size: 18px; font-weight: bold; padding-right: 2px; }
.paging { font-size: 16px; }
.paging a { background: #004836; color: #fff; padding: 5px; }
.paging a:hover { background: #fff; border: 1px solid #004836; color: #004836; padding: 4px; text-decoration: none; }
.paging strong { color: #004836; padding: 5px; }

#videoClip { margin: 0 15px 18px; text-align: center; }
.cs-js-d { margin: 0 0 18px 7px; }
.video {margin-bottom:1em;}
.video p {margin-bottom:0;}
.video .last {clear:both;}

/*****Right Column*****/
#secondaryContent .module { background: #c3deb7; border: 2px solid #004836; margin-bottom: 16px; }
#secondaryContent .module h3 { 
	background: #004836;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 23px;
	padding: 5px 18px;
	text-transform: uppercase;
}
#secondaryContent .module .inner { overflow: hidden; padding: 20px 12px; }
#secondaryContent .module ul { list-style: none; margin: 0; }
#secondaryContent .module ul li { background: url(/images/campbell_wealth/template/module-plus.png) no-repeat 0 4px; margin-bottom: 18px; padding-left: 17px; }
#secondaryContent .module li h4 { font-size: 14px; line-height: 16px; }
#secondaryContent .poll .pollTotalVotes { font-weight: bold; margin: 0 0 10px; }

#secondaryContent #newsletterSignUp { background: #cab982; border: 2px solid #6e5a1d; margin-bottom: 16px; padding: 15px; }
#secondaryContent #newsletterSignUp h3 { color: #004836; font-size: 14px; line-height: 16px; margin-bottom: 10px; }
#secondaryContent #newsletterSignUp p { margin-bottom: 0; }
#secondaryContent #newsletterSignUp input { font: inherit; }
#secondaryContent #newsletterSignUp #newsletterEmail { border: 1px solid #ac9d6f; padding: 2px; width: 140px; }
#secondaryContent #newsletterSignUp #newsletterSubmit { 
	background: none;
	border: none;
	cursor: pointer;
	color: #004836;
	font-weight: bold;
	padding: 0;
}

/*****Footer*****/
#footer a { color: #dcb928; }
#footer .copyright { color: #dcb928; float: left; font-size: 12px; margin: 0 42px 0 0; }
#footer .nav { float: left; font-size: 12px; list-style: none; margin: 0; }
#footer .nav li { background: url(/images/campbell_wealth/template/footer-separator.png) no-repeat 100% 50%; float: left; margin-right: 7px; padding-right: 9px; }
#footer .nav .last { background: none; margin-right: 0; padding-right: 0; }
#footer .matrix { display: block; float: right; font-size: 12px; }

/*****Homepage*****/
#home #branding  { 
	background: #CAB982;
	border: 2px solid #a1956b;
	font: 20px "Times New Roman", Times, serif;
	height: 293px;
	margin-bottom: 12px; 
	overflow: hidden;
	position: relative;
	width: 688px;
}
#home #branding .frames { height: 293px; overflow: hidden; position: relative; width: 688px; }
#home #branding .frame {
	background: url(/images/campbell_wealth/template/branding.jpg) no-repeat;
	height: 293px;
	overflow: hidden;
	position: relative;
	width: 688px;
}
#home #branding #frame2 { background-position: -688px 0; }
#home #branding #frame3 { background-position: -1376px 0; }
#home #branding #frame4 { background-position: -2064px 0; }
#home #branding #frame5 { background-position: -2752px 0; }

#home #branding .frame h2 { 
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	left: 16px;
	line-height: 30px;
	position: absolute;
	top: 14px;
}
#home #branding .frame h2 strong { color: #e1bd24; font-size: 60px; line-height: 50px; }
#home #branding .frame h2 em { font-style: normal; line-height: 50px; }
#home #branding .frame .more { bottom: 15px; color: #fff; position: absolute; right: 68px; }

#home #branding #frame1 em { display: block; margin-left: 88px; }
#home #branding #frame2 em { display: block; margin-left: 55px; }
#home #branding #frame2 strong { display: block; margin-left: 38px; }
#home #branding #frame2 strong em { margin-left: 0; }
#home #branding #frame3 em { display: block; margin-left: 54px; }
#home #branding #frame3 strong { display: block; margin-left: 74px; }
#home #branding #frame3 strong em { margin-left: 0; }
#home #branding #frame4 em { display: block; margin-left: 54px; }
#home #branding #frame4 strong { display: block; margin-left: 153px; }
#home #branding #frame4 em strong { display: inline; margin-left: 0; }
#home #branding #frame5 strong { display: block; margin-left: 87px; }
#home #branding #frame5 em { display: block; margin-left: 136px; }

#home #branding .nav { 
	background: #fff;
	list-style: none;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#home #branding .nav li { margin-bottom: 2px; }
#home #branding .nav a { 
	background: #3b3220;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	height: 55px;
	overflow: hidden;
	position: relative;
	width: 40px;
}
#home #branding .nav a span {
	background: url(/images/campbell_wealth/template/branding-nav.jpg) no-repeat 0 -55px;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#home #branding .nav #frameNav2 a span { background-position: -40px -55px; }
#home #branding .nav #frameNav3 a span { background-position: -80px -55px; }
#home #branding .nav #frameNav4 a span { background-position: -120px -55px; }
#home #branding .nav #frameNav5 a span { background-position: -160px -55px; }

#home #branding .nav #frameNav1.current a span { background-position: 0 0; }
#home #branding .nav #frameNav2.current a span { background-position: -40px 0; }
#home #branding .nav #frameNav3.current a span { background-position: -80px 0; }
#home #branding .nav #frameNav4.current a span { background-position: -120px 0; }
#home #branding .nav #frameNav5.current a span { background-position: -160px 0; }

#home #content { background: none; border: none; width: 463px; }
#home #content .about { background: #CAB982; border: 2px solid #3B3220; margin-bottom: 15px; padding: 15px; }
#home #content .about h2 { font-size: 14px; line-height: 16px; margin-bottom: 16px; }
#home #content .about p { margin: 0 0 5px; }
#home #content .poll { background: #c3deb7; border: 2px solid #004836; }
#home #content .poll h2 { 
	background: #004836;
	color: #fff; 
	font-size: 18px; 
	font-weight: normal;
	line-height: 23px; 
	margin: 0;
	padding: 5px 18px;
	text-transform: uppercase;
}
#home #content .poll p { margin-top: 15px; }
#home #content .poll .pollWrapper { margin-bottom: 15px; overflow: hidden; }
#home #content .poll .pollQuestion { font-weight: bold; margin: 15px 15px 18px; }
#home #content .poll .pollTotalVotes { font-weight: bold; margin: 0 0 10px 15px; }
#home #content .poll .pollAnswer { float:left; margin-bottom:15px; width:148px; }
#home #content .poll .pollAnswerBlock{ margin-left: 15px; overflow: hidden; }
#home #content .poll input { 
	float: left; 
	margin: 0 5px 0 0; 
	position: relative; 
	top: 2px;
	width: 15px;
}
#home #content .poll label { display: block; float: left; width: 120px; }
#home #content .poll .pollButtonBlock input { float: none; position: static; margin-left: 15px; width: auto; }
#home #secondaryContent .module li { background: none; padding-left: 0; }