/* -----------------------------------------------------------------------------
  Resets
----------------------------------------------------------------------------- */

html,body {
  margin: 0;
  padding: 0; 
  font-size: 62.5%/1.5;
}

li li, li p, td p, blockquote p { font-size: 1em }

input, select, th, td { font-size:1em }

h1 { font-size: 1.3em; }

h2 { font-size: 1.2em; text-transform: uppercase; }

h3 { font-size: 1.1em; }

h4 { font-size: 1.1em; }

img { border: 0; padding: 0 0; margin: 0 0; }

/* Form Resets */

form fieldset {
  padding: 0 0;
  margin: 0 0;
  border: 0;
  
}
form input {
  padding: 0 0;
  margin: 0 0;  
}

img, div { behavior: url(/js/iepngfix.htc) }



/* -----------------------------------------------------------------------------
  Page Layout
----------------------------------------------------------------------------- */

body {
  font-family: arial,sans-serif;
  text-align: center;
  background: url(../images/ui/bg-main.jpg) top left repeat-x #f8f7f4;
  color: #4d4d4d;
}
  
div#container {
  width: 993px;
  margin: 0 auto;
  text-align: left;
}


div#wrapper {
  float: left;
  width: 100%;
  min-height: 650px;
  background: url(../images/ui/bg-content.jpg) top center repeat-y;
  margin: 0 0 5px 0;
}

div#wrapper-foot {
  float: left;
  width: 100%;
  background: url(../images/ui/bg-contentbottom.jpg) bottom center no-repeat;
  margin: 0 0 20px 0;
}

html>body div#wrapper-foot {
  background: url(../images/ui/bg-contentbottom.jpg) bottom center no-repeat;
}

div#masthead img {
  margin: 0 auto;
  text-align: center;
}

div#header {
  height: 140px;
  width: 965px;
  margin: 0px auto;
}

div#content {
  width: 585px;
  margin: 0 200px;
}

#wrapper-top {
  width: 100%; 
  margin: 0px 0px 20px 0px;
}

#wrapper-bottom {
  width: 100%; 
  margin: 20px 0px 0px 0px;
}

div#navigation {
  height: 34px;
  margin: 0 0 11px 0;
  padding-left: 10px;
  color: #FFF;
}



div#left-column {
/*   background: #555555; */
  color: #000;
  float: left;
  width: 190px;
  margin-left: -996px;
}

html>body div#left-column {
  margin-left: -996px;
}

div#right-column {
/*  background:#555555; */
  color: #000;
  float: left;
  width: 190px;
  margin-left: -195px;
}

html>body div#right-column {
  margin-left: -195px;
}

div#footer {
  color: #000;
  clear: left;
  width: 100%;
}

div#content div.padding {
  margin: 20px 0px 0px 0px;
}

html>body div#content div.padding  {
  padding: 0px 0px 20px 0px;
}

div#right-column div.padding  {
  margin: 20px 10px 20px 10px;
}

div#left-column div.padding  {
  margin: 20px 10px 20px 20px;
}

div#footer div.padding  {
  margin: 20px 0px 20px 0px;
}

html>body div#footer div.padding  {
  padding: 20px 0px 20px 0px;
}

/* ----- Sponsors ----- */

div#footer div#sponsors {
  clear: both;
  width: 985px;
  height: 160px;
  background: url(../images/ui/bg-diamondsponsors.jpg) top left repeat-x;
  margin: 0 auto;
}

div#footer div#sponsors div.padding  {
  margin: 20px 10px 20px 10px;
}

div#footer div#sponsors div#diamond {
  float: left;
  clear: left;
}

div#footer div#sponsors div#emerald {
  float: right;
  clear: right;
}

div#footer div#sponsors div#diamond div.sponsor-images {
  background-color: #FFFFFF; 
  border: 1px solid #929292;
  width: 785px;
}

div#footer div#sponsors div#emerald div.sponsor-images {
  background-color: #FFFFFF; 
  border: 1px solid #929292;
  width: 167px;
}

div#footer div#sponsors div#web-site div.sponsor-images {
  background-color: #FFFFFF; 
  border: 1px solid #929292;
  width: 167px;
}

/* ----- Site Map ----- */

div#footer div#sitemap {
  clear: both;
  width: 100%;
  text-align: center;
}

div#footer div#sitemap div.padding p a {
  display: inline-block;
  text-decoration: none;
  color: #535353;
}

div#footer div#sitemap div.padding  {
  margin: 20px 20px 20px 20px;
}

html>body div#footer div#sitemap div.padding  {
  margin: 0px 20px 20px 20px;
}

/* -----------------------------------------------------------------------------
  Navigation Items
----------------------------------------------------------------------------- */

div#navigation ul {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0 0;
}

div#navigation ul li {
  font-size: .8em;
  float: left;
  margin: 0 0;
  padding: 0 0;
}

div#navigation ul li a {
  margin: 0 0;
  padding: 0 0;
  color: #224363;
  text-transform: uppercase;
}

/* ----- Utility Bar ----- */

div#header div#utility {
  font-size: .8em;
  margin: auto 0;
  width: 180px; 
  float: right; 
  margin: 0 auto; 
  color: #ffffff;
}

div#header div#utility ul {
  list-style-type: none; 
  margin: 20px 0 0 30px; 
  padding: 0 0;
}

div#header div#utility ul li {
  line-height: 1em;
  height: 26px;
  vertical-align: middle;
}

div#header div#utility ul li img {
  height: 22px;
  width: 22px;
  vertical-align: middle;
}

html>body div#header div#utility ul li img {
  vertical-align: middle;
  margin: 0 7px 0 0;
  padding: 0 0 0 0;
}

div#header div#utility ul li a {
  display: block;
  padding: 0 0 0 0;
  color: #eee;
  text-decoration: none;
  height: 26px;
}

div#header div#utility ul li a:hover {
  
  color: #ffffff;
}

/* -----------------------------------------------------------------------------
  Primary Items
----------------------------------------------------------------------------- */

div#header div#logo {
  width: 180px; 
  float: left;
}

div#header div#facets {
  width: 200px; 
  float: left;
  display: inline;
  /* margin: 0 auto; */
}

.logo {
  position: relative;
  left: 5px;
  height: 139px;
  width: 114px;
}

div#intro {
	width: 380px;
	display: inline;
	float: left;
	margin-top: 15px;
}

div#intro div#facets {
  height: 120px;
  width: 381px;
}

html>body div#header div#logo img {
  position: relative;
  left: 25px;
} 

#welcome {
  width: 100%; 
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  font-size: .8em;
}

html>body #welcome {  margin: -10px 0px 0px 0px; }

#highlights {
  float: left; 
  width: 305px; 
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  border-right: 1px solid #e1e0d7;
}

#highlights2 {
  float: left; 
  width: 545px; 
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
}

#didyouknow {
  float: right; 
  width: 240px; 
  margin: 0px 0px 0px 0px;
}

#highlights,#didyouknow, #highlights2 { margin: 5px 0 0 0; }

#slider1{
	height: 820px;
}

div#didyouknow img {
  padding: 2px 2px;
  border: 1px solid #929292;
}

#chamberevents, #keepmeposted {
  border: 1px solid #929292;
}

#keepmeposted {
  background-color: #e6e7ed;
}

#keepmeposted div.subtitle {
  height: 23px; 
  background: url(../images/ui/bg-posted.jpg) top left repeat-x;
  padding: 5px 10px;
}

#chamberevents div.subtitle {
  height: 45px; 
/*  background: url(../images/ui/bg-events2.jpg) top left repeat-x;*/
}

/* -----------------------------------------------------------------------------
  Secondary Items
----------------------------------------------------------------------------- */

div#welcome img.signup {
  float: right;
  clear: right;
  margin: 0;
  padding: 0;
}

div#highlights span {
  float: right;
  margin: 0 0 20px 0;
}

div#highlights2 span {
  float: right;
  margin: 0 0 20px 0;
}

/* -----------------------------------------------------------------------------
  Ancillary Items
----------------------------------------------------------------------------- */


.left {
  float: left;
}

.right {
  float: right;
}



/* ----- Chamber Events ----- */

div#left-column div#chamberevents {
  background-color: #e6ede9;
}

div#left-column div#chamberevents dl {
 margin: 0 10px;
 padding: 0 0;
}

div#left-column div#chamberevents dl dt {
 margin: 0 0;
 padding: 0 0;
clear: both;
 
 color: #464646;
 font-weight: bold;
}

div#left-column div#chamberevents dl dd {
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 
 color: #464646;
 line-height: 1.4em;
 
 border-bottom: 1px solid #959595;
}

div#left-column div#chamberevents dl dd span {
  clear: both;
  color: #6789a7;
}

div#left-column div#chamberevents dl dd span a {
  color: #6789a7;
  font-weight: bold;
  display: block;
  margin: 10px 0 0 0;
  text-align: right;
}

div#left-column div#chamberevents img {
  float: right;
  margin: 0 5px 0 0;
  display: block;
}

/* -----------------------------------------------------------------------------
  Typography
----------------------------------------------------------------------------- */

/* ----- Headings ----- */

h2.highlights {
  background: url(../images/icons/star.png) top left no-repeat;
  padding-left: 20px;
}

h2.highlights2 {
  background: url(../images/icons/star.png) top left no-repeat;
  padding-left: 20px;
}

h2.didyouknow {
  background: url(../images/icons/lightbulb.png) top left no-repeat;
  padding-left: 20px;
}



/* ----- Main Content ----- */

div#content p {
  line-height: 1.4;
}

div#content div.padding span.pagetitle {
  font-size: 1em;
  text-transform: normal;
}

div#content div.padding span.headline {
  font-size: 1em;
}

/* ----- Welcome ----- */

div#welcome div.left p {
  margin: 0;
}

div#welcome div h1 {
  height: 44px;
  width: 300px;
  background: url(../images/welcome.jpg) no-repeat;
}

div#welcome div h1 span {
  display: none;
}

/* ----- Highlights ----- */

div#highlights {
  font-size: .8em;
}

div#highlights p {
  line-height: 1.6em;
  margin-left: 0px; 
}

div#highlights h2 {
  margin-left: 0px; 
}

div#highlights h3 {
  font-weight: bold;
  color: #636363;
  clear: both;
}

div#highlights span a {
  color: #6789a7;
  font-weight: bold;
  text-decoration: underline;
}

/* ----- Highlights2 ----- */

div#highlights2 {
  font-size: .8em;
}

div#highlights2 p {
  line-height: 1.6em;
  margin-left: 0px; 
}

div#highlights2 h2 {
  margin-left: 0px; 
}

div#highlights2 h3 {
  font-weight: bold;
  color: #636363;
  clear: both;
}

div#highlights2 span a {
  color: #6789a7;
  font-weight: bold;
  text-decoration: underline;
}

/* ----- Did You Know ----- */

div#didyouknow {
  font-size: .8em;
}

div#didyouknow h2 {
  margin-left: 0px; 
}

div#didyouknow p {
  margin: 0 0 20px 0;
  line-height: 1.6em;
}

div#didyouknow span {
  font-size: .75em;
  margin: 0 auto;
  padding: 0 auto;
}

/* ----- Search the Chamber ----- */

div#right-column div#search h2 {
  font-size: .9em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* ----- Chamber Events ----- */

div#left-column {
  font-size: .8em;
}

/* ----- Keep Me Posted ----- */

div#right-column {
  font-size: .8em;
}

/* ----- Chamber Partners ----- */


div#wrapper-bottom h2 {
  font-size: .8em;
  margin: 0 0 0 0;
}

div#wrapper-bottom p {
  font-size: .8em;
  margin: 0 0 20px 0;
}

div#wrapper-bottom a {
  font-size: .7em;
  font-weight: bold;
  color: #6789a7;
  line-height: 1em;
}

/* ----- Website/Diamond/Emerald Sponsors ----- */

div#right-column div.padding div#website h2 {
  font-size: .9em;
  margin: 0 0;
}

div#right-column div.padding div#website div.sponsor-images {
  background-color: #FFFFFF; 
  border: 1px solid #929292;
  width: 167px;
}

div#footer div#sponsors div#diamond h2 {
  font-size: .9em;
  margin: 0 0;
}

div#footer div#sponsors div#emerald h2 {
  font-size: .9em;
  margin: 0 0;
}

/* ----- Footer ----- */

div#footer {
  font-size: .75em;
}


/* -----------------------------------------------------------------------------
  Form Styles
----------------------------------------------------------------------------- */

/* ----- Search the Chamber ----- */

div#right-column div.padding div#search form { margin: 0 0; padding: 0 0; }

div#right-column div.padding div#search h2 {
  background: url(../images/icons/zoom.png) top left no-repeat;
  padding-left: 20px;
  margin-bottom: 5px;
}

div#right-column div.padding div#search form fieldset input.textInput {
  margin: 0 0;
  padding: 0 0;
  width: 127px;
}

div#right-column div.padding div#search form fieldset input.textSubmit {
  margin: 0 0;
  padding: 0 0;
  vertical-align: text-bottom;
}

html>body div#right-column div.padding div#search form fieldset input.textSubmit { vertical-align: bottom; }


/* ----- Keep Me Posted ----- */

div#right-column div.padding div#keepmeposted form fieldset {
  margin: 0 0px 20px 0px;
}

    html>body div#right-column div.padding div#keepmeposted form fieldset {
      margin: 0 10px 20px 10px;
    }

div#right-column div.padding div#keepmeposted form fieldset span {
  margin: 0px 0px 20px 10px;
}
    
    html>body div#right-column div.padding div#keepmeposted form fieldset span {
      margin: 0px 0px 20px 0px;
    }

div#right-column div.padding div#keepmeposted form { margin: 0 0; padding: 0 0; }

div#right-column div.padding div#keepmeposted form fieldset input.textInput {
  margin: 0 0;
  padding: 0 0;
  width: 140px;
}

div#right-column div.padding div#keepmeposted form fieldset input.textSubmit {
  margin: 10px 15px 0 0;
  padding: 0 0;
  vertical-align: text-bottom;
  float: right;
}

    html>body div#right-column div.padding div#keepmeposted form fieldset input.textSubmit { vertical-align: bottom; margin: 10px 5px 0 0; }



/* -----------------------------------------------------------------------------
  Sitemap
----------------------------------------------------------------------------- */

ul#sitemap {
  list-style-type: none;
  width: 50%;
}

ul#sitemap li {
  list-style-type: none;
  line-height: 2em;
  text-transform: uppercase;
  font-weight: bold;
}

/* ----- */

ul#sitemap ul {
  list-style-type: none;
}

ul#sitemap ul li {
  text-transform: none;
  font-weight: normal;
  line-height: 1.8em;
}

/* ----- */

ul#sitemap ul ul {
  list-style-type: none;
}

ul#sitemap ul ul li {
  text-transform: none;
  font-weight: normal;
  line-height: 1.6em;
}

/* -----------------------------------------------------------------------------
  Page Formatting
----------------------------------------------------------------------------- */

span.more, a span.more {
  /* color: #6789A7; */
  font-size: .9em;
  text-decoration: none;
}

/* ----- Breadcrumb ----- */

div#content span.breadcrumb {
  font-size: .7em;
}

div#content div.padding span.breadcrumb a, div.padding span.breadcrumb a:visited {
  color: #6789A7;
}

div#content div.padding span.breadcrumb a:hover {
  color: #3860B4;
}

/* ----- Page Title ----- */

div#content div.padding span.pagetitle {
  text-transform: uppercase;
  font-weight: bold;
}

/* -----------------------------------------------------------------------------
  Anchor Styles
----------------------------------------------------------------------------- */

/* ----- Headline ----- */

div#content div.padding span.headline {
  font-weight: bold;
  /* color: #4d4d4d; */
}

div#content span.wheadline, a span.wheadline, a:visited span.wheadline {
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 1em;
}

div#content div.padding a span.headline, div.padding a:visited span.headline, div.padding a:link span.headline {
  text-decoration: none;
  font-weight: bold;
  /* color: #6789A7; */
}

/* ----- Sub Headline ----- */

div#content div.padding span.subheadline, div.padding span.headline {
  font-weight: bold;
  text-decoration: none;
}

div#content div.pad5x10 {
  font-size: .8em;
}

div#content div.pad5x10 a {
  color: #6789A7;
}

div#content div.pad5x10 a:hover {
  color: #3860B4;
}

/* ----- Left Column ----- */
div#left-column div#chamberevents dl dd span a {
  color: #6789A7;
}

div#left-column div#chamberevents dl dd span a:hover {
  color: #3860B4;
}

/* ----- Footer ----- */

div#footer div#sitemap div.padding p a {
  color: #535353;
}

div#footer div#sitemap div.padding p a:hover {
  color: #080808;
}

/* ----- Front Page ----- */

div#content  a {
  color: #6789A7;
}

div#content a:hover {
  color: #3860B4;
}

/* ----- Generic ----- */

a {
  color: #6789A7;
}

a:hover {
  color: #3860B4;
}

.headerImage { height: 101px; width: 178px; margin: 23px 10px; }