/* Lauren Carriker - 2007 */

html * {margin:0; padding:0;}
body {background:#64c1ad url(images/bg.gif) top center repeat-x;}
img{border:0;}
#container {width: 700px; margin: 0 auto 50px;  color:#000; position:relative;}
#header{width: 700px; padding-top:30px; height:90px; margin-top:0px;}
#header h1{position: absolute; top:0px; left:-40px; z-index: 100;}
#header h1 a{display:block; width: 305px; height:203px; background-image:url(images/jammin-on-the-james.gif); background-repeat:no-repeat; background-position: 0 0;}
/*#header h1 a:link, #header h1 a:visited{background-position: 0 0;}
#header h1 a:hover, #header h1 a:active {background-position: 0 -245px;}*/
#header h1 span{display:none;}

#nav { position: absolute; top: 30px; left: 220px; width:300px; height:100px; background-color:#027e64; padding: 5px 100px 5px 80px; }
#nav li{float:left; padding-right:10px; color:#ccc;font: bold 14px/24px Arial, Verdana, sans-serif; width: 109px;}
#nav a{ padding: 0 3px; text-decoration:none; float:left; width: 96px; position:relative;}
#nav a:link, #nav a:visited{  top:0; margin-bottom:0; background-color:none; color:#FFF;  }
#nav a:hover, #nav a:active,#nav a.current:link, #nav a.current:visited{  background-color:#fff; color:#009fc6;}
#nav li.last {padding-right:0;}
#nav li#j-signup a{ white-space:nowrap;}

#nav li#j-home{padding:0;}
#nav #j-home a {position: absolute; top: -25px; left: 370px;  width: 45px; height:26px; text-transform:uppercase;background: none; text-align:right; color:#fff;}
#nav #j-home a:link, #nav #j-register a:visited{ text-decoration:none; background-color: none;}
#nav #j-home a:hover, #nav #j-register a:active{ text-decoration: underline; background-color: none;}

/* HIDE NAV  
#j-schedule, #j-workshops, #j-housing, #j-bands {display:none;}*/


/* REGISTRATION NOT OPEN 

#nav li#j-register {float:none; position:absolute; top: 20px; left: 310px; background-color:transparent; background-repeat:no-repeat; background-image:url(images/registration-soon.gif); display:block; width: 133px; height:58px;}
#nav li#j-register span {display:none;} */

/* REGISTRATION OPEN */
#nav li#j-register a{float:none; position:absolute; top: 25px; left: 300px; background-color:transparent; background-repeat:no-repeat; background-image:url(images/register.gif); width: 136px; height:44px;}
#nav li#j-register a:link, #nav #j-register a:visited{  background-position: 0 0;}
#nav li#j-register a:hover, #nav #j-register a:active{  background-position: 0 -44px;}
#nav li#j-register span {display:none;}


#regpage ul {list-style:none;}

#header ul, #nav, #footer ul{ list-style: none;}

#content{padding: 100px 58px 65px 58px; font: 13px/22px Arial, Helvetica, sans-serif; background-color:#fff;}
#content img{border:1px solid #464748; float:left; margin: 0 30px 15px 0;}
#content img.floatright{float:right; margin: 0 0 15px 15px;}
#content img.nofloat  {float:none; margin:0;}
#content p { padding-bottom: 22px; }
#content .caption{float: right; background-color:#DFF7F4; font-size: 10px; line-height: 11px; color:#666666; width: 150px; clear: right; margin: 0 120px 0 0; padding: 10px 5px;}
#content #first.caption{margin-top: 120px;}

h2{clear: both; color:#464748; margin-bottom: 22px; font-size: 30px; line-height:32px; font-weight: normal; position:absolute; top: 155px; left:304px; width: 335px; text-align:right;}
h3, legend{color: #fff; background-color:#009fc6; padding: 3px 18px; font-size: 16px; line-height: 18px; margin-top: 22px; font-weight: bold; clear:both;  display:block;}
#footer h3{color: #464748; background-color:transparent; padding: 0;}
h4{color: #009fc6; font-size: 14px; line-height:18px; padding-top: 11px; margin-bottom: 5px; clear:both;}
h3+p{margin-top: 22px;}
h3+h4{margin-top: 22px;}
legend+h4{padding-top: 22px;}
p+h5{padding-top:0px;}
h5{font-weight: normal; font-style: italic; font-size: 14px; padding-top: 22px; clear:both;}
h5+ul.fields{padding-top:0;}

h4, h5, #content p {margin:22px 0 0 0 !important; padding: 0;}

#footer{background:#c3f0e7 url(images/bg-legs.gif) 50px 0px no-repeat; font: 12px/22px Arial, Helvetica, sans-serif; padding: 22px 58px; position:relative; line-height: 14px; clear:both;}
#j-contact{width: 257px; font-size:12px; padding-bottom: 64px;}
#footer li{margin-top: 10px;}
#j-sponsors{ width:257px; position:absolute; top:22px; left:380px; font-size:12px;}
#j-sponsors img {display:block; margin-top: 18px; border: 1px solid #999999;}

#content a:link, #content a:visited{color:#009fc6; text-decoration:none; border-bottom: 1px solid #009fc6;}
#content a:hover, #content a:active{color:#fff; text-decoration:none; border-bottom: 1px solid #f3de4c; background-color:#f3de4c;}
#footer a:link, #footer a:visited{color:#009fc6; text-decoration:none; border-bottom: 1px solid #009fc6;}
#footer a:hover, #footer a:active{color:#fff; text-decoration:none; border-bottom: 1px solid #f3de4c; background-color:#f3de4c;}

#workshops {position: relative; border-top:1px solid #fff; margin-top:30px;}
/*#beg{ position: absolute; top: 0px; left:0px; width: 268px;}
#int{ margin-left: 317px; width: 265px; border-bottom: 1px solid #fff;}
#int h3{margin-top:21px;}*/
/*#adv p, #adv h4, #beg p, #beg h4{margin-left: 12px; margin-right:12px;}*/
#beg, #int, #adv{ float:left; width: 181px; margin-right: 20px; }
#adv{ margin-right: 0;}
#adv h3{margin-top:21px;}
.clear{clear:both;}

.yellow {background-color:#ffc; padding:10px;}


table{margin-top: 0px; margin-bottom: 22px;}
td, th {vertical-align:top; text-align:left; padding: 6px 0;}
th{padding-top: 10px; font-size: 14px; color:#009fc6;}
th.time{width: 100px; text-align:right; padding-right: 20px; padding-top:6px; background-color:#fff;  font-size: 12px; vertical-align:top; color:#999;}
.room{}
.lesson{display:block;}
.lesson .instructors { white-space:nowrap;}
.room {font-weight:bold;}

.location, #beg .instructors, #int .instructors, #adv .instructors{display:block; font-weight: normal; font-size: 12px;}
.day{ font-style: italic; font-size: 11px;}

#map #container {width:550px; border-top:  18px solid  #feca56;}
#map #container h2 { position:static; display:block; text-align:left; padding:0; margin:0; top:auto; left:auto; font-size: 24px; height:auto; width: auto;}

fieldset{border:0; margin-top:22px; width:564px;}
* html fieldset{position:relative; left:-5px;}
legend{margin-top:22px; width:528px; }
label{float:left; width: 100px; clear:left;}
label.inline{float:none; width:auto; margin: 0 15px 0 5px; clear:none;}
.fields{padding-top:22px;/*padding-top: 18px; padding-bottom:18px;*/ display:block;}
legend span{display:block; width: 520px;}
.required {background-color:#F9F997; padding:0 3px; }

.footnote, .intro, .h-dist{color:#333333; font-size:12px; font-style:italic; }

ul.hotel{margin-top:22px;}
ul.hotel li{width: 174px; height:90px; float:left; margin-left:20px; display:inline; line-height: 18px;}
ul.hotel ul li{width: auto; height: auto; float:none; margin: auto; display:block;}
.h-address .footbnote{display:block;}

#content div.update {border:1px solid #B36C54; font: 11px/12px Arial; padding: .4em 1.4em  1.4em; margin:0; vertical-align:top;}
#content div.update h4{margin:12px 0 0 0 !important; padding:0; color:#B36C54; font: bold 12px/14px Arial, Helvetica, sans-serif; line-height:14px; }
#content div.update p{padding:0; margin:12px 0 0 0 !important; list-style:none;}
#content div.update ul{padding:0; margin:12px 0 0 15px; list-style:none; }
#content div.update li.dances{margin-top:12px;}
#content p.first{clear:none;}

.callout {padding: 15px; background-color:#dff7f4;margin-top: 15px;}
.callout p{margin-top:0; padding-top:0;}
.callout img {display:inline; margin-right:15px;}

.band-link, .venue-link { text-align:right; color:#fff !important; height: 16px; width: 260px; padding:0; margin:0; position:absolute; top: -20px; left:295px;}
.band-link a, .venue-link a {color:#fff !important; font: 11px/16px Arial, Helvetica, sans-serif; padding:0 5px;}

#content img.band-image, #content img.venue-image {float:right; margin: 8px 0 30px 30px;}
div.venue, div.band{position:relative;  padding:0; margin-top:22px;}
#content div.venue h3, #content div.band h3 {margin: 0 !important;}

ul#page-404 { font-size: 14px; padding: 30px 0 0 60px;}


#signup {margin: 20px 0;}