html {height:100%;}
body {margin:0; padding:0; font:normal normal normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; background:url(/assets/page.gif) repeat-y center #E7E3DC; height:100%; text-align:center;}
form {margin:0;}
form select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666;}

a:link {color:#48618D;}
a:visited {color:#48618D;}
a:active {color:#48618D;}
a:hover {color:#7AA0AF;}

/*Mozilla Hack - doens't like spacer div's with out content*/
div.spacer {clear:both; padding-top:.1px;}

img#WSSTracking {display:none; width:1px; height:1px; border:none; margin:0; padding:0;}

/*Page Styles*/

#page {width:731px; min-height:100%; padding:0 14px; margin:0 auto; background:url(/assets/page.gif) repeat-y center white; text-align:left;}
* html #page {height:100%; width:759px; w\idth:731px;}

#logo {float:left; border:none; width:731px; height:98px;}
img#banner {width:548px; height:100px; float:right; margin-bottom:1px;}
* html img#banner {float:left; float:right;}
*>html img#banner {float:none;}

#macroNav {background:url(/assets/topNav-shadow.gif) repeat-x bottom; padding-bottom:7px; margin-bottom:5px;}
#macroNav ul {clear:both; margin:0; padding:0; height:26px; list-style:none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; /*border-bottom:1px solid #759C09;*/}
#macroNav ul li {float:left; margin:0; padding:0; width:104px; border-right:1px solid #CECECE; border-bottom:1px solid #8C8C8C;}
* html #macroNav ul li {width:104px; w\idth:104px;}
#macroNav ul li a {display:block; background:none #467385; color:white; text-transform:uppercase; text-decoration:none; padding:7px 0 6px 8px; position:relative;}
#macroNav ul li a img {position:absolute; width:7px; height:4px; border:none; top:0; left:6px;}
* html #macroNav ul li a img {left:6px; left/**/:-2px;}
#macroNav ul li a:hover, #macroNav li a.selected {background-color:#6893A4;}
#macroNav ul li.selected a {background-color:#6893A4;}
#macroNav ul li.special {width:104px; border-right:1px solid #ffffff; border-bottom:1px solid #AC9E51;}
#macroNav ul li.special a {background-color:#6893A4;}
#macroNav ul li.special a:hover {background-color:#6893A4;}
#macroNav ul li.last {border-right:none; background-color:#467385; width:101px;}
#macroNav ul li.last a {border-right:none; background-color:#467385}
#macroNav ul li.last a:hover {border-right:none; background-color:#6893A4}

div#sideBar {width:154px; float:left;}
div#sideBar div#pageNav {float:left; width:154px; position:relative; left:-14px; background:url(/assets/pageNav.gif) repeat-y top left #F7F7F7; margin-bottom:10px;}
div#sideBar div#pageNav img#pageNav-top {display:block; width:154px; height:6px;}
div#sideBar div#pageNav img#pageNav-bottom {display:block; width:154px; height:15px;}
div#sideBar div#pageNav ul {list-style:none; margin:6px 0; padding:0; position:relative;}
div#sideBar div#pageNav ul ul {margin:0; position:static;}
div#sideBar div#pageNav ul li {margin:1px 0 1px 8px; padding:0; font-size:11px;}
div#sideBar div#pageNav ul li a {display:block; border-left:5px solid #F7F7F7; padding:0 0 0 6px; line-height:20px; text-decoration:none; color:#6893A4;}
div#sideBar div#pageNav ul li a:hover {color:#467385; text-decoration:underline; border-color:#7AA0AF;}
div#sideBar div#pageNav ul li li {margin:1px 0;}
div#sideBar div#pageNav ul li li li a {padding-left:16px;}
div#sideBar div#pageNav ul li h3 {margin:0; padding:0; font-size:12px; font-weight:bold;}
div#sideBar div#pageNav ul li h3 a {text-decoration:none; color:#467385;}
div#sideBar div#pageNav ul li h3 a:hover {text-decoration:underline; color:black;}
div#sideBar div#pageNav ul li a.selected {border-color:#7AA0AF;}
div#sideBar div#sideContent {margin:0 10px 10px 10px; float:left;  color:#9A9;}

ul#breadCrumbs {float:right; width:548px; list-style:none; margin:0; padding:0;}
ul#breadCrumbs li {display:inline; margin:0; padding:0;}
ul#breadCrumbs li a {text-decoration:none;}
ul#breadCrumbs li a:hover {text-decoration:underline;}

div#pageContent {float:right; width:528px; padding:0 20px 40px 0; line-height:14px;}
* html div#pageContent {width:548px; w\idth:528px;}
div#pageContent h1 {position:relative; left:-20px; font:normal 24px Tahoma, Arial, Helvetica, Sans Serif; color:#467385; margin:15px 0;}
div#pageContent h2 {color:#467385; margin:10px 0 10px 0; font-size:14px; font-weight:bold;}
div#pageContent h3 {color:#467385; margin:10px 0 10px 0; font-size:14px; font-weight:normal;}

div#slides {float:left; width:200px; height:270px; padding:0 5px 0px 0; line-height:14px;}
div#slideshome {float:left; width:200px; height:220px; padding:0 5px 0px 0; line-height:14px;}
div#artistinfo {float:right; width:300px; padding:0px 0px 0px 0px; line-height:14px;}
div#contactinfo {float:right; width:528px; padding:0px 20px 40px 0; line-height:14px;}
div#h3 {float:left; width:528px; padding:0px 0px 0px 0px; line-height:18px;}
div#h3_alt {float:left; width:528px; padding:0px 0px 0px 0px; line-height:14px;}

div#pageContent2 {float:left; width:350px; padding:0 10px 0px 0; line-height:14px;}
div#pageContent2 h1 {position:relative; font:normal 24px Tahoma, Arial, Helvetica, Sans Serif; color:#A2A2A2; margin:15px 0;}
div#pageContent2 h2 {color:#467385; margin:30px 0 10px 0; font-size:14px; font-weight:bold;}

div#pageContent2b {float:right; width:150px; padding:0 10px 0px 0; line-height:14px;}

.categories {color:#D46F31; margin:0px 0 0px 0; font-size:14px; font-weight:normal; padding:0 0px 0px 10px}
.categories2 {margin:0px 0 0px 0; font-size:11px; font-weight:normal; padding:0 0px 0px 10px}
.categories a: {margin:0px 0 0px 0; font-size:12px; font-weight:normal; padding:0 0px 0px 10px}
.categories a:hover {margin:0px 0 0px 0; font-size:12px; font-weight:normal; padding:0 0px 0px 10px}

.categories5 {color:#D46F31; margin:0px 0 0px 0; font-size:14px; font-weight:normal; padding:0 0px 0px 0px}
.categories5 {margin:0px 0 0px 0; font-size:11px; font-weight:normal; padding:0 0px 0px 0px}
.categories5 a: {margin:0px 0 0px 0; font-size:12px; font-weight:normal; padding:0 0px 0px 0px}
.categories5 a:hover {margin:0px 0 0px 0; font-size:12px; font-weight:normal; padding:0 0px 0px 0px}

div#pageContent3 {width:320px; padding:0 0px 20px 0}
div#pageContent4 {float:right; width:190px; padding:0 0px 20px 0}
div#pageContent5 {float:left; width:310px; padding:20px 0px 20px 0}
div#pageContent6 {float:right; width:210px; padding:0 0px 40px 0}
div#pageContent7 {float:left; width:310px; padding:0 0px 20px 0}
div#pageContent8 {float:right; width:200px; padding:0 0px 20px 0}

div#pageContent3b {float:right; width:255px; padding:0 0px 20px 0}
div#pageContent4b {float:left; width:255px; padding:0 0px 20px 0}
div#pageContent5b {float:left; width:255px; padding:0px 0px 20px 0}
div#pageContent6b {float:right; width:255px; padding:0 0px 20px 0}
div#pageContent7b {float:left; width:255px; padding:0 0px 20px 0}
div#pageContent8b {float:left; width:255px; padding:0 0px 20px 0}
div#pageContent9b {float:right; width:255px; padding:0 0px 20px 0}

div#footer {background:url(/assets/page-footer.gif) repeat-x top left white; color:#A4A4A4; clear:both; padding:15px;}
* html div#footer {padding:8px;}
div#footer p {float:right; margin:0;}

div#pageContent div#leftPane {float:left; width:237px;}
div#pageContent div#rightPane {float:right; width:237px;} 

/* additions by SF */

.keywords {COLOR: #999;}
.keywords2 {COLOR: #CCC;}
DIV#sideBar DIV#openingTimes {color:#CCC;}
