/* @override http://jcbpartners.com/themes/jcb/css/layout.css?m=1258642313 */

/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Trebuchet MS, Verdana,Helvetica,sans-serif;
	list-style:none;
	/*outline:none;*/
}

a img{
	border:0;
	outline: none;
}
a:link,a:active,a:visited{
color :#CF541D;
text-decoration:none;
outline: none;
}
body,a:hover{
color :#494A49;
text-decoration:none;
}
hr {
color: #fff; 
border: 1px dotted #DFE7EC; 
border-style: none none dotted; 
margin:10px 0px;
}

.hr {
color: #fff; 
border: 1px dotted #DFE7EC; 
border-style: none none dotted; 
margin:10px 0px;
height: 1px;
}

.hr hr {display:none}

.tab{
background-image:url(/themes/jcb/images/contentTab.gif);
background-repeat:no-repeat;
background-position:top right;
padding:3px 20px 2px 8px;
line-height:15px;
font-size:10px;
vertical-align:middle;
display:inline;

float:left;
font-weight:bold;
}
#introArea{
float:left;width:815px;
padding-top:30px;
}
.tabLine{
margin-bottom:13px;
height:20px;
border-bottom:1px solid #80A3B7;
}
#introAreaNewsFlash{
float:left;width:270px;padding-right:28px;
}
#introAreaIndustryNews{
float:left;width:270px;padding-right:28px;
}
#introAreaWhatsNew{
float:left;width:219px;
}
#introAreaIndustryNews li{
border-bottom:1px solid #80A3B7;
font-size:11px;
line-height:13px;
padding-bottom: 5px;
margin-bottom:5px;
}
#body{
width:932px;
}
.clear{
clear:both;
}
.clearSpacer{
clear:both;
height:10px;
}
#wrapper{
width:932px;
margin:0px auto;
}
#headerHome{
height:370px;
width:925px;
}
#header{
height:225px;
width:925px;
}
#pageHeader{
width:815px;
height:95px;
padding-left:91px;
float:left;

}
#homeHeader{
width:890px;
height:240px;
float:left;
}
.full{
display:block;
height:100%;
width:100%;
}
.mainNavWindow{
background-image:url(/themes/jcb/images/mainNavGradient.gif);
background-repeat:repeat-x;
background-color:#c6d5e3;
/*height:274px;*/
}
#mainNavCaseStudiesFloatWrapper{
width:356px;padding: 10px 0px 10px 16px;
}
.mainNavCaseStudiesFloat{
width:158px;padding-right:20px;float:left;
}
#mainNavBlogFloatWrapper{
width:356px;padding: 10px 0px 10px 16px;
}
.mainNavBlogFloat{
width:316px;padding-right:20px;float:left;
}
#mainNavExpertiseFloatWrapper{
width:396px;padding:10px 20px 0px 20px;
line-height:1.3em;
}
#mainNavCultureWrapper li{
margin-bottom:4px;
}
#mainNavExpertiseFloatWrapper li{
margin-bottom:4px;
}
.mainNavExpertiseFloat{
float:left;width:132px;
}
#mainNavCultureWrapper{
padding:10px 20px;
line-height:1.3em;
}
#bottomLogo{
margin-top:10px;
}
#sideBarSpace{
width:91px;float:left;height:100px;
}
#logo{
float:left;
height:84px;
width:91px;
}
#navigation{
float:left;
background-image:url(/themes/jcb/images/navBg.gif);
width:815px;
text-align:left;
height:130px !important;
height:134px;
}

#mainNav{
	/*
width:349px;
background:url(/themes/jcb/images/mainNavBg.gif);
background-position:right bottom;
background-repeat:no-repeat;
height:23px;
padding-top:45px;
padding-left:455px;
*/
background:url("/themes/jcb/images/mainNavBg.gif") no-repeat scroll right bottom transparent;
height:23px;
padding-left:371px;
padding-top:45px;
width:433px;

}

#topNav{
width:195px;
height:35px;
padding-left:600px;
}
#topNav li,#mainNav li{
display:inline;
}
#body{

}
.preload{
display:none;
}
#mainNavExpertiseBtm{
width:396px;padding:0px 20px 12px;
}
#mainNavExpertiseBtm li,a{
display:inline;
color:#fff;
}
#sideBar{
float:left;
background-image:url(/themes/jcb/images/sidebarBackground.gif);
background-repeat:no-repeat;
width:155px;
background-color:#C8D7E2;
padding: 10px 15px;
}
#sideBar a {
text-transform:uppercase;
/*border-bottom: 1px dotted #ffffff;*/
}
#contentEvent{
float:left;
width:815px;
padding-top:20px;
}

#eventLeft{
float:left;
width:530px;
padding-right:40px;
}
#eventRight{
float:left;
width:245px;

}
#eventRight p{
font-size:12px;
}
#sideBar li{
line-height:15px;
margin:5px 0px;
vertical-align:middle;
border-bottom: 2px dotted #DFE7EC;
padding-bottom:2px;
text-align:right;
}
#footerAreaNews{
float:left;
width:230px;
}
#footerAreaEvents{
float:left;
width:230px;
padding: 0px 30px;
}
#footerAreaNewsletter{
float:left;
width:235px;
}
#footerAreaNewsletter label{
float:left;
}
.formDiv{
clear:both;
line-height:22px;
padding-top:11px;
vertical-align:middle;
}

#content{
float:left;
width:590px;
padding: 17px 20px;
}
#footer{
width:815px;
margin-left:91px;
clear:both;
padding-top:10px;

}
.event{
padding-top:3px;
padding-bottom:3px;
}
#eventDate{float:left;width:66px;}
#eventMonth{font-size:22px;color:#E2A612;padding-top:0px;width:48px;text-align:center;border-bottom: 1px solid #e2a612;font-weight:bold;}
#eventDay{font-size:44px;color:#E2A612;width:44px;text-align:left;letter-spacing:-5px;font-weight:bold;line-height:44px;}
#eventContent{float:left;/* width:524px; */}
#eventHeading{}

#eventContactForm {
	background-image:url(/themes/jcb/images/contactFormBackground.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#DFE8EE;
	padding:0px 20px 20px 20px;
}

#eventContactForm .formDiv{
	padding-top:6px;
}


#footerArea{
background-image:url(/themes/jcb/images/footerBackground.gif);
background-position:0px 0px;
background-repeat:no-repeat;
background-color:#DFE8EE;
padding:30px;
width:755px;
}
#footerInfoBar{
height:97px;
width:815px;
padding-top:8px;
}

#footerInfoBar .left{float:left;}
#footerInfoBar .left li{
display:inline;
}
#footerInfoBar .right{float:right;text-align:right;line-height:13px;}

#footerArea li{
border-bottom: 2px solid #B4C1C9;
padding:8px 0px;
}
.sidebar{
color :#C6D4E0;
}
.footerNform{
color :#DAE4EC;
}
.punch{
color :#80A1B6;
}
#mainNavWindowWrapper{
width:815px;
margin:0px auto;
position:relative;
}
#mainNavWindowWrapper h2{
  text-transform: uppercase;
}
#mainNavWindowCaseStudies{
margin-left:121px;
position:absolute;
width:372px;
display:none;

}
#mainNavWindowBlog{
margin-left:433px;
position:absolute;
width:372px;
display:none;

}
#mainNavWindowExpertise{
margin-left:176px;
width:436px;
display:none;
position:absolute;
}
#mainNavWindowCulture{
margin-left:450px;
width:270px;
position:absolute;
display:none;

}
/* Layout CSS */
#Main {
	margin:20px auto;
	width:900px;
}
#Header {
	background:url(../images/blueback.gif) bottom left repeat-x;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	clear:left;
}
	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:20px;
	}
		#Menu1 {
			padding:10px 50px 0;
		}
			#Menu1 li {
				float:left;
				margin-left:2px;
				background:url(../images/menu1_right.gif) no-repeat right top;
			}
				#Menu1 li.current,
				#Menu1 li.section {
					background:url(../images/menu1_right_on.gif) no-repeat right top;
				}
				#Menu1 li a {
					display:block;
					color:#fff;
					font-weight:bold;
					font-size:1.1em;
					text-decoration:none;
					padding:5px 15px;
					background:url(../images/menu1_left.gif) no-repeat left top;
				}
					#Menu1 li a:hover {
						color:#d2ebff;
					}
					#Menu1 li.current a,
					#Menu1 li.section a {
						background:url(../images/menu1_left_on.gif) no-repeat left top;
						color:#d2ebff;
					}

#ContentContainer {
	background:#f5f5f5 url(../images/ss_watermark.gif) bottom left no-repeat;
	padding-top:20px;
	padding-bottom:20px;
	overflow: auto;
}

#Banner {
	text-align: center;
}

#Menu2 {
	margin-left: 20px;
	width: 17em;
	float:left;
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
}
	#Menu2 li {
		padding-left:15px;
		background:url(../images/menu2_arrow.gif) no-repeat left center;
	}
	#Menu2 a {
		color:#333;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#0083C8;
	}

#Content {
	float: left;
	margin: 0px 20px;
	width:70%;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

#Footer {
	background:#015581;
	clear:both;
	text-align:right;
	padding-right:20px;
	border:1px solid #ccc;
	border-top:0;
}
	#Footer span {
		color:#ccc;
		font-size:1.1em;
		line-height:2em;
		font-weight:bold;
		padding-left:20px;
		background:url(../images/ss_logo.gif) no-repeat;
	}
	#Footer a {
		color:#fff;
	}
		#Footer a:hover {
			text-decoration:none;
		}


/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}

#speakerBio {
	background-image:url(/themes/jcb/images/contactFormBackground.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#DFE8EE;
	padding:10px;
}

#speakerBio p{
	font-size:11px;
	margin-bottom:10px;
}
#speakerBio hr{
	color: #fff; 
	border: 1px dotted #FFFFFF; 
	border-style: none none none; 
	margin:10px 0px;
}
		
.inputTxt{
padding:5px;
vertical-align:middle;
line-height:15px;
border:0;
width:160px;
float:right;
height:15px;
}
.inputEventTxt{
padding:5px;
vertical-align:middle;
line-height:14px;
border:0;
width:194px;
float:left;
}
.inputEventTxtPhone{
padding:5px;
vertical-align:middle;
line-height:14px;
border:0;
margin-right:74px;
width:120px;
float:left;
}
.inputEventTxtState{
padding:5px;
vertical-align:middle;
line-height:14px;
border:0;
margin-right:154px;
width:46px;
float:left;
}
.inputBtn{
background-color:#DFE8EE;
padding:5px;
vertical-align:middle;
line-height:20px;
border:1px solid #fff;
color: #CF541D;
float:right;
}
.inputBtn:hover{
background-color:#DFE8EE;
padding:4px;
vertical-align:middle;
line-height:20px;
border:2px solid #fff;
color: #CF541D;
cursor:pointer;
float:right;
}

.inputEventCheckbox{
	margin-right: 5px;
	float:left;
    position: relative;
    top: 4px;
    *top: 0px; /* checkbox alignment bug is in safari ff, but pass different value to IE 7 */
}
.inputEventTxtarea{
padding:5px;
vertical-align:middle;
line-height:14px;
border:0;
width:90%;
float:left;
height:100px;
overflow:auto;
}

.uppercase {
	text-transform:uppercase;
}

.LSDon {
	color:#FFFFFF; padding-left:20px; padding-top:3px; font-size:10px; width:122px; height: 16px; background: url(/themes/jcb/images/codaTab.gif) no-repeat left top; float:left;
 cursor:pointer;
}

.LSDoff {
	color:#FFFFFF; padding-left:20px; padding-top:3px; font-size:10px; width:122px; height: 16px; background: url(/themes/jcb/images/codaTab.gif) no-repeat left bottom; float:left;
 cursor:pointer;
}

.LSDoffdisabled:hover {
	background: url(/themes/jcb/images/codaTab.gif) no-repeat left top; 
}

#LSD_nav {
  border-bottom:1px #C8D7E2 solid; padding-top: 18px;
 
}

#LSD {margin-top: 20px;}
#pullQuoteImg { float:left; padding-right:5px; }
#pullQuote { float:right; width:520px; }

.contentContact {padding-left:0px; padding-right:0px; width:815px;}

#contactForm {
	background-image:url(/themes/jcb/images/contactFormBackground.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#DFE8EE;
	padding:0px 20px 20px 20px;
	float:right;
	width:240px;
}

#contactForm .formDiv{
	padding-top:6px;
}


#sidebarContent {padding-top:20px;}

.archives {padding-top:20px;}

#csHeader {padding-bottom:20px;}

#CSHolder h2 {color: #494A49 !important; }

.emailNote {
   font-size:10px;
   line-height:11px;
}


#eventForm select { width:100%; }