/**
 * Typography
 */
#column1 p {text-align: right}
#column2 a {color: #FF7F00}
#column2 a:hover {color: #666666}
#column2 a:visited {color: #EB4778}
#column2 h4 {font-style: italic}
#column2 dt {font-weight: bold}
#column2 ul {list-style: disc outside}
#column2 ol {list-style: decimal outside}
#column2 strong {font-weight: bold}
#column2 em {font-style: italic}
#column2 p {text-align: justify}
#column2 span.name {font-family: "trebuchet MS", Arial, sans-serif; font-size: 159%; font-weight: bold}
#column2 cite {font-style: italic; text-align: right}
#column2 dfn {font-style: italic; font-weight: bold}
#column2 table.schedule tr th {text-align: center; font-weight: bold}
#column2 table.schedule tr td {text-align: center}
#column2 table.schedule tr td p {text-align: center}
#column2 table.schedule div.sch p.schtag {font-size: 85%}
#column2 table.schedule div.sch p.schtag span.code {font-weight: bold}
#column2 table.fees tr th {text-align: center; font-weight: bold}
#column2 table.fees tr td {text-align: center}
#column2 table.fees tr td ul li {text-align: left; font-size: 85%}
#column2 ul.credential {text-align: left; font-size: 85%; list-style: none}
#column2 #welcome p {text-align: left}
#column2 span.date {font-size: 92%}

/**
 * Colour and Background
 */

#column2 h2 {color: #009FC5}
/* #column2 h3 {color: #39AE4C} She doesn't like this colour... :( */
#column2 h3 {color: #EE6B92}
#column2 table.schedule {border-collapse: collapse; border: 1px solid #CCCCCC}
#column2 table.schedule.type1 tr th {background: #39AE4C none; color: #FFFFFF}
#column2 table.schedule.type2 tr th {background: #009FC5 none; color: #FFFFFF}
#column2 table.schedule tr td {background: #FFFFFF; border: 1px solid #CCCCCC}
#column2 table.schedule div.sch p.schtag {}

#column2 table.fees {border-collapse: collapse; border: 1px solid #CCCCCC}
#column2 table.fees.type1 tr th {background: #39AE4C none; color: #FFFFFF}
#column2 table.fees.type2 tr th {background: #009FC5 none; color: #FFFFFF}
#column2 table.fees tr td {background: #FFFFFF; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
#column2 div.yellowzone {background-color: #FFF9BF; border: 1px solid #999999}

#column2 #welcome {background: transparent url('../images/banner_welcome.gif')}

#column2 #speech .hd {background: transparent url('../images/banner_speech.gif') no-repeat top}
#column2 #speech .bd {background: transparent url('../images/banner_speech.gif') no-repeat bottom}

#column2 .album_1 {background: transparent url('../images/album_1.gif') no-repeat}
#column2 .album_2 {background: transparent url('../images/album_2.gif') no-repeat}
#column2 .album_3 {background: transparent url('../images/album_3.gif') no-repeat}

/**
 * Structure
 */

#column1 p {margin: 0px 1em 1em 0px; padding: 0px}
#column2 h2, #column2 h3, #column2 h4 {margin: 0px 0px 0.5em 0px}
#column2 dd {margin: 0.2em 0px 1em 3em}
#column2 p {margin: 0px 0px 1em 0px}
#column2 ul {margin-left: 1.2em}
#column2 ol {margin-left: 2em}
#column2 li {margin: 0px 0px 1em 0px}
#column2 img.rightimage {float: right; margin: 5px; padding: 0px}
#column2 img.leftimage {float: left; margin: 5px; padding: 0px}
#column2 .center {text-align: center}
#column2 cite {margin: 0px 0px 1em 0px; display: block}
#column2 blockquote {margin: 0px 3em 1em 3em}

#column2 table.schedule {width: 550px; height: auto; margin: 0px 0px 1em 0px; padding: 0px}
#column2 table.schedule tr th {margin: 0px; padding: 5px 0px}
#column2 table.schedule tr td {margin: 0px; padding: 5px}
#column2 table.schedule.type1 tr .col1 {width: 100px}
#column2 table.schedule.type2 tr .col1 {width: 100px}
#column2 table.schedule div.sch {width: 100%}
#column2 table.schedule div.sch p.schtag {width: 100%; height: auto; position: relative}
#column2 table.schedule div.sch p.schtag span.code {color: #666666; border-bottom: 1px dashed #999999}
#column2 table.schedule div.sch p.schtag span.fee a {text-decoration: none}

#column2 table.fees {width: 100%; height: auto; margin: 0px 0px 1em 0px; padding: 0px}
#column2 table.fees tr th {margin: 0px; padding: 0.5em}
#column2 table.fees tr td {margin: 0px; padding: 0px}
#column2 table.fees tr th.col1 {width: 110px}
#column2 table.fees tr th.col2 {width: 15%}
#column2 table.fees tr th.col3 {width: 15%}
#column2 table.fees tr th.col4 {width: 25%}
#column2 table.fees tr th.col5 {width: 15%}
#column2 table.fees tr td ul li {margin: 0px 0px 0.5em 0px; padding: 0px}

#column2 div.yellowzone {margin: 0px; padding: 1em}

#column2 #welcome {width: 540px; height: 200px; margin: 0px 0px 1em 0px; padding: 0px; position: relative}
#column2 #welcome p {width: 350px; display: block; position: absolute; left: 120px; top: 100px}

#column2 #speech {width: 540px; height: auto; margin: 0px 0px 1em 0px; padding: 0px}
#column2 #speech .hd {width: 540px; height: 20px}
#column2 #speech .bd {width: 500px; height: auto; margin: 0px; padding: 0px 20px 60px 20px}

#column2 .clear {clear: both}
#column2 div.theme {clear: both}
#column2 div.theme p.albumart {width: 110px; height: 110px; float: left}
#column2 div.theme p.album {width: 440px; height: auto; float: left}

#column2 ul.credential {margin: 0px 0px 1em 0px; padding: 0px}
#column2 ul.credential li {margin: 0px; padding: 0px}

/* Copyright Jeepu Studio jeepu.net */