/* general styles 

--------------------------------------------- */
html {
overflow-y: scroll;
}

body {
	background-color: #f7f7e6;
    margin: 0 auto;
    padding:0;
	color: #270d00;/*#1b1b14;*/
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 0.81em;
    line-height: 1.5; 
}

p{
	font-size: 1em;
	line-height:1.5;
	margin:0 0 20px 0;	
}

a{
	color:#0056d7;
}
a:hover{
	color:#411C0A;
	text-decoration: none;
}

label, input, button{
	vertical-align: middle;
}

label{
	color:#000;
	font-size:1em;
	padding-right: .5em;
}

fieldset{
	margin:0;
	padding: 0;
	border: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1{
	font-size: 1.85em;					/* 24px */
	line-height: 1;						/* 24px */
	margin:0 0 .75em 0;					/* 24px */
}

h2{
	color: #356134;
	font-size: 1.38em;					/* 18px */
	line-height: 1.2;					/* 22px */
	margin:2em 0 .66em 0;				/* 36px 0 12px 0 */
	padding-bottom:.5em;
	border-bottom: 1px solid #d5d5c8;
}

h3{
	font-size:1.15em;					/* 15px */
	margin:1.2em 0 .3em 0;				/* 18px 0 7px 0 */
	font-weight:bold;	
}
h4{
	font-size: 1em;
	margin-bottom: 5px;
	font-weight: bold;
}

ul, ol{
	margin:0;
	padding:0;
}

li{
	background:transparent url('../images/bullet-square.png') no-repeat scroll 0 0.6em;
	list-style-image: none ;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0.5em;
	padding:0 0 0 1.5em;
}

a img{
	border:none;
}

/* layout

--------------------------------------------- */

#container{
	background:transparent url('../images/bg-container.png') repeat-x top left;	
	padding:2.78em 0;			/* 36px */	
}

.primary{
	float:left;
	width:70%;
	margin:0;
	padding:0;		
}

.secondary{
	float:right;
	width:30%;
	margin:0;
	padding:0;	
}

/* helper styles 

--------------------------------------------- */

.inner{	
	width:960px;
	margin: 0 auto;	
}

div.mod{
	margin: 0 2.3em 0 0;
}

.content{
	overflow:visible;
	width: auto;
	padding:0 1em;
}

.btn, .btn-alt{
	display:block;
	float:left;
	background: #9dce9c;
	padding:0.4em 3em;
	color:#313d31;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
	border:1px solid #82ab81;
	cursor:pointer;
}

.btn-alt{
	background: #fff url('../images/bg-btn-alt.png') repeat-x bottom left;
	padding: 0.4em 1em;
	color:#3c3b2d;
	border:1px solid #a29f87;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* for centered buttons */
.btn-container{
	display:inline;
	clear:both;
	float:left;
	overflow:hidden;
	width:100%;
	text-align: center;
}

.btn-container .btn{
	display:inline;
	position:relative;
	left:50%;
	float:left;
	margin:0 0 0 -25%;
}

/* end centered buttons */

.box{	
	background-color:#f7f7e6;
	padding:2px;
	border:1px solid #d9d5b5;
}

.box div{
	background-color: #eae6c3;
	padding:1em 1.5em;
}
.section:after {
	content: ".";
    display: block;
    height: 0; 
    clear: both;
    visibility: hidden;
    }

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

.hidden,.hiddenFields{
	display:none;
}

.hidden-text{
	text-indent:-999999px;
}

.archive{
	text-align:right;
}

.twenty, .thirty, .forty, .split, .sixty, .seventy, .eighty, .ninety{
	float:left;
}

.twenty{
	width:20%;
}
.thirty{
	width:30%;
}
.forty{
	width:40%;
}
.split{
	width:50%;
}
.sixty{
	width:60%;
}
.seventy{
	width:70%;
}
.eighty{
	width:80%;
}
.ninety{
	width:90%;
}
.full{
	width:100%;
}

.in-layout{
	float:none !important;
}

ul.slist,
ul.slist li{
	background:none;
	margin:0 ;
	padding:0;	
}

ul.slist{
	margin-bottom: 1em;
}

p.section-link{
	margin-top:-14px;
	margin-bottom:24px;
}

/*  specific type

--------------------------------------------- */

.caption{
	color:#797979;
	font-size:.92em;
	font-style: italic;
	margin:0;
}

.section-header{
	padding:8px 0 10px 0;
	margin-top: 1.5em;
	font-size: 1em;
	text-transform: uppercase;
	border-top:3px solid #89a594;
	border-bottom: 1px solid #d5d5c8;
}

.banner{
	margin-bottom: 1em;
	padding-bottom:5px;
	border-bottom: 3px solid #638977;
}

.banner h2{
	float:left;
	margin:0;
	color:#411C0A;/*#1c341c;*/
	font-size: 1.15em;					/* 15px */
	letter-spacing: 2px;
	text-transform: uppercase;
	border:none;
	
}

.banner a{
	float:right;
	text-decoration: none;
}
.banner a img{
	border:none;
	text-decoration: none;
}

/* header 

--------------------------------------------- */

#header{
	background-color: #f7f7f7;
	border-bottom:1px solid #638977;	
}

#header-utilities{
	background: #a7d2a6 url('../images/bg-header-utilities.png') repeat-x top left;
	padding:5px 12px;
	border:1px solid #7fa67e;
}


/* logo 

--------------------------------------------- */

#logo{
	margin:2em 0;
}


/* nav 

--------------------------------------------- */

#nav {
	background:#386637 url('../images/bg-nav.png') top left repeat-x;
}

#nav ul{
	overflow:hidden;
	float: left;
	margin:0;
	padding:8px 0 6px 10px;
	background: url('../images/bg-nav-left.png') no-repeat top left;
	list-style: none;
}

#nav li{
	float:left;
	background: none;
	padding:0;
	list-style: none;
	border-right: 1px solid #5e855d;	
}

#nav li.last{
	border-right: none;
}

#nav a{
	display:block;
	padding: 0 11px;
	color:#fff;
	text-decoration: none;
}

#nav a:hover{
	text-decoration: underline;
}

/* Sub Navigation */

#nav-secondary{
	margin-bottom:2.2em;
}
	
#nav-secondary li{
	position:relative;
	left:-10px;
	padding:7px 30px;
	background: transparent url('../images/bg-sub-nav-inactive.png') no-repeat bottom left;
	
}



#nav-secondary.overview li.overview,
#nav-secondary.annual_conference li.annual_conference,
#nav-secondary.case_mix li.case_mix,
#nav-secondary.event-archive li.event_archive{
	background: transparent url('../images/bg-sub-nav-active.png') no-repeat;
	border-bottom: none;	
}
#nav-secondary.overview li.overview a,
#nav-secondary.annual_conference li.annual_conference a,
#nav-secondary.case_mix li.case_mix a,
#nav-secondary.event-archive li.event_archive a{
	color:#fff;
	text-decoration:none;
}


/* login 

--------------------------------------------- */

#login{
	background: url('../images/bg-nav-right.png') no-repeat  top right;
	margin:0;
	padding:6px 1em;	
}
#login label{
	color:#fffed0;
	font-size: .92em;
	letter-spacing: 1px;	
	text-transform: uppercase;
}
#login input.text{
	width:100px;
}

/* event-details 

--------------------------------------------- */

#event-details h3{
	background-color:#30582f;
	margin:0;
	padding:.5em 1em;
	color:#fff;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;	
}
#event-details p{
	overflow:hidden;
	width:100%;
	margin:0 0 9px 0;
}
#event-details span{
	display:block;
	float:right;
	width:250px;
}

#event-details strong{
	float:left;
	width:52px;
	text-align: right;
}

/* subscribe 

--------------------------------------------- */

#subscribe input{
	padding:3px 0;
}
#subscribe label{	
	display:block;
	margin: 9px 0 2px 0;
	color:#411C42;
	font-weight: bold;
}
#subscribe h2{
	margin-top:0;
	font-size: 1.15em;					/* 15px */
}

#subscribe p{
	font-size: .92em;					/* 12px */
	margin:0;
}

#subscribe .btn-alt{
	margin:1em 0 0 0;
}

/* hasJS */
body.hasJS #subscribe-form{
	display:none;
}

body.hasJS #subscribe-form button{
	float:left;
}
body.hasJS #subscribe-form p{
	float:left;
	display:inline;
	margin: 1.5em 0 0 10px;
}

/* news 

--------------------------------------------- */

#news{
	background: #e8e8d3;
	padding:2em 0 2.78em 0;		
	border-top: 1px solid #abab9c;
}

#news .slist h3{
	color:#3c6e3b;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom:0;
	vertical-align: top;
}
#news .slist img{
	border:4px solid #f0f0e1;
}
#news .slist a{
	color: #1b1b14;
	display:block;
	width:100%;
	text-decoration: none;
}
#news .slist p a{
	display:inline;
	text-decoration: underline;
	color:#0056d7;
}
#news .slist p a:hover{
	color:#411C0A;
	text-decoration: none;
	}


#news .slist a span{
	color:#3a3a2b;
	text-transform: uppercase;v
	font-size: .92em;
}

/* hover states */
#news .slist a:hover{
	color:#3d2710;
}

#news .slist a:hover h3{
	color:#411C0A;
}

#news .slist a:hover span{
	color:#7f5e4e;
}
#news .slist a:hover img{
		border:4px solid #dbd8c3;
}





/* contact form 

--------------------------------------------- */


#contact-form {
	padding-top:9px;
}
#contact-form input.initval {
	color:#D1BC85;
}
#contact-form fieldset {
	border-bottom:1px solid #F7EDD2;
	margin-bottom:5px;
	padding:4px 0 10px;
}
#contact-form label, 
#contact-form input, 
#contact-form select, 
#contact-form textarea {
	display:block;
	float:left;
}
#contact-form input#lname {
	margin-left:15px;
}
#contact-form label {
	font-size:1em;
	font-weight:normal;
	line-height:1.64em;
	padding-left:10px;
	width:150px;
}
#contact-form label.hide {
	display:none;
}
#contact-form #phonenumber label {
	width:145px;
}
#contact-form input, 
#contact-form select {
	color:#875537;
	font-size:1em;
	font-weight:normal;
	padding:2px 5px;
}
#contact-form input, 
#contact-form select, 
#contact-form textarea {
	color:#875537;
}
#contact-form input {
	width:247px;
}
#contact-form input#fname, 
#contact-form input#lname {
	width:110px;
}
#contact-form .btn-alt{
	display:inline;
	margin:14px 0 0 165px;
}
#contact-form h4 {
	color:#C90002;
	float:right;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	line-height:25px;
	margin:0;
	padding-left:30px;
	text-align:left;
	text-transform:uppercase;
}
#contact-form textarea {
	height:90px;
	width:257px;
}
#contact-form input.hide {
	display:none;
}
#contact-form input.button {
	margin-left:155px;
	width:97px;
}
/* archive table

--------------------------------------------- */


table.table-archive {
	width:100%;
	border-top:1px solid #d6d6b7;
	border-right:1px solid #d6d6b7;
	margin:1em auto;
		border-collapse:collapse;
	}
table.table-archive tr.odd td	{
	background:#f7fbff
	}	

table.table-archive td {
	border-bottom:1px solid #d6d6b7;
	border-left:1px solid #d6d6b7;
	padding:.3em 1em;
	text-align:left;
	}				
table.table-archive th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #d6d6b7;
	border-left:1px solid #d6d6b7;
	padding:.3em 1em;
	}							
table.table-archive thead th {
	background:#E8E8D3;
	text-align:left;
	font-weight: bold;
	color:#411C0A
	}	



/* footer 

--------------------------------------------- */
#footer{
	background-color: #79a278;
	overflow:hidden;
	padding:1em 0;
	border-top: 2px solid #4a6659;
}
#footer .sixty p{
	color:#fff;
	padding-top: 1em;
}
#footer .forty{
	float:right;
	padding-top: 1em;
}
#footer .forty .slist{
	float:right;
}
#footer .forty li{
	float:left;
	background: none;
	padding:0;
	list-style: none;
	border-right: 1px solid #5e855d;
}
#footer .forty li.last{
	border-right: none;
	}	
#footer .forty li a{
	display:block;
	padding: 0 11px;
	color:#fff;
	text-decoration: none;
}