/* *******************************************  VT Chamber of Commerce  - 2009  ******************************************* */

/*
Color Key:

body bg grey - #888888
blue buttons - #15678D

*/

@import url('/_common/css/meyer_reset.css');

/* Separate base html elements into another file so that it can be used w/in tinymce
to provide a consistent experience editing & viewing */
@import url('/_common/css/html_elements.css');


/* HTML content entered via cms
@import url('/_common/css/cms_html.css'); */

#wrapper,#wrapper_bottom {
    margin: 0 auto;
    width:980px;
}
#wrapper_bottom {
    height:40px;
}
#wrapper { background: url(/_common/img/bg/shadow.gif) repeat-y top left; }
#wrapper_bottom { background:url(/_common/img/bg/shadow_bottom.gif) no-repeat top left; }

#container {
    margin: 0 auto;
    width: 946px;
}


/* *******************************************  Header   ******************************************* */

#header {
    margin: 0 auto;
    position: relative;
    background:#19371b url(/_common/img/bg/header.jpg) repeat-x bottom left;
    width: 946px;
    height:111px !important;
}

#logo {
    position: absolute;
    left: 24px;
    top: 21px;
}
#logo a {
    width: 157px;
    height: 75px;
    display: block;
    background:url(/_common/img/logo.gif);
}
#logo a strong {
    display:none;
}

/* ---------- sub navigation ---------- */
#header ul#sub-nav {
    float:right;
    margin: 25px 18px 0 0;
    padding:0;
    list-style:none;
    font-size: 1.2em;
}
#header ul#sub-nav li {
    margin:0;
    padding:0 0 0 .4em;
    float: left;
    list-style:none;
    color:#fff;
}
#header ul#sub-nav li a {
    color:#fff;
    text-decoration:none;
}
#header ul#sub-nav li a:hover {
    text-decoration:underline;
}

#search-form {
    clear:right;
}
#search-form dl {
    float:right;
    padding:0;
    margin:0;
    margin-top:12px;
    margin-right:12px;
    width:225px;
}
#search-form dl dt {
    float:left;
    padding-right:3px;
}
#search-form dl dt .searchField {
    width:180px;
    font-size:1em;
    color:#666;
    border:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    border-bottom:1px solid #ddd;
    padding:.3em .4em;
}
#search-form dl dd  {
    float:right;
}

#search-form dl dt.searchLink {
    margin-top: 7px; 
}

#search-form dl dt.searchLink a{
    color: white;
}


/* *******************************************  Main Navigation/Banner Area  ******************************************* */

#bannerWrap {
    height:188px;
    margin: 0 auto;
    position: relative;
    width: 946px;
    background-color:#000;
}
#bannerWrap.bannerHome {
    height:355px;
}
#banner {
    width: 946px;
    height:147px;
    position: absolute;
    top:33px;
    left:0;
    z-index:5;
    background:url(/_common/img/banner_logo.gif) no-repeat 0 0;
}
#bannerWrap.bannerHome #banner {
    height:314px;
    background: url(/_common/img/bg/banner_woodgrain.jpg) no-repeat 0 0;
}
#banner #bannerImg {
    width: 615px;
    height:147px;
    position: absolute;
    top:0;
    right:0;
    z-index:5;
}
#bannerWrap.bannerHome #banner #bannerImg {
    height:314px;
}
#bannerVT {
    width: 108px;
    height:168px;
    position: absolute;
    top:25px;
    left:285px;
    z-index:10;
    background:url(/_common/img/banner_vt.png) no-repeat 0 0;
}
#bannerWrap.bannerHome #bannerVT {
    width: 211px;
    height:334px;
    top:24px;
    left:300px;
    background:url(/_common/img/banner_vt_home.png) no-repeat 0 0;
}
#banner em, #bannerVT em,#bannerWrap.bannerHome #bannerCallout h3 em {
    display:none;
}
#bannerWrap.bannerHome img#bannerThms {
    display:block;
    background:transparent url(/_common/img/bg/transparent_gray.png) 0 0;
    padding:4px;
    padding-left:0;
    margin-top:50px;
}
#bannerWrap.bannerHome #bannerCallout {
    width:265px;
    padding:15px;
    font-size:1.2em;
    color:#fff;
    line-height:1.6em;
}
#bannerWrap.bannerHome #bannerCallout h3 {
    width:283px;
    height:22px;
    background:transparent url(/_common/img/banner_home_title.png) 0 0 no-repeat;
}
ul#main-nav {
    position: absolute;
    top:0;
    left:0;
    width: 946px;
    height: 38px;
    z-index:15;
}
ul#main-nav li {
    margin:0;
    padding:0;
    float: left;
    list-style:none;
    height: 38px;
}
ul#main-nav li a {
    height: 38px;
    display: block;
    background-position: top left;
    background-repeat: no-repeat;
}
ul#main-nav li a em {
    display: none;
}
ul#main-nav li a:hover,ul#main-nav li a.on { background-position: bottom left; }
ul#main-nav li a#business {
    width: 211px;
    background-image: url(/_common/img/nav/business.png);
}
ul#main-nav li a#events {
    width: 110px;
    background-image: url(/_common/img/nav/events.png);
}
ul#main-nav li a#hospitality {
    width: 209px;
    background-image: url(/_common/img/nav/hospitality.png);
}
ul#main-nav li a#policy {
    width: 151px;
    background-image: url(/_common/img/nav/policy.png);
}
ul#main-nav li a#membership {
    width: 150px;
    background-image: url(/_common/img/nav/membership.png);
}
ul#main-nav li a#about {
    width: 115px;
    background-image: url(/_common/img/nav/about.png);
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #845753; /*THEME CHANGE HERE*/
font:1.1em "trebuchet MS", verdana, sans-serif;
line-height:1.5em;
z-index:100;
background-color: #4f0f09;
width: 200px;
visibility: hidden;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
margin-top:-6px;
margin-left:-1px;
}

.dropmenuNone {
z-index:0;
}


.dropmenudiv a{
width: auto;
display: block;
border-bottom: 0; /*THEME CHANGE HERE*/
padding: 4px;
padding-left:12px;
text-decoration: none;
color: #E1DECC;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #340a06;
}

#dropmenu6 {
margin-left: -86px;
}


/* *******************************************  CONTENT AREAS   ******************************************* */

#content-wrapper {
    width: 946px;
    background: #fff url(/_common/img/bg/content.gif) no-repeat top right;
}
body#homepage #content-wrapper {
    padding-top:3px;
    background-image:none;
}
#content {
    margin:0 0 0 315px;
    padding: 12px 28px;
    width:562px; /* check in IE6 */
    font-size:1.2em;
}
/* *******************************************  BREADCRUMB   ******************************************* */
#breadcrumb {
    font-size:.9em;
    padding:12px 10px;
    border-bottom:1px solid #999;
    font-style:italic;
    margin-bottom:15px;
    color:#19371b;
}
#breadcrumb span { color:#777; }
#breadcrumb a { color:#19371b; text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }


/* *******************************************  Sidebar   ******************************************* */

#sidebar {
    padding: 11px 0 0 2px;
    margin:0;
    width: 315px;
    float: left;
}
#sidenav {
    background:url(/_common/img/bg/sidenav_top.gif) no-repeat 0 0;
    padding-top:10px;
}
#sidenav-btm {
    background: url(/_common/img/bg/sidenav_btm.gif) no-repeat 0 0;
    height:10px;
}
#sidenav ul, #sidenav p {
    background:url(/_common/img/bg/sidenav.gif) repeat-y 0 0;
    width: 309px;
    padding:0;
    margin:0;
}
#sidenav p {
    padding:2em 0 1em 0;
	text-align:center;
}
#sidenav ul li {
    width: 265px;
    margin:0 auto;
    border-top:1px solid #999;
    padding:0;
}
#sidenav ul > li:first-child {
    border-top:none;
}
#sidenav ul li a {
    padding: 10px;
    padding-left:34px;
    display: block;
    color: #333;
    text-decoration: none;
    font-size:1.6em;
    background:url(/_common/img/bg/sidenav_bullet.gif) no-repeat 12px 15px;
}
#sidenav ul > li:first-child a {
    padding-top: 5px;
    background-position: 12px 10px;
}
#sidenav ul > li:last-child a {
    border-bottom:1px solid #999;
}
#sidenav ul.loggedInNav > li:last-child a {
    border-bottom:none;
}
#sidenav ul li a:hover,#sidenav ul li a.on { color:#4F0F09; }

/* ---------- secondary ---------- */

#sidenav ul li ul {
    background-image:none;
    width:265px;
    padding-bottom:5px;
}
#sidenav ul li ul li {
    border-top:none;
    border-bottom:none;
}
#sidenav ul li ul li a {
    padding: 5px;
    padding-left:50px;
    display: block;
    color: #333;
    text-decoration: none;
    font-size:1.3em;
    background-image:none;
}
#sidenav ul li ul li a:hover,#sidenav ul li ul li a.on {
    color: #2D0700;
    text-decoration: none;
    border-bottom:none;
}

/* ---------- LOGIN ---------- */
#member_login {
    background:url(/_common/img/bg/sidenav.gif) repeat-y 0 0;
	padding-top:5px;
}
#member_login h3 {
    font-size:1.4em;
    font-weight:normal;
    color:#333;
    padding-left:33px;
}
#member_login h4 {
    font-size:1.2em;
    font-weight:normal;
    color:#666;
    padding-left:33px;
	padding-top:3px;
	padding-bottom:7px;
}
#member_login p {
    font-size:1.3em;
	padding-left:0;
	text-align:center;
}
#member_login p.loginError {
	font-weight:bold;
	color:#900;
}
#member_login_btm {
   /*  background: url(/_common/img/bg/member_login_btm.gif) no-repeat 0 0; */
    height:15px;
}
#member_login_top {
   /*  background: url(/_common/img/bg/member_login_top.gif) no-repeat 0 0; */
    height:15px;
}
#member_login_top_home {
    display:none;
}
#member_login #frm_member {
    width: 309px;
    padding:0;
    margin:0;
}
#member_login #frm_member input#UserEmail, #member_login #frm_member input#UserPwd {
    margin:4px 0 4px 55px;
    width:200px;
    font-size:1em;
    color:#999;
    border:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    border-bottom:1px solid #ddd;
    padding:.3em .4em;
}
#member_login #loginButton {
    margin:4px 0 4px 55px;
    height:22px;
}

#member_login #loginButton a {
    font-size:1.1em;
    vertical-align:top;
    margin-left:1em;
}



/* ---------- CALLOUTS ---------- */
.callouts {
    width: 273px; /* fix in IE?? */
    margin:5px 0;
    padding:14px 18px;
    background:url(/_common/img/bg/callout.jpg) no-repeat 0 0;
    color:#333;
    font-size:1.2em;
    float:left;
}

.callouts h2 { font-size:1.4em; font-weight:normal; color:#333; padding-bottom:.5em; }
.callouts h3 { font-size:1.5em; font-weight:normal; color:#333; padding-bottom:.3em; }
.callouts h5 { font-size:1.1em; font-weight:normal; color:#fff; padding:.25em 0; background-color:#500600; text-align:center; }
.callouts img { 
	float:left; 
    margin:.6em 1em 1em 0;
    padding:2px;
    border:1px solid #400D00;

}

a.calloutLink {
    display:inline-block;
    padding-left:18px;
    background:url(/_common/img/bullet_arrowblack.png) 0 50% no-repeat;
    font-size:1.2em;
	font-weight:bold;
    margin-top:1.2em;
    text-decoration:none;
}
a.calloutLink:hover {
    text-decoration:underline;
}


/* ---------- ADS ---------- */
#sidebar-ad {
    margin-top:25px;
    width:inherit;
    float:left;
}
#sidebar-ad img {
    display:block;
    border:none;
    margin:0 auto;
    border:none;
}


/* *******************************************  General   ******************************************* */

.clr { clear:both; }
.clrL { clear:left; }
.clrR { clear:right; }

/* ---------- text ---------- */

.red { color: #cc0000; }
.bold { font-weight: bold; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }


.quote {
    margin: 0; padding: 0 0 0 15px;
}
.quote p {
    margin: 0; padding: 0;
    color: #30332F;
    font-size: 18px;
    line-height: 22px;
}

/* ---------- generic table styling ---------- */

.generic-table {
    margin: 0; padding: 0;
}
.generic-table th, .generic-table td {
    padding: 5px 5px 0 0;
    vertical-align: top;
    font-size: 13px;
    line-height: 13px;
    width: 20%;
}
.generic-table td.check-box-text {
    padding: 5px 5px 0 0;
    vertical-align: top;
    line-height: 13px;
}
.generic-table td.check-box-text p { /* text in size/wrapping for checkboxes */
    padding: 0;
    font-size: 11px;
    line-height: 13px;
    width: 300px;
}
.generic-table td b {
    padding-right: 5px;
}
.generic-table td span {
    font-size: 13px;
}
.generic-table td input {
    font-size:9px;
    color: #333;
    background:#fff;
    border: 1px solid #ccc;
    font-weight:normal;
}

/* ---------- generic form alignment ---------- */

.form-alignment {
    position: relative;
    left: 16px;
}




/* ---------- grey text links ---------- */

ul#grey-links {
    width: 200px;
    float: left;
    list-style-type: none;
}
ul#grey-links li {
    padding: 0 3px 0 0;
    display: inline;
    float: left;
    list-style-type: none;
}
ul#grey-links a {
    padding: 0 7px 0 0;
    font-size: 12px;
    color: #30322E;
    text-transform: uppercase;
    text-decoration: underline;
}
ul#grey-links a:hover { text-decoration: none; }

/* ---------- search box ---------- */

#search-field {
    position: relative;
    top: -12px;
    width:165px;
    float: left;
}
#search-field a {
    padding: 0;
    font-size: 12px;
    color: #30322E;
    text-decoration: underline;
}
#search-field a:hover { text-decoration: none; }
.go-button {
    position: relative;
    left: 0; top: 6px;
}



/* *******************************************  Footer  ******************************************* */

#footer {
    margin:0 auto;
    padding: 25px 0 35px 0;
    width: 946px;
    font-size:1.2em;
    text-align: center;
}

#footer a { text-decoration: none; color:#ccc; }
#footer a:hover { text-decoration: underline; }

#footer ul {
    margin: 0 auto;
    padding: 0 0 22px 0;
    list-style:none;
}
#footer ul li {
    display:inline;
    list-style:none;
    padding:0 1em;
}
#footer ul li a { color: #fff;  }

#footer p {
    color:#ccc;
    padding-bottom:10px;
}

/* default square button  */
a.dbButton:link, a.dbButton:visited, a.dbButton:active, a.dbButton:hover { margin:0; padding:0; background-color:#D00000; font-weight:normal; color:#000; text-decoration:none; padding:0 5px 2px 4px; }
a.dbButton:active, a.dbButton:hover { text-decoration:underline; }


/*------- Ads -------*/
#footer-ads {
    margin:50px auto 0 auto;
    padding: 15px 0;
    width: 910px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
body#homepage #footer-ads {
    margin-top:8px;
    border-top:none;
}
#footer-ad1 {
    width:320px;
    font-size:1.6em;
    color:#333;
    text-align:center;
}
#footer-ad1 img {
    display:block;
    border:none;
    margin:0 auto;
    margin-top:.5em;
}
#footer-ad2 {
    width:468px;
    height:60px;
    float:right;
    margin-right:35px;
    margin-top:25px;
    border:none;
}

/*------- SPONSORS -------*/
#footer-sponsors {
    margin:0 auto;
    padding: 10px 0 0 0;
    height: 80px; /* ESmith -- to fix in IE/FF in Windows */
    width: 980px;
    font-size:1.1em;
    font-style:italic;
    text-align:center;
    color:#555;
   background: url(/_common/img/bg/shadow.gif) repeat-y top left;
}
#footer-sponsors p {
    padding:0 40px;
    text-align:left;
}
#footer-sponsors ul {
    list-style:none;
}
#footer-sponsors ul li {
    min-height: 75px;
    display: -moz-inline-stack;
    display: inline-block;
    padding:0 1em;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 75px;
}
#footer-sponsors ul li a { display: block; }





/* *******************************************  Forms  ******************************************* */

.formField { font:1em; border: 1px solid #aaa; color: #666; padding:.2em .5em; }
.formButton { background:#ffd82a; font-weight:normal; color:#000; text-decoration:none; font-size:12px; padding:0 5px 2px 4px; border:0; cursor:pointer; }
.formText { font:1em "trebuchet MS", verdana, sans-serif; color: #333; background:#fff; border: 1px solid #ccc; font-weight:normal; padding:.25em .3em; }

.formButtonDark { background:#500600; font-weight:normal; color:#fff; text-decoration:none; font-size:1em; padding:.1em .5em; border:1px solid #333; cursor:pointer; }


/***********************
   =BloockUI error confirmation
***********************/
div.blockMsg {
    width:  500px;
    top: 28%;
    left: 30%;
    text-align: center;
    background-color: #333;
    border: 1px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    -moz-opacity:.95;
    opacity:.95;
    padding: 15px;
    color: #fff;
}
div.blockMsg  h2, .blockUI  h3 { display: block; font-family: verdana, arial; font-size: 12px; line-height: 20px; text-align: left; color: #fff; }
div.blockMsg p { font-family: verdana, arial; }
div.blockMsg ul { margin: 0 0 20px 0; padding: 0; list-style: none; text-align: left; font-family: verdana, arial; }
div.blockMsg ul li { margin: 0 0 0 40px; padding: 2px; font-size: 12px; font-family: verdana, arial; list-style: disc; }
div.blockMsg a.close { display: block; margin: 0 auto; width: 100px; padding: 5px; text-decoration: none; font-family: verdana, arial; font-size: 13px; font-weight: bold; border: 1px solid #fff; background: #555; color: #fff; }
div.blockMsg a.close:hover { background: #666; }