@charset "utf-8";
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*YUI Reset - v2.8.0r4 */
/*Color Shortcuts
Text Grey: #999999
Light Grey: #e0e0e0
Light Golden Brown: #f0e9df
Medium Golden Brown: #b69662
Dark Golden Brown: #9a6c26
*/

.left{float: left;}
.right{float: right;}
.center {text-align: center;}
:focus {outline: 0; -moz-outline-style: none;}
.altColor {color: #9a6c26}

p, h1, h2, h3, h4, h5, ul, li {font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}
a {font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif; cursor: pointer}
em {font-style:italic;}
strong {font-weight: bold}
ul, li {list-style: outside square}

html{
	font-size: 62.5%;
	background: #FFFFFF url(assets/templates/cf/images/bg.jpg) repeat-x;
}
body {
	background: #b8842e url(assets/images/backgrounds/trees.jpg) top center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 342px;
	width: 100%;
	text-align: center; /*For IE6 Centering*/
}
#pageWrap {
	width: 960px;
	margin: 50px auto 10px;
	text-align: left; /*For IE6 Centering*/
}
#accountLinks {
	overflow: hidden;
	margin-bottom: 5px;
}
	#accountLinks ul {
		float: right;
		margin-right: 1em;
		display: inline; /*IE6 Double Margin Bug*/
	}
	#accountLinks ul li, #accountLinks ul li a {
		display: inline;
		color: #FFF;
		text-decoration: none;
		margin-left: 1em;
		text-transform: uppercase;
		font-weight: bold;
	}
	#accountLinks ul li a{
		font: bold 1em "Times New Roman", Times, serif;	
		background: url(assets/templates/cf/images/ball.png) right center no-repeat;
		padding-right: 20px;
	}
	#accountLinks ul li a:hover {
		text-decoration: underline;
	}
#innerWrap {
	background: url(assets/templates/cf/images/contentBG.png) repeat-y;
	padding: 1px 4px 0px;
}
#header {
	overflow: hidden;
	width: 950px;
	position: relative;
}
	.headshot{
		background: url(assets/templates/cf/images/Peter_Smith_Columbia_Futures_Heashot.jpg) no-repeat;
		height: 424px;
	}
	.waves {
		background:url(assets/templates/cf/images/waves.jpg) center top no-repeat;
		height: 154px;
	}		
	#header h1 a, #header h1.centered a {
		float: left;
		display: inline-block;
		background:url(assets/templates/cf/images/Columbia_Futures_Logo.png) no-repeat;
		width: 110px;
		height: 103px;
		text-indent: -9999px;
		margin: 20px 0 0 30px;
	}
	#header h1.centered a {
		margin: 20px 0 0 80px;
	}
	#header h2 {
		position: absolute;
		width: 480px;
		font-size: 2em;
		right: 30px;
		top: 150px;
		color: #333333;
	}
		.call_to_action {
			font-size: 1.5em;
			position: absolute;
			color: #9a6c26;
			text-decoration: none;
			top: 250px;
			right: 60px;
			background: url(assets/templates/cf/images/ball.png) right center no-repeat;
			padding-right: 25px;
}
		a.workshops {
			font-size: 1.5em;
			position: absolute;
			color: #000;
			text-decoration: none;
			bottom: 50px;
			right: 40px;
		}
			a.workshops:hover {
				text-decoration: underline;
			}
	#header ul {
		margin-top: 15px;
		float: right;
		display: inline; /*IE6 Double Margin Bug*/
	}
		#header ul li, #header ul li a {
			font: bold 1.1em "Times New Roman", Times, serif;
			color: #666666;
			text-transform: uppercase;
			margin-right: .75em;
			display: inline;
		}
		#header ul li a{
			text-decoration: none;
		}
		#header ul li a:hover{
			text-decoration: underline;
			color: #9a6c26;
		}
#contentWrap {
	width: 930px;
	overflow: hidden;
	margin: 10px 10px 0;
}
#innerContentWrap {
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
}
	#intro, #accountTypes, #newsletter, #security {
		background: #e0e0e0;
		overflow: hidden;
		float: left;
		height: 250px;
		display: inline; /*IE6 Double Margin Bug*/
	}
	#newsletter {
        overflow: auto !important;
    }
	#intro, #accountTypes {
		margin-bottom: 10px;	
	}
	#intro, #newsletter {
		margin-right: 10px;
	}
	#accountTypes .header p, #newsletter .header p, #security .header p{
		color: #FFFFFF;
		font: normal 1.6em/20px Verdana, Arial, Helvetica, sans-serif;
	}
	#accountTypes .article, #newsletter .article, #security .article{
		padding: 1em;
	}
	#accountTypes .header, #newsletter .header, #security .header {
		text-align: right;
		background: #b69662;
		border-bottom: 1px solid #fff;
		height: 25px;
		padding: .25em 1.25em .25em .25em;
	}
	#intro {
		height: 230px;
		width: 580px;
		padding: 10px;
	}
		#intro h2 {
			font: normal 1.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
			color: #333333;
			margin-bottom: 10px;
		}
		#intro a {
			float: right;
			background: url(assets/templates/cf/images/arrows.png) right center no-repeat;
			padding-right: 15px;
			color: #9a6c26;
			text-decoration:none;
			text-transform: uppercase;
			font: bold 14px "Times New Roman", Times, serif;
			display: inline; /*IE6 Double Margin Bug*/
			margin-top: -3px;
		}
		#intro a:hover {
			text-decoration: underline;
		}
	#accountTypes {
		width: 320px;
	}
		#accountTypes h4 a{
			color: #9a6c26;
			background: url(assets/templates/cf/images/arrows.png) right center no-repeat;
			font: bold 14px "Times New Roman", Times, serif;
			text-decoration: none;
			text-transform: uppercase;
			padding-right: 15px;
		}
		#accountTypes h4 a:hover{
			text-decoration: underline;
		}
		#accountTypes .article p{
			font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
			margin-bottom: 1em;
			width: 260px;
		}
	#newsletter {
		width: 305px;
	}
		#newsletter form{
			margin: 15px 0 0 15px;
			width: 225px;
		}
		#newsletter form label{
			font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
			height: 1em;
			display: block;
			margin-top: 10px;
		}
		#newsletter form input#name, #newsletter form input#email{
			width: 225px;
			height: 22px;
			margin-top: 5px;
			background: #fff;
			border: 1px solid #666666;
			font: normal 1.2em/2em Verdana, Arial, Helvetica, sans-serif;
		}
		#newsletter form input#submit{
			width: 75px;
			margin-top: 10px;
			float: right;
			display: inline;/*IE6 Double Margin Bug*/
			font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		}		
	#security {
		width: 615px;
	}
		#security  .article{
			background: url(assets/templates/cf/images/adm_logo.gif) 295px 160px no-repeat;
			height: 180px;
		}
		#security .article p {
			margin-bottom: 10px;
		}
	.contactUs img {
		padding: 1px;
		border: 1px solid #333333;
		float: left;
		margin-left: 15px;
	}
	#contactInfo {
		margin-left: 45px;
		float: left;
	}
	#contactInfo div {
		margin-bottom: 2em;
	}
	#contactInfo span{
		display: block;
		font: normal 1.6em/1em "Times New Roman", Times, serif;
	}
		#contactInfo span a{
			font: normal 1em "Times New Roman", Times, serif;
		}		
	#contactInfo h2, #contactForm h2 {
		font: normal 2em Verdana, Arial, Helvetica, sans-serif;
		color: #9a6c26;
		text-transform: uppercase;
		margin-bottom: 1em;
	}
	#contactForm {
		float: right;
		width: 375px;
		border-left: 1px dotted #333333;
		padding: 0 15px 10px 15px;
		
	}
		#commentForm div{
			margin-bottom: 2em;
			overflow: hidden;
			width: 100%;
		}
		#commentForm label{
			font: normal 1.25em/1.8em Verdana, Arial, Helvetica, sans-serif;
			display: inline-block;
			float: left;
		}
		#commentForm input, #commentForm textarea {
			width: 250px;
			float: right;
			font: normal 1.25em/1.8em Verdana, Arial, Helvetica, sans-serif;
		}
		#commentForm input {
			height: 18px;
		}
		#commentForm textarea {
			height: 100px;
		}
		#commentForm #submit {
			width: 100px;
			height: 25px;
			font: normal .9em Verdana, Arial, Helvetica, sans-serif;
		}
		.errors {
			font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
			color: red;
		}
	.openAccount {
		margin: 0 0 50px 70px;
		overflow: hidden;
	}
		.openAccount h4{
			font: normal 3em Verdana, Arial, Helvetica, sans-serif;
			color: #999999;
			margin-bottom: 45px;
		}		
		.openAccount h5{
			font: normal 2em Verdana, Arial, Helvetica, sans-serif;
			color: #9a6c26;
			padding-left: 40px;
			height: 40px;
			line-height: 40px;
		}
		.onlineAccount {
			background: url(assets/templates/cf/images/world.png) left center no-repeat;
		}
		.pdfAccount {
			background: url(assets/templates/cf/images/doc.png) left center no-repeat;
		}
		.inpersonAccount {
			background: url(assets/templates/cf/images/user.png) left center no-repeat;
		}
		
		
		.accountType {
			width: 250px;
			float: left;
			margin-right: 35px;
		}
		.accountType p{
			margin-bottom: 1em;
		}
		.accountType a{
			font: normal 1.25em Verdana, Arial, Helvetica, sans-serif;
			background: url(assets/templates/cf/images/ball.png) right center no-repeat;
			padding-right: 20px;
			line-height: 20px;
		}
		
/*SECONDARY NAV*/
	#sideNav {
		float: left;
		width: 265px;
	}
		#sideNav ul{
			margin-left: 10px;
		}
			#sideNav ul li {
				background: url(assets/templates/cf/images/nav_bg.gif) left top no-repeat;
				list-style:none;
				width: 252px;
				height: 52px;
			}
			#sideNav ul li#start, #sideNav ul li#end {
				background-position: left bottom;
				width: 252px;
				height: 13px;
				font-size: 0; /*IE Small Hieght Fix */
			}	
			#sideNav ul li#end {
				background-position: -252px -53px;
			}					
				#sideNav ul li a{
					display: block;
					color: #b69662;
					text-decoration: none;
					text-indent: 20px;
					text-transform: uppercase;
					font: normal .75em/53px Verdana, Arial, Helvetica, sans-serif;
					width: 252px; /*IE Space Between List Items Fix */
				}
				#sideNav ul li a:hover{
					color: #666;
				}				
				#sideNav ul li.active{
					background: url(assets/templates/cf/images/nav_bg.gif) right top no-repeat;
					color: #FFF;
				}
					#sideNav ul li.active a{
						color: #FFF;
					}				
/*END SECONDARY NAV*/	

			#tradingTip {
			margin-top: 25px;
			padding: 0 15px;
			text-align: center;
			}													
			#tradingTip p.header{
				font: normal 1.75em "Times New Roman", Times, serif;
				color: #666666;
				margin-bottom: 10px;
			}
			#tradingTip p.tip{
				font: italic bold 1.5em "Times New Roman", Times, serif;
				color: #9a6c26;
			}															
	#innerContentContainer {
		float: right;
		width: 665px;
		overflow: hidden;
	}
	#innerContentContainer h2{
		color: #9a6c26;
		font: normal 2em/1.25em "Times New Roman", Times, serif;
		margin-bottom: .5em;
		width: 570px;
	}
		#innerContentContainer h2.nextStep{
			margin-top: 1em;
		}	
		#content {
			float: left;
			width: 400px;
		}
				#content ul {
					margin: 0 0 1em 3em;
				}
				#content ul li {
					font: normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
					list-style: outside square;
				}
				#content div p.testimonial {
					font: italic 2em/1.0em "Times New Roman", Times, serif;
					color: #9a6c26;
					margin: 0;
				}
				#content div p.testimonialAuthor {
					margin-bottom: 3em;
				}
				#content div#newsletters a{
					display: block;
					font: normal 1.25em/20px Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
					background: url(assets/templates/cf/images/pdf.gif) top left no-repeat;
					padding-left: 25px;
					margin-bottom: 1em;
					height: 20px;
					margin-left: 15px;
				}			
		#secondaryInfo {
			background:url(assets/templates/cf/images/info_bg.jpg) 0 0 no-repeat;
			float: right;
			width: 225px;
			min-height: 550px;
			height: auto !important;  /*IE Min-Hieght Fix*/
			height: 550px; /*IE Min-Hieght Fix*/
			margin-top: 40px;
			padding: 10px 0 10px 20px;
		}
			#altSignup{
				margin-bottom: 30px;
			}
				#altSignup h2, #altSecurity h2{
					padding: 0 0 0 30px; 
					height: 2.5em;
					font: normal 1.5em "Times New Roman", Times, serif;				
				}
				#altSignup h2{
					background:url(assets/templates/cf/images/notecard.png) 0 0 no-repeat;
					line-height: 1.75em;
				}
				#altSecurity h2{
					background: url(assets/templates/cf/images/lock.png) 0 0 no-repeat;
					line-height: 2.5em;					
				}
		form#altSignupForm {
			margin-top: 10px;
			overflow: hidden;
			width: 100%;
		}
			form#altSignupForm label{
				font: normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
				display: block;
			}
			form#altSignupForm input{
				width: 200px;
				height: 20px;
				margin-bottom: 10px;
				font: normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
			}
			form#altSignupForm input#submit{
				width: 75px;
				height: 20px;
				float: right;
				margin-right: 35px;
			}			
#footer{
	border-top: 4px solid #9a6c26;
}
#innerFooterContent {
	background: #f0e9df;
	min-height: 200px;
	height: auto !important;  /*IE6-7 Min Height Fix */
	height: 200px;
	border-top: 1px solid #FFFFFF;
	overflow: hidden;
}
	#footer #testimonial {
		width: 375px;
		float: left;
		overflow: hidden;
		margin: 20px 0 0 20px;
		display: inline; /*IE6 Double Margin Bug*/
	}
	#footer #testimonial h6 {
		font: italic 2em/1em "Times New Roman", Times, serif;
		color: #9a6c26;
	}
	#footer #testimonial p {
		float: right;
		font-size: .9em;
	}
	#footer address {
		float: right;
		font: normal 1.25em/1.5em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: right;
		margin: 25px 20px 0 0;
		background: url(assets/templates/cf/images/Columbia_Future_Logo2.gif) top right no-repeat;
		height: 146px;
		padding-top: 15px;
		display: inline; /*IE6 Double Margin Bug*/
	}
		#footer address span{
			display:block;
			padding-right: 150px;
		}
		#footer address span a{
			text-decoration: none;
			color: #9a6c26;
		}
		#footer address span a:hover{
			text-decoration: underline;
		}		
	#copyright {
		background: #f0e9df;
		padding: 5px;
		overflow: hidden;
		margin-top: 5px;	
		font: normal .9em/2em Verdana, Arial, Helvetica, sans-serif;
		height: 2em;
	}
		#copyright a{
			color: #b69662;
			text-decoration: none;
		}
	p#risk {
		text-align: center;
		font: normal 1em/1.75em Verdana, Arial, Helvetica, sans-serif;
		height: 4em;
	}
#cap {
	background: url(assets/templates/cf/images/end.png) no-repeat;
	width: 958px;
	height: 5px;
}