html { margin-bottom: 4% ; }
body { margin: 3em 0 1em ; text-align: left ; font-family: "Times New Roman", Georgia, serif, Helvetica, Arial, sans-serif ; }
h1, h2 { font-family: Palatino, Georgia, "Times New Roman", serif ; }

a { color: #000 ; text-decoration: underline ; }
a:hover { text-decoration: none ; }

#masthead { width: 780px ; display: block ; margin: 0 auto ; padding: 0 0 10px 0 ; border: 0 ; border-bottom: 3px double #999 ; }
#masthead h1 { display: block ; font-family: Palantino, Georgia, "Times New Roman", serif ; color: #003 ; font-size: 220% ; font-weight: normal ; margin: 3px auto ; width: auto ; text-align: center ; letter-spacing: 1px ; font-variant: small-caps ; }
#masthead p.screenreader { height: 0px !important; text-indent: -10000px ; margin: 0 ; padding: 0 ; }
#masthead p { text-align: center ; }
#masthead img { display: block ; margin: 0 auto ; }

#content { width: 780px ; margin: 0 auto ; clear: both ; }
#content div.infoblock { width: 239px ; min-height: 200px ;  display: block ; float: left ; margin: 0 ; padding: 10px ; border: 0 ; }
#content div#downloads, #content div#registration { border-right: 1px solid #999 ; }
#content div#registration-form { display: block ; width: 770px ; margin: 1em auto ; clear: both ; float: none ; }

div.clear { display: block !important ; height: 0 !important ; width: 0 ; float: none !important ; clear: both !important ; }

h2 { font-size: 105% ; font-weight: bold ; color: #006 ; }
h3 { font-size: 95% ; font-weight: bold ; color: #006 ; }
.dance-syllabus, .dance-proficiency { margin: 1em 0 0 ; }
p { font-size: 80% ; margin-top: 1em ; line-height: 1.4em ; }

.comingsoon { color: #ccc ; font-weight: bold ; }

p.download { text-align: center ; padding: .3em .2em .2em ; border: 1px solid #555 ; }
p.download:hover { border: 1px solid #006 ; }
p.download a { font-size: 120% ; font-weight: bold ; text-decoration: none ; color: #555 ; }
p.download a:hover, p.download:hover a  { color: #006 ; }

abbr { cursor: help ; }
strong { font-weight: bold ; }

#affiliation { width: 100% ; position: absolute ; top: 0 ; left: 0 ; padding: 4px 0 ; text-align: right ; border-bottom: 1px dotted #ddd ; font-size: 80% ; text-indent: 1em ; }
.affiliation { color: #ccc ; font-style: italic ; font-family: Palatino, "Times New Roman", sans-serif ; }
#affiliation span { padding: 0 10px ; }

#designcredit { display: block ; clear: both ; width: 780px !important ; text-align: center; margin: 3em auto 1em ; border-top: 1px solid #ccc ; }
#designcredit, #designcredit a { color: #ddd ; font-style: italic ; text-decoration: none ; }
#designcredit a:hover { color: #ddd ; text-decoration: underline ; }
#designcredit { display: block ;}