/*  On The Road - global style sheet
-------------------------------------------------- */

body {margin: 10px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ecf09e; text-align: center; font-size: .8em; line-height: 1.4em;}
#container {position: relative; text-align: left; width: 780px; margin-right: auto; margin-left: auto; padding:0; border: 1px solid #008ca8; background-color: #FFF;}
#container .logo { margin: 10px 45px 10px 15px;}

p {font-weight: normal;}

/*  Side navigation
-------------------------------------------------- */
#sidebar {float: left; margin: 20px 0 0 0; padding: 0; width: 190px; }
#ad {margin: 20px 0 20px 20px; padding: 0; width: 180px;}


#navigation { margin: 0 0 20px 15px; padding: 0; width: 180px; }
#navigation ul {width: 180px; list-style: none; margin: 0; padding: 0; border-right: 3px double #008ca8; text-align: right;}
#navigation h4 {margin: 0 6px 0 0;}
#navigation li {padding: 0.5em 0 0.25em;}
#navigation a {text-decoration: none; padding: 0 0.5em 0 0; border-bottom: 1px dashed #ecf09e; display: block;}
#navigation a:link {color: #008ca8;}
#navigation a:visited {color: #008ca8;}
#navigation a:hover {color: #fcb040; border-color: #fcb040;  }
/*-------------------------------------------------- */
/*  Main content area
-------------------------------------------------- */
#wrapper{margin: 0; padding: 0;  }		
#content {margin: 0; padding: 0;}


#feature {  width: 540px; margin: 0; padding: 10px; float: right; font-weight: normal; }

#feature .description { margin-top: -1.2em;}
.releaseLink ul { margin-left: 0; margin-bottom: 2em; }
.releaseLink li {list-style: none; padding: 0 0 1em 2em; margin-top: -1em;}
.bg {background-color: #99CCFF}
.soldout {color: #CC0000;}
.fRelease {width: 100%; margin: 0; padding: 20px 0 0 0; clear: both;}
.fRelease ul {float: left; margin: 10px 0 0 0; padding: 0;}
.fRelease li {margin: 10px 0 0 30px; padding: 0; list-style-type: disc;}
.fReleaseL { float: left; padding: .4em; border: 1px solid #666; margin: 5px; }
.fReleaseLink {margin: 30px 0 0 0; padding: 0;}

#spacer { float: left; margin-left: 20px; height: 10px; width: 90% }


/* National sponsor display
---------------------------------------------------- */
#albumlist { list-style: none; margin-left: 0; padding: 0; }
#albumlist ul { margin-left: 0; }
#albumlist li { list-style: none; margin: 0; float: left;  width: 150px; height: 130px; padding: 0 15px 0 0; text-align: center; border: 0px;}
#albumlist img { border: 0;}



/* Basic styles
-------------------------------------------------- */
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #008ca8; font-size: 2em; font-variant: small-caps; line-height: 1.25em;}
h2 { color: #385494; font-size: 1.3em; line-height: 1.4em; margin: 20px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3 { color: #008ca8; font-size: 1.1em; line-height: 1.2em; border-bottom: 1px dotted #CCC; }
h4 { color: #385494; font-size: 1.1em; margin-bottom:-1em; margin-top: 1.5em}
h5 { color: #385494; font-size: 1em; margin-bottom:.2em;}
h6 { color: #000; font-size: .8em;}


h2 a:link, h3 a:link {color: #008ca8; text-decoration: none; }
h2 a:visited, h3 a:visited {color: #008ca8; text-decoration: none; }
h2 a:hover, h3 a:hover {color: #F00; text-decoration: none; }
h2 a:active, h3 a:active {color: #008ca8; text-decoration: none; }


#showschedule 
#showschedule .name { color: #C00; margin-bottom:-.5em;}
#showschedule h5 { color: #C00; font-size: 1em; text-align: center;}
#showschedule h6 { color: #000; font-size: 1em; text-align: center;}
#showschedule a:link {color: #C00; text-decoration: underline; }
#showschedule a:visited {color: #3E96A9; text-decoration: underline; }
#showschedule a:hover {color: #36C; text-decoration: none; }
#showschedule a:active {color: #C00; text-decoration: underline; }
#showschedule td {padding: .2em; margin: 0;}
.labelR {vertical-align: top; text-align: right; font-weight: bold; width: 200px;}
.labelL {vertical-align: top; text-align: left; }
table { text-align: left; font-size: 1em; width: 100%;margin: 0; padding: 0; }
.scheduleCategory { text-align: center; background: #FFE8B1; font-weight: bold;}

#scheduleChart {background-color: #FFF8ED; border: 1px solid #666; margin: 0; padding: 10px; width: 100%;}
#scheduleChart table {width: 100%}
#scheduleChart td {background-color: #FFF; border: 1px solid #666;}

/*  Hidden Object contest 
-------------------------------------------------- */
.contest { text-align: left; font-weight: bold; }
.contestL {width: 200px; text-align: right; font-weight: bold;}


		
/*  Footer nav 
-------------------------------------------------- */
#footer{clear: both; margin: 40px 0 0 0; padding:.3em; font-size: .8em; line-height: .9em; text-align: center; font-weight: normal;}
#footer ul {clear:both;  width: 500px; margin: 5px auto; }
#footer li {display: inline; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.3em; }



/* Basic links
-------------------------------------------------- */
a:link {color: #317620; text-decoration: none; }
a:visited {color: #317620; text-decoration: none; }
a:hover {color: #C28A0E; text-decoration: underline; }
a:active {color: #317620; text-decoration: none; }

.clearboth { clear: both; }
.clearright {clear: right;}
.clearleft {clear: left;}

.left { float: left; padding: .4em; border: 1px solid #666; margin: 5px 20px 5px 5px; }
.right { float: right; padding: .4em; border: 1px solid #666; margin: 5px 5px 5px 10px;}
.border { text-align: center; padding: .2em; border: 3px double #008ca8;}

.schedule { float: left; clear: both;}
.strong {font-weight: bold;}
.norelease {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: .8em; color: #000;}
.noborder {border: none;}
.indent {padding-left: 40px;}
.center {text-align: center;}



/*Staff profile
-------------------------------------------------- */
#staff01 { width: 550px; padding-bottom: 5px; float: left; }		
#staff02 { float: left; width: 230px; }
#staff03 { float: left;  width: 300px; }
#staff03 ul {margin: 0 0 0 2em; padding:0}
#staff03 li { list-style: circle; margin: 0; padding-bottom: 1em; }




.staff_r1c1 { float: left; width: 165px; display: block;}
.staff_r1c2 { margin-left: 10px; float: left;  width: 165px; display: block;}
.staff_r1c3 { margin-left: 10px; float: left;  width: 165px; display: block;}

.staff_r1c1 h2 {margin-top:0;}
.staff_r1c2 h2 {margin-top:0;}
.staff_r1c3 h2 {margin-top:0;}

.staff_r1c1 h2 a:link {color: #000; text-decoration: none;}
.staff_r1c1 h2 a:visited {color: #000; text-decoration: none;}
.staff_r1c1 h2 a:hover {color: #F00; text-decoration: none; }
.staff_r1c1 h2 a:active {color: #000; text-decoration: none; }

.staff_r1c2 h2 a:link {color: #000; text-decoration: none;}
.staff_r1c2 h2 a:visited {color: #000; text-decoration: none;}
.staff_r1c2 h2 a:hover {color: #F00; text-decoration: none; }
.staff_r1c2 h2 a:active {color: #000; text-decoration: none; }

.staff_r1c3 h2 a:link {color: #000; text-decoration: none;}
.staff_r1c3 h2 a:visited {color: #000; text-decoration: none;}
.staff_r1c3 h2 a:hover {color: #F00; text-decoration: none; }
.staff_r1c3 h2 a:active {color: #000; text-decoration: none; }


.strong {font-weight: bold;}
.releaseTitle { margin-top: .8em; margin-bottom: 0;}



#shows {margin: 0; padding: 10px; float:right; width: 350px;}
#shows ul {margin: 0; padding: 0;}
#shows li{margin: 0 10px 10px 0; float: left; list-style-type: none;}

#shows2 {margin: 0; padding: 10px; float:right; width: 100%;}
#shows2 ul {margin: 0; padding: 0;}
#shows2 li{margin: 0 10px 10px 0; float: left; list-style-type: none;}



.leftNB {
float: left; padding: 0.4em; margin: 5px 20px 5px 5px;
}
.bgcolor {
background-color:#fef5ba;
background-image:url(images/bgdingbat.jpg); background-position:top; background-repeat:repeat-x; 
height: 50px;

}
.rightNB {
float: right; 
padding: 2px;
margin-top: 30px;

}
.leftNBNomargin {

float: left; padding: 0.4em;
}
.rightNBNM {

float: right; 
padding: 2px;
}