/* RESET STYLES */

* {
    margin: 0;
    padding: 0;
}
img { border: 0; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
    font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

/* Lists */
ul, ol, dl, li, dt, dd {
    list-style: none;
}

/* Anchors */
a {
	color: #32599F; /* Blue for links */
	text-decoration: underline;
}
a:link {
	color: #32599F; /* Blue for links */
	text-decoration: underline;
}
a:visited {
	color: #32599F; /* Blue for links */
	text-decoration: underline;
}
a:hover {
	color: #971b1e; /* red */
	text-decoration: underline;
}
a:active {
	color: green;
	text-decoration: underline;
	font-variant: small-caps;
}

/* Forms */
form, fieldset {
    border: 0;
}
legend {
    color: #000;
}

form#login {
	margin-top: 30px;
	width: 50%;
}
form#login fieldset {
	background: #D5C1C2;
	padding: 2em 2em 0.4em 2em;
	margin-bottom: 1em;
	border: 1px solid black;
}
form#login fieldset label {
	display: block;
}
form#login fieldset input {
	margin-bottom: 1em;
}
form#admin_redirect fieldset {
	padding-bottom: 0.5em;
}
form option {
	padding: 1px 3px;
}

p#changePassword {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: right;
}

/* Tables */
table {
    border-collapse: collapse;
    border: 0;
}
td, th, caption {
    font-size: 100%;
    font-weight: normal;
    text-align: left;
}

/* APPLY STYLES */

/* Global */
body { font-size: 62.5%;  } /*sets fonts so that 1em = 10px (approx) */

/* Lists */
ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

/* LAYOUT */

/*Centre the content and make the width 84em so it all scales if text is resized */
body {
	background-color: #971B1E; /* red background */
}
div#container {
	text-align: left;
	margin: 0 auto;
	width: 84em;
	position: relative;
}

/* Banner */
div#banner {
	background: url(graphics/banner.jpg) no-repeat 0% 0%;
	height: 240px;
	margin-top: 10px;
}
div#banner h1 {
	text-indent: -1000em;
}

/* Nav */
div#nav {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 100%;
}
div#nav ul {
	float: left;
	width: 100%;
	border-left: 2px solid black;
}
div#nav li {
	display: inline;
}
div#nav li a {
	font-size: 1.5em;
	font-family: helvetica, verdana, arial, sans-serif;
	color: black;
	background-color: #D5C1C2; /* background navigation colour */
	display: block;
	float: left;
	border-right: 0.2em solid white;
	text-align: center;
	text-decoration: none;
	padding: 0.4em 0 0.4em 0;
	height: 1em;
}

div#nav li.nav1 a {
	width: 6.3em;
    	margin-left: 0.2em;
}
div#nav li.nav2 a {
	width: 5.4em;
}
div#nav li.nav3 a {
	width: 8.5em;
}
div#nav li.nav4 a {
	width: 6.55em;
}
div#nav li.nav5 a {
	width: 8em;
}
div#nav li.nav6 a {
	width: 5.95em;
}
div#nav li.nav7 a {
	width: 7em;
}
div#nav li.nav8 a {
	width: 6.3em;
	border-right: none;
}
div#nav li a:link {
	color: black;
}
div#nav li a:visited {
	color: black;
}
div#nav li a:hover {
	color: #971b1e;
	text-decoration: underline;
}
div#nav li a:active {
	color: green;
}
div#nav li a.this_page {
	background-color: #eee;
}

/* PROG NAV */
/* Nav */
div#prog_nav {
	position: relative;
	float: left;
	text-align: left;
	margin: 0 auto;
	width: 99.5%;
	background: url(graphics/line.gif) repeat-x bottom left #eee;
    border-left: 2px solid black;
    padding-top: 1em;
}
div#prog_nav ul {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-left: 2em;
}
div#prog_nav li {
	display: inline;
}
div#prog_nav li a {
	font-size: 1.5em;
	font-family: helvetica, verdana, arial, sans-serif;
	color: black;
	background: url(graphics/tab2.gif) no-repeat;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	padding: 0.4em 0 3px 0;
	width: 82px;
	/*border-top: 1px  solid black;
	border-left: 1px  solid black;
	border-right: 1px  solid black;*/
	background-color: #ddd;
}
div#prog_nav li a.this_page {
	background: url(graphics/tab1.gif) no-repeat;
	border-bottom: none;
	background-color: #fbfbfb;
	padding-bottom: 4px;
}
div#prog_nav li a:link {
	color: black;
}
div#prog_nav li a:visited {
	color: black;
}
div#prog_nav li a:hover {
	color: #971b1e;
	text-decoration: underline;
}
div#prog_nav li a:active {
	color: green;
}



/* TYPOGRAPHY */

h2 {
    font-size: 2.4em;
    color: black;
    padding-bottom: 0.6em;
    padding-top: 1em;
}
h3 {
    font-size: 1.8em;
    color: #000; /* Black */
}
h4 {
    font-size: 1.6em;
    color: #00689C; /* Blue */
    padding-bottom: 0.4em;
    padding-top: 0.8em;
    padding-left: 2em;
}
h5 {
    font-size: 1.4em;
    color: #00689C; /* Blue */
    padding-bottom: 0.4em;
    padding-top: 0.8em;
}
p, dd, dt, ol, div.content ul, table {
    font-size: 1.4em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.6;
}
div.content ul li{
    list-style-type: disc;
    padding: 0.4em 0 0 0;
    margin-left: 2em;
}
p,  div.content ul, div.content ol {
    padding-bottom: 1.3em;
}
label {
    font-size: 1.15em;
    font-family: verdana, helvetica, arial, sans-serif;
    line-height: 1.3;
}
blockquote {
	font-size: 90%;
	margin-left: 2em;
}

/* Advert */
div#advert {
	text-align: center;
	background-color: #D5C1C2;
	margin-top: 10px;
	border: 2px solid #971b1e;
}
div#advert h2 {
	color: #971b1e;
	padding-top: 0.5em;
}

/* Content */
div.content {
	padding: 3em 3em 3em 2em;
    border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	background-color: #fbfbfb;
}
div.bio_content {
	padding: 3em 3em 3em 2em;
    border: 2px solid black;
	background-color: #fbfbfb;
}
.float_image_left {
	float: left;
	width: auto;
	padding: 5px;
	border: 1px solid #ccc;
	margin-right: 10px;
}
.float_image_right {
	float: right;
	width: auto;
	padding: 5px;
	border: 1px solid #ccc;
	margin-left: 10px;
}
.clear {
	clear: both;
}
.sos_conc, div.concert h3 {
	clear: both;
	margin: 0;
	
}
div.concert h2 {
	padding-top: 0.2em;
}
hr {
	margin: 1em 0 1em 0;
}
img {
	margin-bottom: 1em;
}
.concert {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 2px solid #971b1e;
    padding-bottom: 1em;
    padding-top: 1.8em;
}
.bio, .review {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 2px solid #971b1e;
    padding-top: 1em;
	padding-bottom: 1em;
}
.prog_heading {
	float: left;
	width: 100%;
	border-bottom: 2px solid #971b1e;
}
.prog_archive {
	font-size: 120%;
	float: right;
}

/* Special concerts */
div.special_event_1, div.special_event {
	border: 1px solid #000;
	margin: 10px;
	padding: 1em;
	text-align: center;
}
div.special_event_1 {
	background: url("images/garden.jpg") no-repeat;
}
div.special_event_1 ul, div.special_event ul {
    font-size: 1.3em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.3;
    padding-bottom: 1em;
}
div.special_event_1 ul li, div.special_event ul li {
    list-style-type: disc;
    padding: 0.2em 0 0 0;
    margin-left: 2em;
}
div.special_event_1 ul li ul, div.special_event ul li ul {
    font-size: 1em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 1;  
    padding-bottom: 0;
}
div.special_event_1 ul li ul li, div.special_event ul li ul li {
    list-style-type: none;
}

/* Admin options */
div.col1 {
	float: left;
	width: 40%;
}
div.col2 {
	float: left;
	width: 40%;
}

/* Special text */
span.art_song {
	color: #971b1e;
	font-variant: small-caps;
}
.cap {
	float: left;
	width: 0.8em;
	font-size: 2.9em;
	line-height: 1.1em;
	font-weight: normal;
	font-family: georgia, times, serif;
	color: #971b1e;
}
.small_text {
	font-size: 100%;
}
.very_small {
	font-size: 70%;
}
.align_right {
	text-align: right;
}
.float_right {
	float: right;
	width: auto;
}
.red {
	color: red;
}
.gray {
	color: #999;
}
.highlight {
	background-color: #FFF79A;
}
.to_top {
	width: 100%;
	text-align: right;
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: 1px;
	font-size: 0.9em;
}
.to_top a {
	text-decoration: none;
	color: #666;
}
a:hover {
	color: #971b1e; /* red */
}
div.image {
	float: left;
	width: auto;
}
div.image img {
	padding: 5px;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-bottom: 0px;
}
div.image p {
	font-size: 90%;
	clear: both;
	float: left;
	width: auto;
}

/* CONTACT FORM */
div#emailForm {
    background-color: #D5C1C2; /*Pale form background*/
    margin: 0.8em auto;
    width: 80%;
}
div#emailForm form {
    margin: 1em 2em 0 1.6em;
    padding: 0.4em;
    font-size: 1.2em;
}
div#emailForm label {
    padding-bottom: 0.2em;
}
div#emailForm label {
    display: block;
    margin-top: 0.8em;
}
div#emailForm input.btn {
	display: block;
    margin : 1em 0.8em 1em 0;
    font-size: 115%;
    padding: 3px;
}
.formError {
	color: red;
}

/* Press kit */
div.pressTable {
	clear : both;
	background : #919191;
	margin-top : 2em;
	}

div.pressTable table {
	position : relative;
	top : -4px;
	left : -4px;
	width : 100%;
	border : 1px solid #000;
	background : #fff;
	}

div.pressTable table caption {
	margin : 0;
	padding : 8px 20px;
	text-align : left;
	border : 1px solid #000;
	border-bottom : none;
	background : #fff;
	font-weight : bold;
	}

div.pressTable table th, table td {
	margin : 0;
	padding : 3px 5px;
	text-align : center;
	border-bottom : 1px solid #b5b5b5;
	vertical-align: middle;
	}

div.pressTable table th {
	color : #999;
	}

div.pressTable table tr {
	background : #e6e6e6;
	}

div.pressTable table tr.alt {
	background : #f6f6f6;
	}

div.pressTable table td a {
	display : block;
	font-weight : bold;
	}

div.pressTable table td.navy {
      color : navy;
      }

form#addItem label, div.pressTable form label {
	display: block;
	padding: 3px;
}
input[type="submit"] {
	display : block;
	padding: 3px;
	margin: 5px 0;
	}
div.pressTable td option, div.pressTable td input[type="text"]  {
	padding: 1px 3px;
	}
div.pressTable td input#theID, div.pressTable td input#delete_this {
	display : inline;
	background: inherit;
	}
div.pressTable td p {
      margin : 0
      padding : 0;
      font-size: 100%;
      }

div.pressTable a.button {
      text-decoration : none;
      }


/* Admin */
table#review_admin {
	font-size: 100%;
	margin-bottom: 10px;
}
table#review_admin td {
	text-align: left;
	border: none;
}
table#review_admin td input[type="text"], table#review_admin td option  {
	padding: 1px 3px;
}


/* Footer */
div#footer {
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
li.foot_left {
	float: left;
	width: 40%;
}
li.foot_right {
	text-align: right;
}
div#footer li a {
	text-decoration: none;
}
div#footer li a:link {
	color: black;
}
div#footer li a:visited {
	color: black;
}
div#footer li a:hover {
	color: #fbfbfb;
	text-decoration: underline;
}
div#footer li a:active {
	color: green;
}