/*

----- Body -----

*/


html {
height: 100%;
}

body { 
margin:0; 
padding:0; 
height: 100%;
background-color:#45484B; 
background-image: url(./2010_bkgrd.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
} 


/* 

----- Layout -----

*/


#leftcol {
width: 23%;
max-width: 14em;
float: left;
position: fixed; 
background-color: transparent; 
left: 0px; top: 0px;
margin: 0 0 0 0;
padding: 0;
}

div#leftcol img {
position: relative;
left: 2em;
}

ul{
width: 75%;
list-style: none;
position: relative;
top: 1em;
left: 2em;
background-color: #EEEEEE;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0.6em;
padding-bottom: 0.6em;
border: 1px solid black;
cursor: crosshair;
}

li{
position: relative;
}

ul a{
padding: 0.1em;  
margin: 0.5em;
}

#maincol {
display: block; 
background-color: transparent; 
float: right;
clear: right;
min-height: 82%;
width: 77%;
position: relative; 
margin: 0 0 0 -5px;
}

#content {
display: block;
background-color: transparent;
clear: both;
position: static;
padding-bottom: 15px;
}

#content div.text {
border: 1px solid black;
padding: 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 30px;
background-color: #EEEEEE;
min-height: 410px;
overflow: auto;
width: 90%;
}

div.text {
overflow: auto;
width: 90%;
padding: 20px 0 20px 0;
}

div#mapsearch {
inherit: none;
}

div.speakers {
margin: 0;
border: none;
border-collapse: collapse;
margin: none;
padding: 20px 20px 20px 20px;
text-align: left;
font-family: sans-serif;
clear: both;
}

div.speakers p {
margin: 0;
padding: 0;
}

div.speakers p img {
border: 1px black solid;
float: left;
margin: 0 20px 0 0;
}

div.booklist {
 overflow: auto;
 overflow-y: hidden;
 overflow-x: scroll;
 width: 90%;
 padding-top: 1px;
 margin-top: 1px;
 margin-right: 1px;
 border: 1px black solid;
}


/* 

----- Fonts and Styles -----

*/


a.nav {
font-family: sans-serif;
color: #48443D;
background-color: transparent;
text-decoration: none;
cursor: crosshair;
}

a.nav:hover {
color: red;
}

h1 {
font-size: 2em;
font-family: Times, "Times New Roman", serif;
font-weight: bold;
text-align: left;
color: #000000;
background-color: transparent;
}

h2 {
font-size: 1.3em;
font-family: Times, "Times New Roman", serif;
font-weight: bold;
text-align: left;
color: #000000;
background-color: transparent;
}

h2.navhead {
padding-left: 0.5em;
padding-bottom: 0.5em;
margin: 0 0 0 0;
}

h3 {
font-size: 1.1em;
font-family: Times, "Times New Roman", serif;
font-weight: bold;
text-align: left;
color: #000000;
background-color: transparent;
}

h4 {
font-size: 1.1em;
font-family: Times, "Times New Roman", serif;
font-weight: bold;
text-align: left;
color: #000000;
background-color: transparent;
margin: 0;
padding: 0;
}

table 

h3 {
font-size: 1.1em;
font-family: Times, "Times New Roman", serif;
font-weight: bold;
text-align: center;
color: #000000;
background-color: transparent;
}

h3.navhead {
padding-left: 1.2em;
padding-bottom: 0.3em;
padding-top: 0.3em;
margin: 0 0 0 0;
}

.text {
font-family: sans-serif;
color: #48443D;
}

.smalltext {
font-family: sans-serif;
color: #48443D;
font-size: 0.76em;
}

ul.text {
width: auto;
list-style: disc;
position: static;
background-color: transparent;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0.6em;
padding-bottom: 0.6em;
border: none;
cursor: auto;
}

.copyright {
font-family: sans-serif;
font-style: italic;
color: #48443D;
font-size: 0.76em;
position: relative;
left: 3.5em;
width: 12em;
}

a.text {
font-family: sans-serif;
color: #48443D;
}

a.text:hover {
color: black;
background-color: #D9CFBA;
} 

em {
font-weight: bold;
font-style: normal;
}


/* 

----- Table Styles -----

*/

table {
width: 99.9%;
color: #212424;
background-color: #EEEEEE;
font-family: sans-serif;
border-top: 1px black solid;
border-left: 1px black solid;
border-right: 1px black solid;
border-bottom: 1px black solid;
border-collapse: collapse;
font-size: small;
border: 1px solid black;
border-collapse: collapse;
}

td {
border: 1px solid black;
padding: 5px;
}

tr.odd {
background: #B6B6C4;
}

tr.even {
background: #DBDBEC;
}

table.booklist {
 border: none;
}

/* 

----- Non-PC Media Styles -----

*/ 


@media print { 

/*hide the left column when printing*/ 

#leftcol{
display:none;
} 

/*hide background*/

body{
margin: 0; 
padding: 0; 
background-color: #FFFFFF; 
background-image: none;
}

#twocols, #maincol{
width: 100%;
float: none;
}

}

@media handheld {

body{ 
margin:0; 
padding:0; 
background-color:#D0C5B3; 
background-image: none;
} 

#leftcol {
float: none;
clear: both;
position: static;
}

#maincol {
display: block;
float: none;
clear: both;
position: static;
}

}