/* 
basic.css
copyright: James Saley 2008/2009
James Saley
authored: Jan and Feb /2009
metaguru@gmail.com 
*/

/* Master Layout Styles */
* {padding: 0; margin: 0;}
* {color: #FFF;}
/* * {color: #181a21;} */
/* * {background-color: #181a21;}*/
* a{outline: none;}
* {font-family: Arial, Verdana;}
html { min-height: 100%; margin-bottom: 1px; }

#banner {
height:259px;
overflow:hidden;
background-color: #21242c;
}

#innerBanner {
width: 959px;
height: 259px;
background: url(../images/TEMP_banner.png) no-repeat center;
position: relative;
left: 50%;
margin-left: -479px;
background-color: #21242c;
}

/*
#innerBannerType {
float:left;
margin-top: 20px;
width: 700px;
height: 80px;
}

#innerBannerType h2 {
padding: 0;
font-family: Arial, Verdana ;
font-size:  110%;
color: #a1121d;
}

#innerBannerType h1 {
padding: 0;
font-family:Arial, Verdana ;
font-size:  80%;
color: #fff;
}

#banner h1 {
font-family: Arial, Verdana;
font-size: 80%;
color: #fff;
}
*/

#wrapper {
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
height:600px;
background-color: #181a21;
}

#wrapperAgenda {
clear: both;
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
height:2450px;
}

#wrapperRegistration {
clear: both;
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
height: 1195px;
}

#wrapperSpeakers {
clear: both;
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
height: 1418px;
}

#wrapperSocial {
clear: both;
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
height:1000px;
}

/* Horizontal Nav bar */

#topNav {
margin-top:-36px;
padding: 0;
width: 936px;
float: left;
background: url(../images/topNav_button_bkrg.png) repeat-x;
background-color: #21242c;
position: relative;
left: 50%;
margin-left: -468px;
}

#topNavLeft a:link {
color: #a1121d;
text-decoration: none;
background-color: #21242c;
}

#topNavLeft a:visited {
color: #a1121d;
text-decoration: none;
}

#topNavLeft a:hover {
color: #a1121d;
text-decoration: underline;

}

#topNavLeft a.here {
color: #a1121d;
text-decoration: none;
}

/* Navigation for contact/liability/cancellation in main part of page*/ 

#navcontainer {
margin-top: 40px;
float:left;
width: 185px;
}

#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #bfbfbf;
font-family: Arial, Verdana;
font-size: 80%;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #bfbfbf;
}

#navlist li a { 
text-decoration: none; 
}

#navlist li a:link { 
color: #5f6062;
text-decoration: none;
}

#navlist li a:hover { 
color: #fb9214;
text-decoration: underline;
}

#navlist li.here { 
color: #4e84c4;
text-decoration: none; 
}

#detailsContent {
padding: 45px 0px 0px 40px;
width: 400px;
float: left;
}

#galleryContent {
padding: 45px 0px 0px 40px;
width: 100%;
float: left;
}

#detailsContent h1, #subCopy h1, #galleryContent h1 {
line-height: 16px;
text-align: left;
vertical-align: center;
font-family: Arial, Verdana;
font-size: 110%;
color: #f3c231;
}

#detailsContent p, #subCopy p {
line-height: 16px;
text-align: left;
vertical-align: center;
font-family: Arial, Verdana;
font-size: 90%;
}

/* end*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*        main body buttons start        */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
a.button {
    background: url('../images/bodybutton.png') no-repeat top right;
	background-color: none;
    color: #FFF;
    display: block;
    font: normal 12px arial, sans-serif;
	width: 212px;
    height: 26px;
    text-decoration: none;
	line-height: 26px;
	text-align:center;
	margin-left: 13px;
	margin-top: 3px;
}

a.button:hover {
	background: none;
    background-color: #484b56;
	width: 212px;
    height: 26px;
	color: #FFF;
    outline: none;  
}

/* this is the page you are currently on*/
a.buttonhere {
    background: none;
	background-color: #181a21;
    color: #FFF;
    display: block;
    font: normal 12px arial, sans-serif;
	width: 212px;
    height: 26px;
    text-decoration: none;
	line-height: 26px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*         main body buttons end         */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#topNavRight ul {
margin: 0;
padding: 0;
list-style: none;
width: 936px;
height: 36px;
float: left;
background: url(../images/topNav_button_bkrg.png) repeat-x;
background-color: #21242c;
}

#topNavRight ul li {
float: left;
display: inline;

}

#topNavRight ul a {
float: left;
display: block;
width: 117px;
height: 36px;
line-height: 36px;
text-align: center;
color: #b1b1b1;
text-decoration: none;
font-family: Arial, Verdana;
font-size: 70%;
background: url(../images/topNav_button_bkrg.png) repeat-x;

}

#topNavRight ul a:hover {
background: url(../images/topNav_button_bkrg_hover.png) repeat-x left center;
color: #FFFFFF;

}

#topNavRight li.here {
float: left;
display: block;
width: 117px;
height: 36px;
line-height: 36px;
background: url(../images/topNav_button_bkrg_here.png) repeat-x left center;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Verdana;
font-size: 70%;
}

#pageHeader {
width: 958px;
height: 80px;
float: left;
background: url(../images/AGENDA_topbanner.png) repeat-x;
background-color: #21242c;
}
/*
#headerimageAGENDA p {
top: 45px;
width: 200px;
height: 80px;
text-align: left;
color: #FFF;
font-family:  Trebuchet, Arial;
font-weight: condensed;
font-size: 230%;
color: #FFF;
background-color: #21242c;
}*/

#headerimageREGISTRATION p {
position: relative;
right: 171px;
top: 45px;
width: 200px;
height: 127px;
text-align: left;
color: #FFFFFF;
font-family:  Verdana, Arial;
font-weight: condensed;
font-size: 230%;
}

#headerimageREGISTRATION {
position: relative; 
right: -195px;
float: left;
width: 185px;
height: 126px;
background: url(../images/REGISTRATION_bannergirl.gif) no-repeat bottom left;
}

#headerimageACCREDITATION p {
position: relative;
right: 201px;
top: 45px;
width: 200px;
height: 127px;
text-align: left;
color: #FFFFFF;
font-family:  Verdana, Arial;
font-weight: condensed;
font-size: 230%;
}

#headerimageACCREDITATION {
position: relative; 
right: -225px;
float: left;
width: 122px;
height: 126px;
background: url(../images/ACCREDITATION_bannerboy.gif) no-repeat bottom left;
}

#headerimageSPEAKERS p {
position: relative;
right: 126px;
top: 45px;
width: 200px;
height: 126px;
text-align: left;
color: #FFFFFF;
font-family:  Verdana, Arial;
font-weight: condensed;
font-size: 230%;
}

#headerimageSPEAKERS {
position: relative; 
right: -150px;
float: left;
width: 194px;
height: 126px;
background: url(../images/SPEAKERS_bannergirl_temp.gif) no-repeat bottom left;
}

/*main content wrappers*/

#mainA {
width: 736px;
height: 509px;
float: left;
background-color: #181a21;
margin-top: 8px;
}

#feature {
width: 736px;
height: 204px;
float: left;
background: url(../images/TEMP_featurebox.png) no-repeat top left;
}

#user1 {
width: 240px;
height: 299px;
float: left;
background-color: #23262e;
margin-top: 6px;
}

#user1A {
width: 240px;
height: 54px;
float: left;
background: url(../images/TEMP_downloadbrochure_A.png) no-repeat top left;
}

#user1B, #user1B a {
color: #FFF;
float: left;
padding:0;
display: block;
width: 240px;
height: 157px;
text-decoration: none;
background: url(../images/TEMP_downloadbrochure_B.png) no-repeat center;
/*position:absolute;
top:15px;
left:652px;
background-color: #23262e;*/
}

#user1C {
width: 240px;
height: 90px;
float: left;
background: url(../images/TEMP_downloadbrochure_C.png) no-repeat top left;
}

#user2 {
width: 240px;
height: 299px;
float: left;
background-color:  #23262e;
margin-top: 6px;
margin-left: 8px;
}

#user2A {
width: 240px;
height: 221px;
float: left;
background: url(../images/TEMP_registerA.png) no-repeat top left;
}

#user2B {
width: 240px;
height: 36px;
float: left;
background-color: #23262e;
/*background: url(../images/TEMP_downloadbrochure_B.png) no-repeat center;*/
}

#user2C {
width: 240px;
height: 36px;
float: left;
background-color: #23262e;
/*background: url(../images/TEMP_downloadbrochure_C.png) no-repeat top left;*/
}

#user3 {
width: 240px;
height: 299px;
float: left;
float: left;
background-color: #23262e;
background: url(../images/TEMP_submitabstract.png) no-repeat top left;
margin-top: 6px;
margin-left: 8px;
}

#user3A {
width: 24px;
height: 257px;
float: left;
background: url(../images/TEMP_submitabstract.png) no-repeat top left;
}

#user3B {
width: 240px;
height: 41px;
float: left;
background-color: #23262e;
/*background: url(../images/TEMP_downloadbrochure_C.png) no-repeat top left;*/
}

/* Subscribe to Mailing List */

#mainB {
width:736px;
height: 54px;
float: left;
font-size: small;
background-color: #21242c;
margin-top: 8px;
}

#mainB p {
line-height: 22px;
padding: 0px;
text-align: left;
vertical-align: center;
font-family: Arial, Verdana;
font-size: 90%;
margin-left: 10px;
margin-top: 4px;
}

#mainB li {
line-height: 10px;
padding: 8px 0px 0px 10px;
text-align: left;
font-family: Arial, Verdana;
list-style: none;
font-size: 95%;
}

/************************************/
/********right side menu nav ********/
/************************************/

#sideNav {
width: 215px;
height: 577px;
float: right;
background-color: #181a21;
margin-top: 8px;
background: url('../images/TEMP_sideNav.png') no-repeat top left;
}

#sideNavBOX {
margin: 0;
padding: 0;
display: block;
width: 215px;
height: 70px;
float: left;
background-color: #1d2028;
background: url('../images/sidenav_normal.png') no-repeat top left;
}

#sideNavTITLE {
float: right;
display: block;
width: 180px;
height: 24px;
line-height: 24px;
text-align: center;
color: #FFF;
text-decoration: none;
font-family: Arial, Verdana;
font-size: 70%;
background-color: #1d2028;
}

#sideNav a {
float: right;
display: block;
width: 170px;
height: 46px;
line-height: 46px;
font-family: Arial, Verdana;
font-size: 90%;
color:  #a1121d;
background-color: #1d2028;
text-decoration: none;
margin-right: -10px;
}

#sideNav a:hover {
background-color: #1d2028;
background: url('../images/sidenav_hover.png') no-repeat bottom right;
color: #FFFFFF;
}

#sideNav a.here {
float: left;
display: block;
width: 180px;
height: 46px;
line-height: 36px;
background: url('../images/sidenav_here.png') no-repeat top left;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Verdana;
font-size: 70%;
}

/* this is the same as mainA, but floated to sit on top of it */
#overlay {
width: 736px;
height: 509px;
float: left;
z-index:10;	
margin-top: 8px;
margin-left:-736px;
}

/*transparency layer. inside overlay div to have same position*/
#overlayTrans {
width: 736px;
height: 509px;
float: left;
background-color: #000;
opacity:0.72;
filter:alpha(opacity=72);
-moz-opacity:0.72;
z-index:15;
}

/*anchor is in seperate div from overlayTrans so it won't inherit trans
but it's positioned absolutely so it will sit on top of overlayTrans.
It is a chile of the overlay box*/
#overlay a {
padding:0;
display: block;
width: 76px;
height: 28px;
text-decoration: none;
background: url(../images/close_peoplebox.png) no-repeat top right;
z-index: 20px;
position:absolute;
top:15px;
left:652px;
}

/************************************/
/***** right side menu nav end ******/
/************************************/

/* agenda table styles*/
#program {
float: left;
font-family: Arial, Verdana;
color: #FFF;
}

#subCopy {
padding: 20px 0px 0px 20px;
width: 318px;
float: left;
}

table {
width: 958px;
border: 1px solid #21242c;
border-collapse: collapse;
}

.tableRedux {
width: 580px;
border: 1px solid #999999;
background:none;
border-collapse: collapse;
}

#accommodation {
float:left:
width: 580px;
}

table caption, tableRegister caption {
height: 36px;
background:  #a1121d;
color: #FFF;
font-family:  Verdana, Arial;
font-size: 115%;
text-align: left;
line-height: 36px;
vertical-align: center;
}

table td, tableRegister td {
margin: 0;
padding: 8px 20px;
text-align: left;
/* this is the border inside the agenda table*/
border: 1px solid #21242c;
font-size: 80%;
}

table th, tableRegister th {
padding: 0px 10px;
height: 24px;
color: #FFF;
background: url(../images/AGENDA_th_bkrd.gif) repeat-x;
font-size: 80%;
}

table .nameTime {
font-size: 85%;
width: 121px;
text-align: left;
color: #FFF;
}

table .nameRate {
font-size: 85%;
width: 350px;
text-align: left;
}

/*
table tr.altcol {
background: #ededed;
}
*/

table td a {
display: block;
font-weight: bold;
font-family: Arial, Verdana;
font-size: 85%;
width: 200px;
color: #FFF;
}

table td a:link {
color: #6d6d6d;
text-decoration: none;
}

table td a:visited {
color: #4d4d4d;
text-decoration: none;
}

table td a:hover {
color:  #a1121d;
text-decoration: underline;
}

table td a:active {
color: #fb9214;
text-decoration: none;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*        social events start            */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.eventbox {
float: left;
width:958px;
height:300px;
margin-bottom: 10px;
}

.innerBoxA {
float:left;
width: 479px;
height: 300px;
}

#westernColor {
background-color: #b8b76f;
}

#waterparkColor {
background-color: #3366ff;
}

#wineryColor {
background-color: #4c3525;
}

#innerBoxB {
float:right;
width: 479px;
height: 300px;
}

/*inside boxA*/
#eventImageHolder {
float: left;
width: 199px;
height: 300px;
margin: 31px 0px 0px 31px;
}

/*inside boxA*/
.eventTextHolder{
float: right;
width: 230px;
height: 300px;
}

/*title text style, avoiding h1 and p for browser*/
.eventTextHolder dt {
font-family: Arial, Verdana;
font-size: 190%;
line-height: 32px;
margin-top: 26px;
}

/*body copy text style, avoiding h1 and p for browser*/
/*color moved to html to vary each block*/
.eventTextHolder dd {
width: 230px;
font-family: Arial, Verdana;
font-size: 100%;
line-height: 18px;
margin-top: 9px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*        social events end              */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* footer */

#footerBar {
width: 958px;
height:60px;
overflow:hidden;
background: url(../images/footer_repeater.png) repeat-x top left;
width: 958px;
background-color: #21242c;
position: relative;
left: 50%;
margin-left: -479px;
}

#innerFooter {
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
background-color: #21242c;
}

#innerFooter li {
font-family: Arial, Verdana;
font-size: small;
margin: 1px 4px;
list-style: none;
display: inline;
float: left;
font-size:75%;
color: #FFF;
background-color: #21242c;
}


#innerFooter a:link, #innerFooter p a:link {
color: #FFF;
text-decoration: none;
background-color: #21242c;
}

#innerFooter a:visited, #innerFooter p a:visited {
color: #FFF;
text-decoration: none;
background-color: #21242c;
}

#innerFooter a:hover, #innerFooter p a:hover {
color:  #a1121d;
text-decoration: underline;
}

#innerFooter li.here {
color: #4e84c4;
text-decoration: none;
}

#blueDrop {
height: 44px;
background: #4e84c4;
overflow: auto;
width: 100%;
}

.tbl_ctnt, .tbl_ctnt td{
	width:600px;
	border:0px;
}