/* 
basic.css
copyright: James Saley 2008
James Saley
authored: Sept 17/2008
metaguru@gmail.com 
*/

/* Master Layout Styles */
* {padding: 0; margin: 0;}
* {color: #4d4d4d;}  
* a{outline: none;}
html { min-height: 100%; margin-bottom: 1px; }

#banner {
height:96px;
overflow:hidden;
background:url(../images/banner_back.gif) repeat-x left top;
}

#innerBanner {
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
}

#innerBannerLogo {
float:left;
width:100px;
height: 80px;
background: url(../images/logo.gif) no-repeat top left;
}

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

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

#innerBannerType h1 {
padding: 0;
font-family:Verdana,  Arial ;
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:615px;
}

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

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

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

/* Horizontal Nav bar */

#topNav {
margin: 0;
padding: 0;
width: 958px;
float: left;
background: url(../images/topNav_bkrg.gif) repeat-x;
}

#topNavLeft {
width: 160px;
height: 50px;
float: left;
margin-left: 25px;
background: url(../images/homeicon.gif) no-repeat left;
line-height: 50px;
text-align: center;
text-decoration: none;
font-family: Arial, Verdana;
font-size: 80%;
}

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

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

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

#topNavLeft a.here {
color: #4e84c4;
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: Verdana, Arial;
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;
}

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

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

/* end*/

#topNavRight {
width: 700px;
height: 50px;
float: left;
background: url(../images/homeicon.gif) no-repeat left;
}

#topNavRight ul {
margin: 0;
padding: 0;
list-style: none;
width: 700px;
height: 50px;
float: left;
background: url(../images/topNav_button_bkrg.gif) repeat-x;
}

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

#topNavRight ul a {
float: left;
display: block;
width: 100px;
height: 50px;
line-height: 50px;
background: url(../images/blackline_temp.gif) no-repeat left center;
text-align: center;
color: #b1b1b1;
text-decoration: none;
font-family: Arial, Verdana;
font-size: 70%;
}

#topNavRight ul a:hover {
background: url(../images/topNav_button_bkrg_hover.gif) repeat-x left center;
color: #6a6b6c;
}

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

#pageHeader {
width: 958px;
height: 127px;
float: left;
background: url(../images/AGENDA_topbanner.gif) repeat-x;
}

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

#headerimageAGENDA {
position: relative; 
right: -135px;
float: left;
width: 105px;
height: 126px;
background: url(../images/AGENDA_bannergirl.gif) no-repeat bottom left;
}

#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;
}

/*left content wrapper*/

#main {
width: 580px;
height: 300px;
float: left;
}

#mainA {
width: 580px;
height: 165px;
float: left;
background: url(../images/welcome.gif) no-repeat top left;
}

/* tab bar */
#tabNav {
float: left;
width: 580px;
margin-top: 0;
margin-top: -25px;
background: url(../images/tabline.gif) repeat-x bottom;
}

#tabNav ul li {
float:left;
margin: 0 1px 0  0;
list-style: none;
padding: 0;
font-family: Arial, Verdana;
font-size: 80%;
}

#tabNav ul li a {
float: left;
display: block;
margin: 0;
padding: 4px 8px 5px 8px;
text-decoration: none;
border: 1px solid #999999;
border-bottom: none;
background:url(../images/tabbutton.gif) repeat-x top left;
}

#tabNav a:hover {
color: #333;
padding: 4px 8px 5px 8px;
border-color: #999999;
background: #f2f2f2 url(../images/tabbutton_hover.gif) repeat-x top left;      
}

#tabNav li.here {
color: #333;
padding: 4px 8px 5px 8px;
border: 1px solid #999999;
background: #f2f2f2 url(../images/tabbutton_here.gif) repeat-x top left;
color: #FFFFFF;
border-bottom: none;
}

body#index #index a, body#learning #learning a {
padding: 4px 8px 5px 8px;
border-color: #999999;
background: #f2f2f2; url(../images/tabbutton_selected.gif) repeat-x top left;
}

/* welcome message box */

#mainB {
width: 580px;
height: 229px;
float: left;
font-size: small;
background: url(../images/boxbottom.gif) no-repeat top left;
}

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

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

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

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

#SubCopyBox {
width: 305px;
height:86px; 
/*background: url(../images/registeronline.jpg) no-repeat top left;*/
}

#SubCopyBox a {
background: url(../images/registeronline.png) no-repeat top left;
display: block;
width:305px;
height:86px; 
}

table {
width: 958px;
border: 1px solid #999999;
background: #FFF;
border-collapse: collapse;
}

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

table caption, tableRegister caption {
height: 36px;
background: #415a91;
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;
border: 1px solid #b5b5b5;
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;
}

table .presentations {
font-size: 85%;
width: 100%;
text-align: left;
}

table .presentations td a {
display: block;
font-weight: bold;
font-family: Arial, Verdana;
font-size: 85%;
width: 100%;
}

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

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

table td a {
display: block;
font-weight: bold;
font-family: Arial, Verdana;
font-size: 85%;
width: 100%;
}

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

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

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

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

/* right side body content */

#content {
width: 357px;
float: right;
}

#subcontentA {
width: 175px;
height: 280px;
float: left;
margin-top: 5px;
border: 1px solid #999999;
}

/*for the presentations available graphic front page*/
#presentationGraphics {
width: 175px;
height: 250px;

background: url(../images/presentations_graphic.png) no-repeat;
}

#subcontentA_A {
padding: 0px 0px 0px 0px;
text-align: center;
color: #c9c7c7; 
font-family: Arial, Verdana;
font-size: 100%;
height: 50px;
background: #939ba1;
}

#subcontentA_B {
width: 175px;
height: 70px;
background: url(../images/earlybird_bkrd_pricecdn.png) no-repeat;
}

#subcontentA_B p {
line-height: 60px;
vertical-align: center;
color: #FFF; 
font-family: Arial, Verdana;
font-size: 105%;
margin-left: 5px;
}

#subcontentA_C {
width: 175px;
height: 131px;
}
/*
#subcontentA_C_left {
float: left;
width: 87px;
height: 131px;
background: url(../images/brochure_comingsoon.gif) no-repeat right center ;
}


#subcontentA_C_left {
float: left;
width: 87px;
height: 131px;
}
*/

#subcontentA_C_left a{
float: left;
width: 87px;
height: 131px;
background: url(../images/brochure_comingsoon.gif) no-repeat right center ;
}


#subcontentA_C_left a:hover {
float: left;
width: 87px;
height: 131px;
background: url(../images/brochure_comingsoon_hover.gif) no-repeat right center;
}

#subcontentA_C_right {
float: right;
width: 87px;
padding: 10px 0px 10px 0px;
font-family: Arial, Verdana;
font-size:70%;
}

#subcontentA_D {
width: 175px;
height: 29px;
line-height: 29px;
vertical-align: center;
font-family: Arial, Verdana;
font-size: 100%;
}

#subcontentA_D a {
display: block;
text-align: right;
width: 175px;
height: 29px;
background: url(../images/registernow_start.gif) no-repeat top left;
color: #FFF;
text-decoration: none;
}

#subcontentA_D a:hover {
display: block;
margin: 0;
width: 175px;
height: 29px;
background: url(../images/registernow_hover.gif) no-repeat top left;
text-decoration: none;
color: #5f6062;
}


#subcontentB {
width: 175px;
height: 280px;
float: right;
margin-top: 5px;
border: 1px solid #999999;
background: #FFFFFF url(../images/planningcommittee_temp.gif) repeat-x top left;
}

#subcontentB p {
margin: 0;
line-height: 13px;
padding: 6px 2px;
text-align: left;
color: #5f6062;
vertical-align: center;
font-family: Arial, Verdana;
font-size: 70%;
}

#subcontentC {
width: 358px;
height: 82px;
margin-top: 5px;
float: left;
background: url(../images/school_logos_small.gif) no-repeat top left;
}

/* footer */

#footer {
width: 957px;
height:191px;
float:left;
background:url(../images/footer_temp_nogrey.gif) no-repeat top left;
}

#footerBar {
overflow:hidden;
background: url(../images/footer_repeater.gif) repeat-x top left;
}

#innerFooter {
width: 958px;
position: relative;
left: 50%;
margin-left: -479px;
font-size: small;
}

#innerFooter li {
font-family: Arial, Verdana;
font-size: small;
margin: 1px 4px;
list-style: none;
display: inline;
float: left;
font-size: 90%;
}

#innerFooter p {
font-family: Arial, Verdana;
font-size: 90%;
color: #FFFFFF;
margin: 1px 4px;
float: right;
}

#innerFooter a:link, #innerFooter p a:link {
color: #FFFFFF;
text-decoration: none;
}

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

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

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

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