/* global CSS definitions for www.goodtimefellows.com */

* {
 margin:0px;
 padding:0px;
}

body  {
 background-color:#FFFFFF;
 background-image:url(./pics/background.png);
 background-repeat:repeat-y;
 background-position:center top;
 border:none;
 margin:0px auto;
 padding:5px;
 text-align:center;
}

h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {
 font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 color:black;
 font-weight:normal;
 text-align:left;
}

h1 {
 font-size:2.2em;
 padding-top:1.5em;
 padding-bottom:1.3em;
}

h2 {
 font-size:1.75em;
 padding-top:1.3em;
 padding-bottom:1.0em;
}

h1 + h2 {
 margin-top:-2.0em;
}

h3 {
 font-size:1.3em;
 padding-top:1.0em;
 padding-bottom:0.8em;
}

h2 + h3 {
 margin-top:-1.5em;
}

h4 {
 font-size:1.1em;
 padding-top:0.8em;
 padding-bottom:0.7em;
}

h3 + h4 {
 margin-top:-1.2em;
}

h1 + p, h2 + p, h3 + p, h4 + p {
 margin-top:-0.7em;
}

p,ul,ol,li,div,td,th,address,blockquote {
 font-size:1.0em;
}

p {
 padding-top:0.5em;
}

p.footer {
 font-size:0.8em;
}

p.center {
 text-align:center;
}

p.flyer {
 margin:0px auto;
 text-align:center;
 line-height:1.5em;
 padding-top:1.0em;
 padding-bottom:1.0em;
 max-width:600px;
}

.high {
 font-weight:bold;
}

.high2 {
 font-size:1.75em;
}

p.introtext {
 margin:0px auto;
 font-size:2.0em;
 text-align:center;
}

p + table, p + table#repertoire, p + table#top10 {
 margin-top:1.0em;
}

img {
 border-style:none;
}

img.button, img.navbutton {
 border-style:none;
}

img.thumb {
 margin:8px;
 padding:0px;
}

img.left {
 float:left;
}

img.right {
 float:right;
}

img.middle {
 margin:8px auto;
 clear:both;
 text-align:center;
}

img.row {
 display:inline;
 float:none;
}

img.vmid {
 display:inline;
 vertical-align:middle;
}

img.main {
 margin:0px auto;
 display:block;
 clear:both;
 float:none;
 text-align:center;
 margin-top:30px;
 margin-bottom:30px;
}

img.flyer {
 margin:0px auto;
 display:block;
 clear:both;
 float:none;
 text-align:center;
}

img.intro {
 margin:0px auto;
 display:block;
 clear:both;
 float:none;
 text-align:center;
 padding-top:40px;
 padding-bottom:40px;
}

img.map {
 padding:20px;
 border-style:none;
}

img.text {
 height:1.0em;
 padding-bottom:0.4em;
}

img.track {
 height:1.5em;
}

table.threecol {
 margin:0px auto;
 display:block;
 table-layout:fixed;
 border-collapse:separate;
 width:690px;
 border:none;
 text-align:center;
}

table.threecol tr.rrow {
 border: 1px solid #808080;
 vertical-align:top;
 text-align:left;
}

table.threecol tr.rrow td.rcol {
 border: 1px solid #808080;
 vertical-align:top;
 width:200px;
 padding:0.5em;
 text-align:left;
}

table#repertoire {
 margin:0px auto;
 display:block;
 table-layout:fixed;
 border-collapse:separate;
 width:690px;
 border:none;
 text-align:center;
}

table#repertoire tr.rrow {
 border: 1px solid #808080;
 vertical-align:top;
 text-align:left;
}

table#repertoire tr.rrow td.rcol {
 border: 1px solid #808080;
 vertical-align:top;
 width:220px;
 padding:0.5em;
 text-align:left;
}

table#top10 {
 margin:0px auto;
 display:block;
 table-layout:fixed;
 border-collapse:collapse;
 width:720px;
 border:none;
 text-align:center;
}

table#top10 tr.trow {
 vertical-align:top;
 text-align:left;
}

table#top10 tr.trow th.trackcol {
 vertical-align:top;
 width:2em;
 padding:5px;
 text-align:right;
 font-weight:bold;
}

table#top10 tr.trow th.numcol {
 vertical-align:top;
 width:2em;
 padding:5px;
 text-align:right;
 font-weight:bold;
}

table#top10 tr.trow th.tcol {
 vertical-align:top;
 width:150px;
 padding:5px;
 text-align:left;
 font-weight:bold;
}

table#top10 tr.trow td.trackcol {
 vertical-align:top;
 width:2em;
 padding:5px;
 text-align:left;
}

table#top10 tr.trow td.numcol {
 vertical-align:top;
 width:2em;
 padding:5px;
 text-align:right;
}

table#top10 tr.trow td.tcol {
 vertical-align:top;
 width:150px;
 padding:5px;
 text-align:left;
}

ul.column {
 width:770px;
 list-style:none;
 display:block;
 float:none;
 clear:both;
}

ul.column li {
 display:block;
 float:none;
 clear:both;
 position:relative;
 left:0px;
 min-height:1.0em;
}

ul.column li.ident {
 padding-top:1.0em;
 font-weight:bold;
}

ul.column li.ref {
 padding-top:1.0em;
}

ul.column li.full {
 padding-top:1.0em;
 float:none;
 position:relative;
}

ul.column li.content {
 margin-left:30px;
 width:720px;
 display:block;
 float:none;
 position:relative;
}

ul.summary {
 padding-top:0.25em;
 padding-bottom:0.5em;
 display:block;
 clear:both;
 float:none;
 position:relative;
 list-style:none;
}

ul.summary li {
 position:relative;
 display:block;
 clear:both;
 float:none;
 margin-top:0.25em;
 margin-left:3.3em;
}

.twocol {
 position:relative;
 display:block;
 clear:both;
 float:none;
 padding-top:0.5em;
}

.twocol .leftcol {
 position:relative;
 display:block;
 float:left;
 width:390px;
 padding-bottom:1.0em;
}

.twocol .rightcol {
 position:relative;
 display:block;
 float:right;
 width:390px;
 padding-bottom:1.0em;
}

a:link img.main,a:link img.thumb, a:visited img.main,a:visited img.thumb {
 border:1px solid #FFFFFF;
}

a:hover img.main,a:hover img.thumb, a:active img.main,a:active img.thumb, a:focus img.main,a:focus img.thumb {
 border:1px solid #303030;
}

a:link img.button, a:visited img.button, a:link img#starbutton, a:visited img#starbutton, a:link img#bigbutton, a:visited img#bigbutton {
 background-image:none;
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
}

a:hover img.button, a:active img.button, a:focus img.button {
 background-image:url(/pics/hbutton.png);
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
}

a:hover img#bigbutton, a:active img#bigbutton, a:focus img#bigbutton {
 background-image:url(/pics/hbigbutton.png);
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
}

a:hover img#starbutton, a:active img#starbutton, a:focus img#starbutton {
 background-image:url(/pics/hstarbutton.png);
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
}

a:link, a:visited {
 color:#808080;
 text-decoration:underline;
 font-weight:bold;
}

a:hover, a:active, a:focus {
 color:#303030;
 text-decoration:none;
 font-weight:bold;
}

#nav {
 position:relative;
 margin:0px auto;
 top:10px;
 width:800px;
 height:200px;
 z-index:1;
}

ul#navtop {
 width:800px;
 height:200px;
 margin:0px auto;
 display:block;
 float:none;
 z-index:1;
 text-align:center;
 list-style:none;
}

ul#navtop li {
 background-image:none;
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
 z-index:1;
 float:left;
}

ul#navtop li.active {
 background-image:url(/pics/hbutton.png);
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
 z-index:2;
 float:left;
}

ul#navtop li#buttonhome {
 position:absolute;
 top:10px;
 left:262px;
 width:275px;
 height:102px;
}

ul#navtop li#buttonstar {
 position:absolute;
 top:140px;
 left:0px;
 width:130px;
 height:50px;
 z-index:1;
}

ul#navtop li#buttonstar.active {
 background-image:url(/pics/hstarbutton.png);
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
 z-index:1;
 float:left;
}

ul#navtop li#button1 {
 position:absolute;
 top:0px;
 left:0px;
 width:130px;
 height:50px;
 z-index:6;
}

ul#navtop li#button2 {
 position:absolute;
 top:70px;
 left:65px;
 width:130px;
 height:50px;
 z-index:5;
}

ul#navtop li#button3 {
 position:absolute;
 top:120px;
 left:185px;
 width:130px;
 height:50px;
 z-index:4;
}

ul#navtop li#button4 {
 position:absolute;
 top:140px;
 left:335px;
 width:130px;
 height:50px;
 z-index:3;
}

ul#navtop li#button5 {
 position:absolute;
 top:120px;
 left:485px;
 width:130px;
 height:50px;
}

ul#navtop li#button6 {
 position:absolute;
 top:70px;
 left:605px;
 width:130px;
 height:50px;
}

ul#navtop li#button7 {
 position:absolute;
 top:0px;
 left:670px;
 width:130px;
 height:50px;
}

ul#navtop li#buttonnav1 {
 position:absolute;
 top:158px;
 left:690px;
 width:30px;
 height:30px;
 z-index:1;
}

ul#navtop li#buttonnav2 {
 position:absolute;
 top:158px;
 left:730px;
 width:30px;
 height:30px;
 z-index:1;
}

ul#navtop li#buttonnav3 {
 position:absolute;
 top:158px;
 left:770px;
 width:30px;
 height:30px;
 z-index:1;
}

ul#navtop li#buttonnav4 {
 position:absolute;
 top:140px;
 left:670px;
 width:130px;
 height:50px;
 z-index:1;
}

ul#navtop li ul.navtop2 {
 position:relative;
 width:130px;
 margin:0px;
 margin-top:-5px;
 display:none;
 z-index:10;
}

ul#navtop li:hover ul.navtop2 {
 display:block;
}

ul#navtop li ul.navtop2 li {
 background-image:url(/pics/buttonl2.png);
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
 clear:both;
 position:relative;
 display:block;
 float:left;
 list-style:none;
 height:48px;
 margin-left:20px;
 margin-top:-5px;
 z-index:11;
}

ul#navtop li ul.navtop2 li.active {
 background-image:url(/pics/hbutton.png);
 background-repeat:no-repeat;
 border-style:none;
 text-decoration:none;
 z-index:12;
 float:left;
}


#workcontent  {
 border:none;
 margin:0px auto;
 vertical-align:middle;
 margin-top:30px;
 width:800px;
}

#content {
 position:relative;
 border:none;
 margin:0px auto;
 width:800px;
 display:block;
 clear:both;
 float:none;
 margin-top:20px;
 min-height:400px;
}

.paragraph {
 position:relative;
 border:none;
 margin-top:0.5em;
 margin-bottom:1.0em;
 width:800px;
 display:block;
 clear:both;
 float:none;
 font-weight:normal;
 text-align:left;
}

.cparagraph {
 position:relative;
 border:none;
 margin-top:1.0em;
 margin-bottom:1.0em;
 width:800px;
 display:block;
 clear:both;
 float:none;
 font-weight:bold;
 text-align:center;
 vertical-align:middle;
}

.cfloatparagraph {
 position:relative;
 border:none;
 padding-top:2.0em;
 padding-bottom:2.0em;
 display:block;
 font-weight:bold;
 line-height:2.0em;
 text-align:center;
 vertical-align:bottom;
}

.picparagraph {
 position:relative;
 border:none;
 margin-top:1.0em;
 margin-bottom:1.0em;
 width:700px;
 display:block;
 clear:both;
 float:none;
 font-weight:bold;
 text-align:center;
 vertical-align:middle;
}


#link {
 margin-top:1em;
 display:block;
 position:relative;
 width:100%;
 min-height:2.5em;
 padding:0px;
 float:none;
 clear:both;
}

#link #prev {
 position:absolute;
 float:left;
 left:0px;
 width:auto;
 text-align:left;
}

#link #main {
 position:absolute;
 float:left;
 left:270px;
 width:230px;
 text-align:center;
}

#link #next {
 position:absolute;
 float:right;
 right:0px;
 width:auto;
 text-align:right;
}

#contentbot {
 margin:0px auto;
 display:block;
 position:relative;
 width:800px;
 height:60px;
 padding:0px;
 border:none;
 float:none;
 clear:both;
 font-size:0.8em;
}

#bottomleft {
 position:absolute;
 float:left;
 left:15px;
 width:auto;
 bottom:30px;
 text-align:left;
}

#bottomcenter {
 position:absolute;
 float:left;
 left:285px;
 width:230px;
 bottom:30px;
 text-align:center;
}

#bottomright {
 position:absolute;
 float:right;
 right:30px;
 width:auto;
 bottom:30px;
 text-align:right;
}