/* General
----------------------------------------------*/
* { margin: 0; padding: 0; }
.left { float: left; }
.right { float: right; }
a img { border: 0; }
div.error { width: 100%; height: 3em; color: #e04313; }
div.thanks { width: 100%; height: 3em; color: #d98204; }

/* Framework
----------------------------------------------*/
body { min-width: 907px; text-align: center; background: #ebdbc0 url('../images/background-bg.gif') repeat-y 50%; position: relative; z-index: 0; }
#container { width: 907px; text-align: left; margin: 21px auto 0 auto; }
#header { width: 807px; height: 180px; background: transparent url('../images/header-bg.gif') top left no-repeat; }
#home-background { float: left; background: transparent url('../images/home-background.gif') bottom left no-repeat; padding-left: 50px; }
#whatson-background { float: left; background: transparent url('../images/whatson-background.gif') 60px 100% no-repeat; padding-left: 50px; }
#previousproject-background { float: left; background: transparent url('../images/previousprojects-backround.jpg') 0 100% no-repeat; padding-left: 50px; }
#annual-background { float: left; background: transparent url('../images/previousprojects-backround.jpg') 0 100% no-repeat; padding: 0 50px 200px; }
#team-background { float: left; background: transparent url('../images/team-background.jpg') 40px 100% no-repeat; padding: 0 50px 100px; }
#misc { padding: 0 50px 0; }
#nav { list-style-type: none; float: right; display: block; margin-top: -3px; }
#nav li { display: inline; }
#nav li a { display: inline; float: left; height: 35px; background-position: 0 0; background-repeat: no-repeat; position: relative; outline: 0; text-indent: -9999px; margin-right: 1px; overflow: hidden; }
#nav li a.end { margin-right: 0; }
#nav li a:hover, #nav li.active a { background-position: 0 -35px; }
#nav-home a { width: 61px; background-image: url('../images/nav-home.gif'); }
#nav-whatson a { width: 85px; background-image: url('../images/nav-whatson.gif'); }
#nav-previousprojects a { width: 135px; background-image: url('../images/nav-previousprojects.gif'); }
#nav-danceineducation a { width: 141px; background-image: url('../images/nav-danceineducation.gif'); }
#nav-ourteam a { width: 81px; background-image: url('../images/nav-ourteam.gif'); }
#nav-contact a { width: 71px; background-image: url('../images/nav-contact.gif'); }
#content { width: 807px; height: auto; background-color: transparent; padding: 10px 0; }
#footer { float: left; width: 767px; height: 16px; padding: 10px 20px; margin-bottom: 21px; background: transparent url('../images/footer-bg.gif') top left no-repeat; }
#footer #copyright { margin-left: 140px; }
#footer #login { margin-left: 20px; }

#annual-review { float: left; display: block; width: 170px; height: 169px; text-indent: -9999px; }
#annual-review a { width: 170px; height: 169px; float: left; background-position: 0 1px; background-image: url('../images/annual-review.gif'); overflow: hidden;  }
#annual-review a:hover { background-position: 0 -169px; }

/* Page Specifics
----------------------------------------------*/
#home img { margin-bottom: 10px; }
#home blockquote { width: 375px; text-align: right; margin-left: -10px; }
#home blockquote { font-size: 3em; line-height: 1em; color: #fff; }
#home blockquote span { font-size: 0.35em; color: #d98204; display: block; margin: -0.2em 0 2em 0; }
#home #text { width: 410px; margin-top: 0.5em; line-height: 1.4em; }
#home #text blockquote { font-size: 3em; line-height: 1.2em; color: #d98204; width: 400px; padding: 0; margin-left: 0; text-align: left; }
#whatson blockquote { width: 280px; padding-left: 95px; text-align: right; }
#whatson blockquote p { font-size: 3em; line-height: 1em; color: #fff; }
#whatson blockquote p.orangeText { font-size: 1.2em; color: #d98204; line-height: 2.4em; }
#whatson #text { width: 390px; margin-top: 5px; }
#whatson #text .event, #whatson #text .event { padding-bottom: 20px; }
#whatson #text div .header { height: auto; border-top: 2px solid #fff; display: block; width: 100%; float: left;}
#whatson #text div .header h2 { width: auto; clear: right; float: left; clear: right; line-height: 1.2em; }
#whatson #text div .header h2 span { line-height: 2.4em; margin-left: 5px; }
#whatson #text .comingsoon h2 { margin-bottom: 0.2em; }
#previous { width: 660px; margin: 0 auto; }
#previous div { width: 100%; float: left; margin-bottom: 8px; }
#previous div img { margin-right: 15px; }
#previous div div { width: 380px; border-top: 2px solid #fff; padding-top: 10px; }
#previous div div h1 span { font-size: 0.6em; }
#previous div div p.text { margin-bottom: 10px; }
.paddingleft1 { padding-left: 102px; }
.paddingleft2 { padding-left: 86px; }

#education img { margin-bottom: 10px; }
#education blockquote { width: 360px; text-align: right; }
#education blockquote p { font-size: 2.55em; line-height: 1em; color: #fff; margin-bottom: 0.5em; }
#education blockquote p span { font-size: 0.4em; color: #d98204; }
#education #text { width: 410px; margin-top: 0.5em; line-height: 1.4em; }
#education #text h2 { font-size: 1.6em; margin: 1em 0 0.2em 0; }
#education #text ul { margin-left: 20px; list-style-image: url('../images/arrow.jpg'); margin-bottom: 1em; }

#team { width: 555px; height: 520px; margin: 10px auto; }
#team div { margin-top: 5px; }
#team div p { padding-right: 20px; }
#team div div { width: 350px; height: 237px; border-top: 2px solid #fff; }
#team div div.bottomborder { border-bottom: 2px solid #fff; }

#contact { padding: 40px 10px; float: left; }
#contact ul { list-style-type: none; width: 325px; }
#contact ul li { line-height: 1.4em; }
#contact ul li h1 { padding-bottom: 0.2em; }
#contact form { width: 325px; margin-top: 30px; }
#contact form div { height: 2.2em; }
#contact form label { float: left; clear: right; padding-top: 3px; }
#contact form input, #contact form textarea { float: right; width: 200px; overflow: auto; padding: 2px; }
#contact form textarea { height: 5em; }
#contact form #submit { float: right; width: 140px; margin-top: 1em; }
#contact form div span, #contact form label span { color: #c20141; }

#annual { padding: 1em 0; }
#annual div.left { width: 350px; text-align: right; padding-bottom: 1em; }
#annual div.left img { padding-bottom: 1em; }
#annual blockquote { width: 360px; text-align: right; }
#annual blockquote p { font-size: 3.1em; line-height: 1em; color: #fff; margin-bottom: 0.5em; }
#annual blockquote p span { font-size: 0.4em; color: #d98204; }
#annual div.right { width: 390px; }
#annual ol { list-style: none; margin-left: 0; font-size: 1.96em; color: #d98204; }
#annual div.right ul { margin-left: 15px; }
#annual div.right ul li { list-style-image: url('../images/list-icon.gif'); margin-bottom: 0.8em; }
#annual div.right li, #annual div.right p { font-size: 1em; }
#annual div.right h1 { margin: 0.6em 0 0.2em 0; }

#login label { display: block; }
#login div, #login p { margin-bottom: 0.5em; }
#login input { width:200px; }
#login input.button { width:100px; }

#admin table { width: 100%; border-collapse: collapse; margin: 1em 0; }
#admin td, #admin th { padding: 3px; vertical-align: top; }
#admin th { text-align: left; background-color: #d98204; border-bottom: 1px solid #4d3318; }
#admin tr.alt { background-color: #ebdbc0; }
#admin tr.footer { border-top: 1px solid #4d3318; background-color: #d98204; height:5px; }
#admin tr.footer td { padding: 0; }
#admin .nbsp { white-space: nowrap; }
#admin .actions { text-align: right; }
#admin .function { margin: 0.5em 0; }
#admin .function img { margin-right: 5px; vertical-align:text-top; }
#admin .function a { text-decoration: none; }
#admin .function a:hover { text-decoration: underline; }
#admin .nodata { font-style: italic; margin: 1.5em 0 0.5em 0; }
#admin label { display: block; }
#admin input, #admin textarea, #admin select { width:300px; font-family: Arial, Tahoma, Verdana; font-size: 14px; }
#admin div, #admin p { margin-bottom: 0.5em; }
#admin div.buttons { margin: 1em 0; }
#admin div.buttons input { width:100px; }
#admin .delete { color: #ff0000; }
#admin .errorbox { border: 1px solid #cc0000; padding: 10px; margin: 10px; background-color: #ffeeee; color: #cc0000; font-weight: bold; }
#admin .errorbox ul { margin: 0.5em 0 0 30px; }
#admin .actionbox { border: 1px solid #00cc00; padding: 10px; margin: 10px; background-color: #eeffee; color: #00cc00; font-weight: bold; }
#admin .disabled { opacity: 0.4; filter: alpha(opacity=40); }

/* Typography
----------------------------------------------*/
body { font-family: Arial, Tahoma, Verdana; font-size: 14px; color: #3a383c; }
a { color: #454243; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 { color: #fff; font-weight: normal; }
h1 { font-size: 28px; }
h4 { font-size: 32px; }
.orangeText { color: #d98204; }
.whiteText { color: #fff; }
#footer { font-size: 10px; color: #fff; }
#footer span.left { font-weight: bold; font-size: 12px; }
#footer #copyright, #footer #login { font-weight: normal; font-size: 10px; }
#footer a { color: #fff; }

#whatson #text div { margin-top: 5px; padding-top: 5px; }
#whatson #text div .header h2 { font-size: 2.3em; }
#whatson #text div h3 { font-size: 1.3em; }
#whatson #text div .orangeheader h2 { font-size: 3em; color: #d98204; margin: 1em 0 0.25em 0; }
#whatson #text div .header h2 span { color: #fff; font-size: 0.6em; font-weight: normal; }
#whatson #text .event { font-size: 0.8em; line-height: 1.4em; }
#whatson #text .event p.orange { color: #d98204; font-weight: bold; }
#whatson #text .comingsoon { font-size: 1em; }
#whatson #text .comingsoon p { font-size: 1.6em; color: #fff; }
#whatson #text div span { color: #d98204; font-weight: bold; clear: left; }
#whatson #text .comingsoon span { font-size: 1.6em; line-height: 2em; }
#previous, #education, #team { font-size: 0.8em; }