@import url("../css/reset.css");


#secondary h3.sponsorHeading {
	margin: 50px 0 5px 0;
}
#sponsorLogos {
	padding: 15px 0;
	margin:0 0 0 -15px;
	text-align:center;
}
#sponsorLogos img {
	margin: 5px 0;
	width: 175px;
}

.colA { float: left; width: 48%; }
.colB { float: right; width: 48%; }
.clear { clear: both; }

/*  

Globals

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

* {margin:0; padding:0;}



body {

    font: 12px/1.4em "Lucida Sans", "Lucida Grande", sans-serif;

	background: url(../gfx/bg_pattern.jpg) repeat 0 0;

    color: #583939;

	margin: 0;

} 

hr { display: none; }



strong, b { font-weight: bold; }

em, i { font-style: italic; }



a {

	color: #982912;

	text-decoration: none;

}

a:hover {

	color: #000;

}



/* Layout Divisions

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

body#home #outer_wrapper, body.wide_content #outer_wrapper {

	background: url(../gfx/midbg.gif) repeat-y 50% 0 #fff;	

	width: 100%;

}



#outer_wrapper {

	background: url(../gfx/midbg2.jpg) repeat-y 50% 0 #fff;	

	width: 100%;

}



body#home #inner_wrapper, body.wide_content #inner_wrapper {

	width: 100%;

	background: url(../gfx/bg.jpg) 50% 0 no-repeat;

}



#inner_wrapper {

	width: 100%;

	background: url(../gfx/bg2.jpg) 50% 0 no-repeat;

}





#wrapper {

	margin: 0 auto;

	width: 990px;  

	background:url(../gfx/header.png) no-repeat 0 53px;

	position: relative;

}

#logo {

	width: 315px;

	height: 104px;

	background: url(../gfx/logo.png) no-repeat 0 0;

	text-indent: -999em;

	position: absolute;

	top: 15px;

	left: 50px;

}

#header #event_date {

	width: 336px;

	height: 99px;

	text-indent: -999em;

	background: url(../gfx/nimbyfifty_05282011.png) no-repeat 0 0;

	position: absolute;

	right: -15px;

	top: 40px;

}

#header {

	width: 845px;

	height: 167px;

	margin: 0 auto;

	position: relative;

}

#global_container {

	width: 845px;

	margin: 0 auto;

	padding: 0;

	background: url(../gfx/inside-div.png) repeat-y 242px;

}



body.wide_content #global_container {

	background: none;

}



#subheader {

	width: 845px;

	margin: 0 auto;

	height: 280px;

	position: relative;

}

#primary {

	width: 520px;

	float: right;

	padding: 35px 40px 50px 40px;

}



body.wide_content #primary {

	width: 765px;

	float: none;

	padding: 35px 40px 50px 40px;

}



#secondary {

	width: 243px;

	float: left;

}





/* HOME SUBHEADER

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

#event_info {

	position: absolute;

	top: 0;

	left:0;

	width: 50%;

	padding: 20px 30px;

}

#event_info h2 {

	width: 	415px;

	height: 38px;

	text-indent: -999em;

	display:block;

	background: url(../gfx/home_headtitle.png) no-repeat 0 0;

	margin: 0 0 20px 0;

}



#event_info ul li {

	width: 400px;

	margin: 0 0 10px 0;	

}

#event_info ul li span {

	display: block;

	width: 50px;

	float: left;

	color: #982812;

	font-weight: bold;

}

#event_info ul li p {

	display: block;

	width: 340px;

	float: right;

}

#btn_register {

	width: 183px;

	height: 49px;

	display: block;

	text-indent: -999em;

	background: url(../gfx/register_btn.png) no-repeat 0 0;

	position: absolute;

	bottom: 45px;

	right: 45px;

	z-index: 5000;

	cursor: pointer;

}

#btn_register:hover {

	background-position: 0 -49px;	

}



body#home #global_container {

	width: 820px;

	margin: 0 auto;

	padding: 20px 0 0 0;

	background: none;

}

#global_container .colBox {

	width: 240px;

	float: left;

	padding: 0 15px;

}

#global_container .colBox .in_map {

	padding: 5px;

	background: #fff;

	margin: 0 0 15px;

	border: 1px solid #999;

}

#global_container .colBox .col_cta {

	width: 130px;

	height: 28px;

	display: block;

	background: url(../gfx/homebtn_bg.png) no-repeat 0 0;

	line-height: 28px;

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	margin: 0 0 15px;

}

#global_container .colBox .col_cta:hover {

	color: #FC3;

}



.content #newsBox {

	margin: 0 0 25px 0;	

	padding: 0;

}

.content #newsBox li {

	padding: 2px 0 0 20px;

	background: url(../gfx/bullet_red.gif) no-repeat 0 3px;

	margin:0 0 15px 0;

	font-weight: bold;

}

.content #newsBox li a {

	color: #982912;

	text-decoration: none;

	background: none;

	font-weight: bold;

}

.content #newsBox li a:hover {

	text-decoration: underline;	

}

.content #newsBox li .date {

	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #BA7A1B;

	text-transform: uppercase;

}







/* GLOBAL STYLES

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

.content h1 {

	font-size: 28px;

	color: #982912;

	margin: 0 0 25px 0;

	line-height: 1.2em;

}

.content h2 {

	font: 20px Cambria, "Times New Roman", Times, serif;

	color: #697B4C;

	margin: 0 0 10px 0;

	padding: 5px 0 10px 20px;

	background: url(../gfx/green_arrow.gif) no-repeat 0 50%;

	border-bottom: 1px dashed #999;

	line-height: 1.2em;

}

.content h3 {

	font-size: 14px;

	color: #982912;

	font-weight: bold;

	margin: 0 0 5px 0;

	line-height: 1.2em;

}

.content h4 {

	font-size: 12px;	

	margin: 0;

	text-transform: uppercase;

	color: #444;

	font-weight: bold;

	line-height: 1.2em;

}



.content h5 {

	font-weight: bold;

	margin: 0;

	color: #666;

	font-size: 12px;

	background: url(../gfx/bullet_red.gif) no-repeat 0 3px;

	padding: 0 0 10px 20px;

	line-height: 1.2em;

}

.content h6 {

	color: #000;

	font-size: 11px;

	margin: 0;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 1.2em;

}

.content .image_left {

	padding: 5px;

	background: #fff;

	border: 1px solid #ccc;

	float: left;

	margin: 0 15px 15px 0;

}

.content .image_right {

	padding: 5px;

	background: #fff;

	border: 1px solid #ccc;

	float: right;

	margin: 0 0 15px 15px;

}

.content #primary a {

	color: #982912;

	text-decoration: underline;	

	background: #FFC;

	font-weight: normal;

}

.content #primary a:hover {

	text-decoration: underline;	

	color: #000;

}

.content p {

	margin: 0 0 20px 0;

	line-height: 1.6em;

}

.content .headline {

	font-size: 17px;

	font-weight: normal;

	line-height: 24px;

	margin: 0 0 30px 0;

}

.content p.small {

	font-size: 10px;

	color: #444;

	line-height: 15px;

	margin: 0;

}



.content blockquote {

	width: 220px;

	float: right;

	background: #F8F7DE;

	padding: 15px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border: 1px solid  #ECD6B4;

	margin: 0 0 20px 25px;

}

.content blockquote span {

	font-family: Cambria, "Times New Roman", Times, serif;

	font-size: 17px;

	font-style: italic;

	line-height: 26px;	

	display: block;

}



.content blockquote h3, .content #secondary .contactWrap {

	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;	

	color: #8B5E3B;

	margin: 0 0 10px 0;

}



.content #secondary .contactWrap {

	width: 190px;

	margin: 30px auto;

	background: #F8F7DE;

	padding: 15px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border: 1px solid  #ECD6B4;

	font-size: 11px;



}





.content #primary ul,ol {

	margin: 0 0 20px 30px;	

	padding: 0;

}

.content #primary ul li {

	padding: 2px 0 0 20px;

	background: url(../gfx/bullet_red.gif) no-repeat 0 3px;

	margin:0 0 15px 0;

	font-weight: bold;

}

.content #primary ul li ul {

	margin: 0 0 0 20px;	

}

.content #primary ul li ul li {

	font-size: 11px;

	background: url(../gfx/mini_checkmark2.png) no-repeat 0 3px;

	color: #888;

}

.content #primary ol {

	margin: 0 0 0 50px;	

}

.content #primary ol li {

	list-style:lower-roman;

	font-size: 12px;

	font-weight: bold;

	margin: 0 0 10px 0;

	color: #689630;

}	





/* BLOGS

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

#primary .blog_entry {

	margin: 0 0 15px 0;

	background: #F8F7DE;

	padding: 15px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border: 1px solid  #ECD6B4;

}

#primary .blog_entry .date {

	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #BA7A1B;

	text-transform: uppercase;

	margin: 0 0 20px 0;

	display: block;

}

#primary .blog_entry h3 {

	font-size: 17px;

	font-weight: bold;

}

#primary .blog_entry h3 a {

	background: none;	

}

#wrapper #primary .btn_continue {

	clear: both;

	font-weight: bold;

	font-size: 11px;

	margin: 10px 0 0 0;

	background: url(../gfx/bullet_red.gif) no-repeat 0 5px;

	padding: 5px 0 5px 15px;

}





/* SUBNAVIGATION

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

#subnav {

	padding: 60px 0 40px 0;	

}

#subnav li {

	width: 	245px;

	margin: 0 0 5px 0;

}

#subnav li a {

	display: block;

	width: 205px;

	height: 34px;

	line-height: 34px;

	font-weight: normal;

	font-size: 16px;

	padding: 0 10px 0 30px;

	color: #666;

	background: url(../gfx/subnav_arrow.gif) no-repeat 12px 50%;

}

#subnav li a:hover, #subnav li.active a {

	background: url(../gfx/subnav_active.png);

	color: #fff;

	text-decoration: none;

	border: none;

}



/* UTILiTY

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

#utility_nav {

	position: absolute;

	top: 20px;

	right: 100px;

}

#utility_nav ul li {

	float: left;	

	margin: 0 10px;

}

#utility_nav ul li a:hover {

	text-decoration: underline;

}





/* Navigation

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

#navigation {

	width: 990px;

	position: absolute;

	top: 134px;

	left: 15px;

}

#navigation ul li {

	float: left;

}

#navigation ul li a {

	font-size: 18px;

	text-transform: uppercase;

	color: #f59c16;

	line-height: 36px;

	padding: 0 15px;

}

#navigation ul li a:hover, #navigation ul li.active a {

	color: #fff;	

}



/* Footer

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

#outer_footer {

	width: 100%;

	background: url(../gfx/footer_bg.jpg) repeat-x 0 0;

	height: 150px;

}

#footer {

	width: 845px;

	margin: 0 auto;

	position: relative;

}	

#footer .copy {

	font-size: 10px;

	color: #F4EDCA;

	position: absolute;

	top: 25px;

	left: 10px;

}

#footer .copy a {

	color: #fff;

	text-decoration: underline;

}

#footer .copy a:hover {

	text-decoration: underline;	

}

#footer #btn_twitter {

	width: 	42px;

	height: 37px;

	text-indent:-999em;

	display: block;

	background: url(../gfx/social_icons.png) no-repeat 0 0;

	position: absolute;

	right: 10px;

	top: 25px;

}

#footer #btn_facebook {

	width: 	42px;

	height: 37px;

	text-indent:-999em;

	display: block;

	background: url(../gfx/social_icons.png) no-repeat -42px 0;

	position: absolute;

	right: 60px;

	top: 25px;

}

#footer #btn_youtube {
	width: 	42px;
	height: 37px;
	text-indent:-999em;
	display: block;
	background: url(../gfx/social_icons.png) no-repeat -84px 0;
	position: absolute;
	right: 110px;
	top: 25px;
}




/* Feedback Form

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





#feedback_form {



	padding: 15px 10px 0 10px;



}



#feedback_form .fieldbox {



	padding: 5px 0;



	margin: 0 0 10px 0;



}



#feedback_form .validation-advice {

	font-size: 11px; 

	color: #F00;

	font-weight: bold;

	width: 100px;

	display: block;

	float: right;

}



#feedback_form label {



	color: #666;

	

	font-size: 12px;



	width: 100px;

	

	font-weight: normal;



	float: left;



}



#feedback_form input, #feedback_form textarea {



	font: 12px Arial, Helvetica, sans-serif;



	color: #666;



	padding: 7px;



	width: 270px;



	background: url(../gfx/contact_form_bg.jpg) repeat-x 0 100% #fff;



	border: 1px solid #ccc;



	float: left;

	margin: 0 10px 0 0;



}



#feedback_form #btn_send {

	width: 130px;

	height: 28px;

	display: block;

	line-height: 25px;

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	background: url(../gfx/homebtn_bg.png) no-repeat 0 0;

	border: none;

	cursor: pointer;

	margin: 0 0 0 100px;

}



#feedback_form #btn_send:hover {



	color: #FC3;



}



/* Helpers 

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

.clear {

	clear: both;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */