/* structure */
body { background: #6B7493; text-align: center; font: 62.5% "Trebuchet MS", Helvetica, Arial, sans-serif;  }
body, div, h1, ul, li { margin: 0; padding: 0; }

#outercontainer { margin: 0 auto; text-align: left; width: 626px; padding-bottom: 12px; font-size: 1.2em; line-height: 1.45em; position: relative; background: url(/images/bg_footer_new.gif) no-repeat bottom left; }
#innercontainer { margin: 394px 0 0; padding: 0 20px 1px; background: url(/images/bg_new.gif) repeat-y top left;  }
#nav { height: 59px; margin-bottom: 10px; position: relative; background: url(/images/bg_nav_new.jpg) no-repeat top left; overflow: hidden; }
#nav ul { list-style-type: none; font-family: Georgia, Times, serif; font-weight: bold; font-style: italic; font-size: 1.3em; }
#nav li { margin: 0; display: block; position: absolute; }
#nav li#nav1 { top: 12px; left: 45px; }
#nav li#nav2 { top: 28px; left: 270px; }
#nav li#nav3 { top: 18px; left: 435px; }
li.current a { text-decoration: none; color: #666; }

div.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }
span.noshow { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }

/* typography and content whatnot */
h1 { position: absolute; top: 0; left: 20px; width: 574px; height: 394px; }
h1 a { display: block; width: 574px; height: 394px; background: url(/images/header_new.gif) no-repeat; top left; }

h2 { margin: 0; font-size: 1.5em; padding: .5em; margin: .5em 0; background: white; border: 2px solid #CFD3DE; }
p { margin: 0 0 .8em; color: #222; }
li { margin: 0 0 .3em 1.5em; }

ul.tracks li { margin: 0; padding-left: 50px; list-style-type: none; background: url(/images/bg_tracks.gif) no-repeat top left; }
ul.tracks li p.title { font-weight: bold; margin: 0 0 .4em; }
ul.tracks li p.title span.attribution { font-weight: normal; font-style: italic; }

img.fl { display: block; float: left; margin: 0 10px 5px 0; }
img.fr { display: block; float: right; margin: 0 0 5px 10px; }

/* links */
a { text-decoration: underline; }
a:link { color: #002F82; }
a:visited { color: #783338; }
a:active { color: #002F82; }
a:hover { color: #00F; }