/* COLORS:
Quad City  #65A5B4
IA-IL Map  #E8A899
Map shadow #B2928B
background #175766
*/

body  {
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #eee;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
}

a  {color: #175766;}

dl  {
margin-top: 1.5em;
margin-bottom: 2em;
}

dt  {
color: #666;
font-weight: bold;
margin-top: 1em;
margin-bottom: .7em;
font-size: 105%;
}

dd  {
color: #333;
margin-left: 1em;
margin-bottom: 1em;
padding-top: .2em;
}

em {
font-weight: bold;
color: #175766;
}

h1 {
color: #175766;
font-weight: bold;
font-size: 135%;
}

h2 {
color: #B2928B;
font-weight: bold;
font-size: 125%;
}
h2 a {color: #B2928B;}

h3 {
color: #666;
font-weight: bold;
font-size: 115%;
}
h3 a {color: #666;}

h4 {
color: #666;
font-weight: bold;
font-size: 105%;
}

/* h2 a, h3 a {text-decoration: none;} */

h2 a:hover, h3 a:hover {text-decoration: underline;}

li {margin-top: .8em;}

p  {font-size: 100%;}


hr {
height: 1px;
border: 0;
color: #CCC;
background-color: #CCC;
}

/* end elements, begin custom objects */


#masthead {
position: absolute;
top: 0;
left: 0; 
width: 100%;
height: 110px;
margin: 0;
padding: 0;
}

.main  {
position: absolute;
top: 110px;
left: 0px;
width: 100%;
background-image: url(graphics/qcsteel_bottom.png);
background-repeat: no-repeat;
height: auto;
margin: 0;
padding: 0;
}

.navbar  {
position: relative;
top: 10px;
left: 0px;
clear: both;
height: 2em;
width: auto;
overflow: visible;
padding-left: 3em;
padding-top: 0px;
padding-bottom: 0px;
margin: 0;
}

.navbar a {
display: block;
float: left;
width: auto;
height: auto;
position: relative;
top: 0;
left: 0;
margin: 0;
margin-right: 1%;
padding: 4px 8px 4px 8px;
font-size: 13px;
line-height: 13px;
font-weight: bold;
color: #E8A899;
border: 1px solid #175766;
text-decoration: none;
}

.navbar a:hover {
color: #65A5B4;
}

a#current {
color: #fff;
border-left: 1px solid #65A5B4;
border-right: 1px solid #65A5B4;
}

#mainbody  {
position: relative;
top: 20px;
left: 80px;
min-height: 50%;
width: 75%;
padding-top: 1em;
padding-left: 3em;
padding-right: 3em;
padding-bottom: 1em;
margin: 0;
color: #333;
background-color: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 14px;
font-weight: normal;
font-style: normal;
}

.vertspacer {
height: 20em;
float: right;
width: 1px;
}

.cover {
background-image: url(graphics/pedalsteel.jpg);
background-repeat: no-repeat;
background-position: 85% 60%;
}

.leftcolumn {
width: 45%;
position: relative;
float: left;
clear: none;
padding: 0;
}

.rightcolumn {
position: relative;
width: 50%;
float: right;
clear: none;
padding: 0;
}

.rightcolumn p {
font-family: Tahoma, sans-serif;
}

.schedule dt  {
float: left;
clear: both;
width: 4em;
font-weight: bold;
color: #666;
margin: 0;
padding: 0;
text-align: right;
}

.schedule dd {
clear: none;
padding: 0;
margin-left: 5.5em;
margin-top: 0;
margin-bottom : 1em;
}

.schedule dd.artist {
font-weight: bold;
color: #175766;
margin-bottom : .2ex;
}

#footer {
position: relative;
height: auto;
width: auto;
padding: 2em;
font-size: 8pt;
color: #65A5B4;
text-align: center;
}