﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1.35;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

a img {border:none;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
custom
*/
body
{
	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-size: smaller;
	text-align: center;
	background: #be562c url(../images/body-bg.gif) repeat-y center top;
	color: #333;
}

h1,h2,h3,h4 {font-weight: normal; margin: 0; padding: 0;}

a       {text-decoration: none;}
a:hover {text-decoration: underline;}
a img,
a.img   {border: none;}

em  {font-style: normal; font-weight: bold;}

/*
bespoke styles
*/

h1  {font-size: 375%; line-height: 1.1;}
h2  {font-size: 135%; color: #666;}
h3  {font-size: 200%;}
h4  {font-size: 135%; margin-top: 15px; margin-bottom: 5px; color: #850e0b;}
h4.first    {margin-top: 0;}

a       {color: #d8632d;}
a:hover {color: #d11410;}


div.container   {
    margin: 0 auto;
    width: 999px;
    text-align: left;
    background: #fff url(../images/container-bg.jpg) no-repeat 563px 150px;
}

div.gallery-container,
div.additional-container{
	background-image: none;
}

div.header {
    border-bottom: 1px dotted #ccc;
    margin: 0 50px;
    padding: 30px 0 15px 0;
    width: 899px;
}

div.header div {
    float: left;
    width: 549px;
}

div.header div.left {
    text-align: right;
    margin-top: 39px;
    line-height: 1.5em;
	width: 349px;
}

p.intro,blockquote {
    margin: 28px 0 0 51px;
    width: 460px;
}

p.announcement	{
    background-color: #efdad2;
    padding: 10px;
}

blockquote  {
    font-style: italic;
    padding-bottom: 55px;
    background: transparent url(../images/blockquote-bg.gif) no-repeat center bottom;
    margin: 15px 0 30px 51px;
}

blockquote span.Source	{
	font-style: normal;
}

blockquote.student{
    font-style: italic;
    padding-bottom: 0;
    background-image: none;
    margin: 0 0 12px 0;
}
blockquote.student span {
    font-size: 85%;
    color: #666;
    padding-left: 7px;
}

ul.nav              {color: #ccc; margin: -6px 51px 6px 51px; height: 2.5em; width: 490px; font-size: 115%;}
ul.nav li           {float: left; height: 30px;}
ul.nav li a         {display: inline-block; line-height: 30px;}       
ul.nav li.gallery a {padding-left: 33px; background: transparent url(../images/icon-gallery.gif) no-repeat left center;}

div.timetable,
div.wellington,
div.resume,
div.contact   {margin: 0 0 30px 51px;}

div.additional  {margin: 20px 0 30px 51px;}

div.timetable   {width: 500px;}

div.left-col    {float: left; width: 315px; margin-top: 5px;}
div.right-col   {float: left; width: 520px; margin-top: 10px;}

div.left-col div        {background: transparent url(../images/img-bg.gif) no-repeat 0 0; height: 200px; min-height: 200px;}
div.left-col div img    {background-color: #ccc; margin: 10px; width: 270px; height: 170px;}

div.left-col div.tall        {background-image: url(../images/img-bg-tall.gif); height: 330px;}

div.left-col div.pattern {height: 100%; background: url(../images/blockquote-bg.gif) no-repeat 120px 0; margin-top: 20px; height: 27px !important; min-height: 27px !important;}

div.right-col p {margin-bottom: 10px;}

ul.performance-history           {padding-left: 18px;}
ul.performance-history li        {list-style-type: disc; margin-bottom: 6px; font-weight: bold;}
ul.performance-history li span   {color: #666; display: block; font-weight: normal;}

div.back-to-top   {
    border-bottom: 1px dotted #ccc;
    margin-right: 50px;
    padding: 8px;
    padding-top: 0;
    font-size: 85%;
}
div.first-section  {
    margin-left: 50px;
    margin-bottom: 35px;
}
div.last-section  {
    margin-top: 20px;
    border: none !important;
}

table.timetable {
    width: 500px;
	font-family:"Georgia", "Times New Roman", "Times", serif;
	color: #333;
	margin-bottom: 15px;
	margin-top: 10px;
	background-color: #efdad2;
}

table.timetable td.level,
table.timetable td.day,
table.timetable td.time    {
    font-size: 120%;
    padding: 6px 8px;
    color: #850e0b;
    border-bottom: 1px solid #fff;
}
table.timetable td.day,
table.timetable td.time    {
    color: #333;
    font-size: 100%;
}

table.timetable td.location,
table.timetable td.starts    {
    font-size: 90%;
    padding: 6px 8px 7px 8px;
    background-color: #eee;
    border-bottom: 12px solid #fff;
    line-height: 1.7em;
}
table.timetable td.starts   {
    font-style: italic;
    font-weight: bold;
    vertical-align: top;
}
table.timetable td.note	{
    background-color: #eee;
    padding: 10px;
    border-bottom: 12px solid #fff;
    font-size: 90%;
    color: #333;
}

div.clear-both  {
    clear: both !important;
    line-height: 1px !important;
    font-size: 1px !important;
    height: 0 !important;
    overflow: hidden !important;
    width: auto !important;
    float: none !important;
}


/* show info */

p.show {
    margin: 14px 0 0 48px;
    width: 260px;
	height: 84px;
	padding-top: 10px;
	padding-left: 192px;
	background: transparent url(../images/show01-bg.gif) no-repeat 0 0;
}

span.show-attribute	{
	display: inline-block;
	width: 100px;
	font-weight: bold;
}

span.show-attribute,
span.show-value	{
	line-height: 1.8em;
}


/* gallery page */

div.main-nav	{
	margin: 20px 50px 0 50px;
}

div.highslide-gallery	{
	margin: 0 50px 50px 50px;	
}

div.highslide-gallery h3	{
	padding: 20px 0 7px 0;
}



