﻿@charset "utf-8";
/* CSS Document */

/*****************************************************************************
Slider
*****************************************************************************/

#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:800px; height:205px; overflow:hidden; }


/*****************************************************************************
Boxes
*****************************************************************************/
.box{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 175px;
	height:auto;
	font-size:0.8em;
}
.box h3{
    margin: 6px 0px 0px 0px;
}
.box .top{
	background: url(/images/box_feat_ad_top.jpg) no-repeat;
	width: 175px;
	height: 45px;
	float: left;
}
.box .content{
	background: url(/images/box_feat_ad_bottom.jpg) bottom left no-repeat;
	margin: 0px;
	padding: 0px 15px 35px 0px;
	float: left;
	width: 170px;
}

/*****************************************************************************
TOPSPOT PAGE
*****************************************************************************/
.topspot_heading {
	background-image: url(/images/Topspot_Box_Headers_Large.jpg);
	height: 60px;
	width: 100%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
.topspot_heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 130%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 12px;
    text-align: left;
}
.topspot_box_container {
    width: 800px;
    margin-bottom: 20px;
}
.topspot_box1 {
    width: 380px;
    clear: both;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    text-align: left;
}
.topspot_box2 {
    border: 1px solid #666666;
    width: 375px;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    text-align: right;
}
.topspot_box3 {
    background-position: center bottom;
    width: 380px;
    height: 390px;
    clear: both;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    text-align: left;
    background-repeat: no-repeat;
}
.topspot_box4 {
    width: 380px;
    height: 390px;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    text-align: left;
    /* background-image: url(/images/Topspot_FeaturedIn_bg.jpg); */
    background-repeat: no-repeat;  
}
.text_padding_left {
    margin-left: 5px;
}
.text_padding_right 
{
    margin-left: 20px;
}
.topspot_box_editorial_container {
    width: 800px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: left;
    float: left;
}
.classification_text_black {
    color: #000000;
    font-size: 90%;
}

.classification_text_green {
    font-weight: normal;
    color: #8CAA4A;
    font-size: 80%;
}


/*****************************************************************************
CHAMBER INFO / RESULTS PAGE
*****************************************************************************/

.chamber-left-column {
    width: 440px;
    clear: both;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    text-align: left;
}
.chamber-right-column {
    width: 339px;
    height: 321px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    text-align: left;
    background-image: url(/images/chamber_info_address_bg.jpg);    
    background-repeat: no-repeat;
}
.chamber_editorial_full_column {
    width: 800px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
    float: left;
}
.chamber_text_padding_right 
{
    margin-left: 20px;
}






.Chamber_info_box{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 800px;
	height:auto;
	font-size:0.8em;
}
.Chamber_info_box h3{
    margin: 6px 0px 0px 0px;
}
.Chamber_info_box .top{
	background: url(/images/homepage_box_chamber_spotlight_main_header.jpg) no-repeat;
	width: 800px;
	height: 100px;
	float: left;
}
.Chamber_info_box .content{
	background: url(/images/chamberpage_box_chamber_spotlight_main_bottom.jpg) bottom left no-repeat;
    background-color: #F4F4F4;	
	margin: 0px;
	padding: 0px 15px 35px 0px;
	float: left;
	width: 800px;
}











/*****************************************************************************
HOMEPAGE
*****************************************************************************/

.home_left_column_logoads
{
    margin: 1px auto 8px auto;
    width: 160px;
    padding-bottom: 8px;
    padding-top: 1px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

.home_chamber_news_heading {
	background-image: url(/images/homepage_box_heading_main.jpg);
	height: 60px;
	width: 100%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
.home_chamber_news_heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 130%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 12px;
    text-align: left;
}
.homepage_box_container
{
    width: 800px;
    margin-bottom: 20px;
}
.homepage_box_spotlight
{
    width: 800px;
    height: 315px;
    vertical-align: top;
    margin-bottom: 0px;
    background-color: #F4F4F4;
    background-image: url(/images/homepage_box_chamber_spotlight_main_bottom.jpg);
    background-repeat: no-repeat;
}
.chamberpage_box_spotlight
{
    width: 800px;
    height: 800px;
    vertical-align: top;
    margin-bottom: 0px;
    background-color: #F4F4F4;
    background-image: url(/images/chamberpage_box_chamber_spotlight_main_bottom.jpg);
    background-repeat: no-repeat;
}
.homepage_box_events
{
    width: 800px;
    height: auto;
    margin-bottom: 0px;
    background-color: #F4F4F4;
    background-image: url(/images/homepage_box_chamber_events_main_bottom.jpg); 
    background-repeat: no-repeat;
}
.homepage_box1
{
    width: 380px;
    height: 410px;
    clear: both;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    background-color: #F4F4F4;
    background-image: url(/images/homepage_box1_bottom.jpg);
}
.homepage_box1_heading {
	background-image: url(/images/homepage_box_heading.jpg);
	height: 60px;
	width: 100%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
.homepage_box1_heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 130%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 12px;
    text-align: left;
}
.homepage_box2
{
    width: 380px;
    height: 410px;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    background-color: #F4F4F4;
    background-image: url(/images/homepage_box2_bottom.jpg);
}
.homepage_box2_heading {
	background-image: url(/images/homepage_box2_heading.jpg);
	height: 60px;
	width: 100%;
	background-repeat: no-repeat;
	padding-bottom: 5px
}
.homepage_box2_heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 130%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 12px;
    text-align: left;
}
.homepage_box_heading_text {
    text-align: left;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    padding-left: 10px;
}
.homepage_box_heading_text a:link, .homepage_box_heading_text a:visited, .homepage_box_heading_text a:active {
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-decoration: none;
}
.homepage_box_heading_text a:hover {
	color: #B39773;
}   
.h2_small{
    font-size: 90%;
    color: #333333;
}

.Events_info_box{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 800px;
	height:auto;
	font-size:0.8em;
}
.Events_info_box h3{
    margin: 6px 0px 0px 0px;
}
.Events_info_box .top{
	background: url(/images/homepage_box_chamber_events_main_header100.jpg) no-repeat;
	width: 800px;
	height: 100px;
	float: left;
}
.Events_info_box .content{
	background: url(/images/chamberpage_box_chamber_spotlight_main_bottom.jpg) bottom left no-repeat;
    background-color: #F4F4F4;	
	margin: 0px;
	padding: 0px 15px 35px 0px;
	float: left;
	width: 800px;
}



















.homepage_events_box{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 800px;
	height:auto;
	font-size:0.8em;
}
.homepage_events_box h3{
    margin: 6px 0px 0px 0px;
}
.homepage_events_box .top{
	background: url(/images/homepage_box_chamber_events_main_header100.jpg) no-repeat;
	width: 800px;
	height: 100px;
	float: left;
}
.homepage_events_box .content{
	background: url(/images/chamberpage_box_chamber_spotlight_main_bottom.jpg) bottom left no-repeat;
    background-color: #F4F4F4;	
	margin: 0px;
	padding: 0px 15px 35px 0px;
	float: left;
	width: 800px;
}

/*****************************************************************************
COMMON
*****************************************************************************/


.homepage_box_full {
    width: 800px;
    clear: both;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    background-color: #F4F4F4;
}
.home_chamber_spotlight_heading {
    background-image: url(/images/homepage_box_chamber_spotlight_main_header.jpg);
    height: 90px;
    width: 100%;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-top: 0px;
    clear: both;
}
.home_chamber_page_spotlight_heading {
    width: 100%;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-top: 0px;
    clear: both;
}
.home_chamber_page_spotlight_heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 130%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 12px;
    font-size: 21px;
    text-align: left;
}
.home_chamber_spotlight_heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 130%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 44px;
    text-align: left;
}
.home_chamber_spotlight {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    padding-top: 0px;
    float: none;
}


.home_chamber_events_heading {
    background-image: url(/images/homepage_box_chamber_events_main_header.jpg);
    height: 90px;
    width: 100%;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-top: 0px;
    clear: both;
}
.home_chamber_events_heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 130%;
    margin: 0px;
    padding-left: 10px;
    padding-top: 34px;
    text-align: left;

}
.home_chamber_events {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    padding-top: 0px;
    float: none;
}

/*****************************************************************************
CONTACT PAGE NEW!!!!!!!
*****************************************************************************/

#contact-left-column {
    width: 380px;
    float: left;
}
#contact-right-column {
    width: 360px;
    float: left;
    margin-left: 60px;
}
.contact-separator {
    float: left;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #E2E2E2;
    width: 100%;
}
#contact-form-column {
    width: 350px;
    height: 500px;
    float: left;
    background-image: url(/images/contact_us_form.jpg);
}
.contact-form-row {
    width: 310px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*****************************************************************************
PORTFOLIO
*****************************************************************************/

.portfolio-content {
    margin: 0px auto 20px auto;
    width: 795px;
}
.portfolio-screenshot
{
    width: 160px;
    float: left;
    margin-left: 20px;
}
.portfolio-class {
	border:1px solid #cccccc;
	padding:4px;
}
.portfolio-class:hover {
	border:1px solid #71808e;
	padding:4px;
}
.portfolio-description {
    width: 570px;
    float: left;
    margin-left: 30px;
    text-align: left;
    font-size: small;
    vertical-align: top;
}
.portfolio-description h2 {
    color: #5D4D37;
    text-align: left;
    font-size: large;
}
.portfolio-description p {
	margin-bottom:15px;
}

