/*
Note: 

Depending whether or not the sidebar (Calendar) shows, a class is added to the "bodytop" div 
i.e. <div id="bodytop" class="withsidebar"> 
or else it's just <div id="bodytop">
*/ 

html { padding: 0; margin: 0; }
body { background:#272626 url('../img/bg-page-20101020.jpg') top left repeat-x; font-size:65%; font-family:verdana,arial,helvetica,sans-serif; margin:0px; padding:0px; }
body * { font-size:1em; margin:0px; padding:0px; } 
* html body { width:100%; text-align:center; position:relative; }

#container { background:transparent url('../img/bg-container.png') bottom left no-repeat; text-align:left; width:770px; height:auto; margin:0px auto; position:relative; }


#containerbackground { margin-left:7px; margin-right:7px; position:relative; } 

/* clearfix
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
	-------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; } /* Hides from IE-mac */
	.clearfix { display: block; } /* End hide from IE-mac */


/* ********************************************************* */
/* Header */
/* ********************************************************* */
#header { background-color:#000; margin-top:6px; height:67px; }
/* #header #logo { margin-left:6px; margin-top:7px; float:left; } */
#header #logo { position:absolute; top:-2px; left:13px; z-index: 10; }
#header #logoprint { display:none; }
#header #logosml { float:right; clear:none; margin-top:6px; }
#header #logosml .separator { margin-left:7px; margin-right:7px; }

/*
#sitesearch { position:relative; margin-top:-5px; margin-left:-225px; color:#999; z-index:100; width:225px; height:50px; }
* html #sitesearch { margin-top:-35px; margin-left:-225px; } */

/* #sitesearch { position:absolute; top:75px; left:10px; color:#999; z-index:300!important; width:225px; height:50px; } */

#sitesearchform { position:absolute; left:350px; top:30px; }
#sitesearchform label { position:relative; }
#sitesearchform input.text { border:1px solid #333!important; background-color:#000!important; color:#fff!important; font-family:verdana,arial,helvetica,sans-serif!important; font-size:0.9em!important; width:94px; z-index:100; position:relative; }
#sitesearchform input.long { width:175px; }
#sitesearchform input.submit { margin-left:2px; } 
#sitesearchform #txtKeyword { margin-bottom:3px; }
* html #sitesearchform #txtKeyword { margin-bottom:1px; }

/* ********************************************************* */
/* Nav */
/* ********************************************************* */
#nav { background:transparent url('../img/bg_nav.gif') top left no-repeat; position:absolute; top:67; left:235px; z-index:2; width:492px; height:30px; padding-top:14px; } 
#nav ul { margin-left:73px; }
#nav ul li { float:left; list-style-type:none; margin-right:11px; padding-bottom:10px; }
#nav ul li a { padding:5px;}
#nav ul li.last { margin-right:11px; }

#nav ul ul { display:none; position:absolute; top:30px; width:116px; background:transparent url('../img/bg_nav_subnav.gif') left bottom no-repeat; 
FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=80); -moz-opacity:0.80; opacity:0.80; padding-bottom:4px; }
#nav ul li:hover ul, #nav ul li.over ul { display:block; }
#nav ul ul li { list-style-type:none; position:relative; width:116px; background-color:#000; padding:0px; }
#nav ul ul li h2 { font-size:0.9em; font-weight:normal; }
#nav ul ul li.first { padding-top:7px; }
#nav ul ul li h2 a { color:#fff; padding:7px 3px 7px 10px; display:block; }
#nav ul ul li h2 a:hover, #nav ul ul li h2 a.selected { font-weight:bold; text-decoration:none; }

#nav ul ul.whatson { position:absolute; left:-22px; }
#nav ul ul.about { position:absolute; left:67px; }
#nav ul ul.belong { position:absolute; left:142px; }
#nav ul ul.education { position:absolute; left:216px; }
#nav ul ul.media { position:absolute; left:300px; }


/* ********************************************************* */
/* Flash on home page - needs to be just a static image on Safari */
/* ********************************************************* */
#body #flash { display:block; }
#body #flashalternative { display:none; }


/* ********************************************************* */
/* Body & backgrounds */
/* ********************************************************* */
#body { overflow:auto; } 	
#bodybottom { width:756px; padding-top:20px; overflow:auto; /*background:url("../img/bg_body_top.jpg") no-repeat scroll left top transparent;*/ }
#bodybottom-home { width:756px; padding-top:20px; overflow:auto; }
#bodytop { background:#fff url('../img/bg_body_bottom.jpg') bottom left no-repeat;  width:756px; overflow:auto; } 
#bodytop.withsidebar { background:#fff url('../img/bg-body-bottom-withsidebar.jpg') bottom left no-repeat;  width:756px; overflow:auto; } 

#bodybottom, #bodybottom-home, #bodytop, #bodytop.withsidebar { overflow:hidden; }


/* ********************************************************* */
/* Content */
/* ********************************************************* */
#content { float:left; padding:0px 0px 20px 13px; min-height:500px; width: 580px; }
* html #content { padding:0px 13px 20px 13px; height:500px; }

#content.indent h1 { clear:left; margin-left:10px; }

#content table.tableborder { border:1px solid #ccc; }

/* Breadcrumb nav */
#content ul#breadcrumb { list-style-type:none; margin-top:10px; margin-left:10px; }
#content table.browse td ul#breadcrumb { margin-left:0px; }
#content ul#breadcrumb li { float:left; font-size:0.9em; color:#666; border-bottom:1px solid #e1e1e1; }
#content table.browse td ul#breadcrumb li { font-size:0.9em; }
#content ul#breadcrumb li a { color:#333; }
#content ul#breadcrumb li.last { padding-right:40px; }
#content ul#breadcrumb li.last a { color:#a31414; }

/* Breadcrumb nav in gold colour */
#content ul#breadcrumb.gold { list-style-type:none; margin-top:-7px; margin-left:0px; padding-bottom:10px; margin-bottom:10px; }
* html #content ul#breadcrumb.gold { padding-bottom:0px; margin-bottom:0px; }
#content ul#breadcrumb.gold li { float:left; font-size:0.9em; color:#ae996e; border:none; }
#content ul#breadcrumb.gold li a { color:#ae996e; font-weight:bold; }
#content ul#breadcrumb.gold li.last { padding-right:0px; }
#content ul#breadcrumb.gold li.last a { color:#ae996e; font-weight:normal; }

#content .shortcut { float:left; width:180px; clear:none; padding-right:3px; }
#content .shortcut p { margin-top:10px; }
#content .separatorvertical { float:left; margin-right:10px; }
form#signup input.text { width:120px; font-size:1em; font-family:verdana,arial,helvetica,sans-serif; }

#content .separatorhorizontal { margin-top:6px; margin-bottom:10px; clear:left; }
#content .heading { margin-bottom:12px; }
#content .article { width:280px; font-size:1.1em; line-height:1.5em; float:left; margin-bottom:5px; min-height:127px; margin-right:7px; vertical-align:top; }
* html #content .article { display:inline; float:none; margin-bottom:9px; margin-right:5px; }
#content .article .image { width:120px; float:left; }
#content .article .info { width:140px; float:left; }
#content .articleimage .info { width:275px; float:left; }
#content .article img.thumb { margin:9px; }
#content .article a.img, #content .article .info .img { border:1px solid #ccc; float:left; margin-right:10px; }
#content .article a[href]:hover.img {  border:1px solid #999; background-color:#fff; }
#content .article .info  {}
#content .article .dim, #content .article .dim * { color:#AF1E1E; }
#content .article .dim2, #content .article .dim2 * { color:#AF1E1E; }
#content .article .dim { font-size:10px; }
#content .article h3 { line-height:1.2em; color:#af1e1e; }
#content .article h3, #content .article p { margin-bottom:0.5em; }
#content .article p.highlight { margin-bottom:0em; line-height:1.2em; }
#content .article p.readmore { margin-bottom:0em; line-height:1.5em; }
#content .article h3 a, #content .article h3 a:visited { color:#af1e1e; }
#content .article p.highlight a, #content .article p.readmore { font-weight:bold; }

#content ul.quicklinks { list-style-type:none; }
#content ul.quicklinks li { font-size:0.9em; margin-bottom:0em; line-height:1.3em;  }
#content ul.quicklinks li a { background:transparent url('../img/arrow_right_a.gif') 0em 0.3em no-repeat; padding-left:1em; color:#000; text-decoration:none; }
#content ul.quicklinks li a:hover { background:transparent url('../img/arrow_right_b.gif') 0em 0.3em no-repeat; color:#af1e1e; text-decoration:underline; }

#content table.alphabet { margin-top:20px; margin-left:0px; clear:left; }
#content table.alphabet td { text-align:center; padding-top:5px; padding-bottom:10px; height:35px; }
* html #content table.alphabet  td { padding-top:1px; padding-bottom:1px; }
#content table.alphabet td.letterSearchCopy { text-align:left; padding-left:10px; }

#content table.alphabet td a { padding:9px 7px 6px 7px; height:31px; width:31px; }
* html #content table.alphabet td a { padding:9px 7px 6px 7px; }
#content table.alphabet td a:hover { padding:8px 6px 5px 6px; border:1px solid #c4bba8; }
* html #content table.alphabet td a:hover { padding:8px 7px 5px 7px; height:31px; width:31px; }
#content table.alphabet td a.thisletter { padding:8px 6px 5px 6px; border:1px solid #af1e1e; }
* html #content table.alphabet td a.thisletter { padding:8px 7px 5px 7px; }

/* browse page */
#content #browselist { margin-top:20px; margin-left:5px; float:left; width:530px; }
#content #browselist .navtop { float:right; padding-top:3px; }
#content #browselist .navbottom { float:right; margin-top:10px; }
#content #browselist ul.pages { clear:right; float:right; list-style-type:none; margin-top:0.1em; }
#content #browselist ul.pages li { float:left; font-size:0.9em; margin-left:0.4em; }
#content #browselist ul.pages li a { text-decoration:underline; }
#content #browselist ul.pages li a:hover { color:#6f5c47; }
#content #browselist dl {}
#content #browselist dt {} 
#content #browselist h3 { text-transform:capitalize; font-size:1.2em; color:#fff; width:506px; height:20px; background:transparent url('../img/bg_heading.jpg') top left no-repeat; padding-top:0.2em; padding-left:0.3em; margin-top:0.8em; } 
#content #browselist dd h4 { font-weight:normal; xfont-size:1em; width:470px; padding-left:2em; margin-top:0.8em; }
#content #browselist dd { font-size:1.1em; font-weight:bold; margin-left:0.3em; margin-top:0.8em; }
#content #browselist dd a.moreinfo { color:#af1e1e; font-size:0.8em; }

#content ul.pages li a.selected { text-decoration:none; color:#6f5c47; }


/* ********************************************************* */
/* link styles for download icons. */
/* ********************************************************* */
a.ico_pdf { background:transparent url(../img/ico_pdf.gif) 0px 0px no-repeat; }
a.ico_img { background:transparent url(../img/ico_img.gif) 0px 0px no-repeat; }
a.ico_doc { background:transparent url(../img/ico_doc.gif) 0px 0px no-repeat; }
a.ico_ppt { background:transparent url(../img/ico_ppt.gif) 0px 0px no-repeat; }
a.ico_xls { background:transparent url(../img/ico_xls.gif) 0px 0px no-repeat; }
a.ico_zip { background:transparent url(../img/ico_zip.gif) 0px 0px no-repeat; }
a.ico_htm { background:transparent url(../img/ico_htm.gif) 0px 0px no-repeat; }
a.ico_other { background:transparent url(../img/ico_other.gif) 0px 0px no-repeat; }
a.ico_pdf, a.ico_img, a.ico_doc, a.ico_ppt, a.ico_xls, a.ico_zip, a.ico_htm, a.ico_other { padding-left:25px; height:20px; }
* html a.ico_pdf, a.ico_img, a.ico_doc, a.ico_ppt, a.ico_xls, a.ico_zip, a.ico_htm, a.ico_other { background-position:0px 2px; }


/* event list page */
#content #eventlist { xfloat:left; width:530px; }
* html #content #eventlist { width:560px; }
#content #eventlist .navtop { float:right; padding-top:3px; }
#content #eventlist .navbottom { float:right; margin-top:10px; }
#content #eventlist h1 { margin-left:10px; }
#content #eventlist table.browse { width:560px; }
* html #content #eventlist table.browse { width:100%; }
#content #eventlist img.howtobook { margin-top:6px; margin-bottom:10px; }
* html #content #eventlist img.howtobook { margin-top:3px; }
#content #eventlist hr { clear:left; width:570px; color:#cccece; height:1px; margin-bottom:30px; }
* html #content #eventlist hr { width:100%; }
#content #eventlist ul.pages { clear:right; float:right; list-style-type:none; margin-top:0.1em; }
#content #eventlist ul.pages li { float:left; font-size:0.9em; margin-left:0.4em; }
#content #eventlist ul.pages li a { text-decoration:underline; }
#content #eventlist ul.pages li a:hover { color:#6f5c47; }

#content table.browse { margin-left:10px; clear:left; }
#content table.browse td h1 { margin-bottom:10px; }
* html #content table.browse td h1 { margin-bottom:0px; }
#content table.browse td .h2top { clear:left; background:transparent url('../img/bg_content_h2top.gif') bottom left no-repeat; width:417px; height:4px; margin-top:12px; }
* html #content table.browse td .h2top { margin-top:0px; }
#content table.browse td .h2bottom { background:transparent url('../img/bg_content_h2bottom.gif') top left no-repeat; width:417px; height:4px; }
#content table.browse td h2 { background-color:#a31414; font-size:1.1em; color:#fff; width:406px; min-height:12px; padding-left:7px; padding-right:4px; }
* html #content table.browse td h2 { width:417px; height:12px; }
#content table.browse td h3 { font-size:1.1em; margin-bottom:0.4em; color:#a31414; }
#content table.browse td p { font-size:1.1em; line-height:1.2em; }
#content table.browse td ul { list-style-type:none; }
#content table.browse td ul li { font-size:1.1em; margin-bottom:0.5em; }
#content table.browse img.thumb { margin:9px; }

#content table.browse td.navtop .imgNoHref { border:1px solid #ccc; padding:0px; overflow:auto; float:right; }
* html #content table.browse td.navtop .imgNoHref { padding:9px; }
#content table.browse td.navtop .imgNoHref img { padding:9px; }
* html #content table.browse td.navtop .imgNoHref img { padding:0px; }

#content table.browse a.img { border:1px solid #ccc; float:right; margin-top:4px; margin-bottom:5px; }
#content table.browse a:hover[href].img { background-color:#e8dfdb; }
#content table.browse td.navtop { padding-top:6px; }
* html #content table.browse td.navtop { padding-top:3px; }
#content table.browse td.navtop img.howtobook { margin-top:6px; margin-bottom:10px; }
* html #content table.browse td.navtop img.howtobook { margin-top:3px; }
#content table.browse table.dates { margin-top:3px; margin-left:8px; }
* html #content table.browse table.dates { margin-top:0px; }
#content table.browse table.dates td { padding-bottom:10px; }
#content table.browse table.program { margin-top:10px; margin-left:2px; }
#content table.browse table.program td { padding-right:4px; }
#content table.browse td.summary { padding-top:10px; }
#content table.browse td.summary p { line-height:1.4em; }
#content table.browse table.extrainfo { margin-top:7px; border-top:1px solid #e1e1e1; width:570px; }
* html #content table.browse table.extrainfo { width:100%; }
#content table.browse table.extrainfo td { padding:3px; }
#content table.browse table.extrainfo td p { font-size:1em; }
#content table.browse table.extrainfo td p a { text-decoration:underline; }
#content table.browse table.extrainfo td p a:hover { color:#6f5c47; }
#content table.prices { margin-top:20px; font-size:1.1em; }
#content table.prices td { padding:2px; }
#content table.prices h3, #content table.prices h4 { font-size:1em; color:#000; }
#content table.browse td.navbottom { padding-top:10px; }
#content table.browse td.navbottom ul.pages { float:right; list-style-type:none; }
#content table.browse td.navbottom ul.pages li { float:left; font-size:0.9em; margin-left:0.4em; }
#content table.browse td.navbottom ul.pages li a { text-decoration:underline; }
#content table.browse td.navbottom ul.pages li a:hover { color:#6f5c47; }

/* calendar page */
#content #calendarmain { margin-top:5px; width:570px; }
#content #calendarmain td { font-size:1em; padding:10px; }
#content #calendarmain td a { padding:6px; }
#content #calendarmain td h1 .heading { margin-bottom:8px; }
#content #calendarmain td.bordertl { border-bottom:1px solid #cccece; border-right:1px solid #cccece; }
#content #calendarmain td.bordertc { border-bottom:1px solid #cccece; }
#content #calendarmain td.bordertr { border-bottom:1px solid #cccece; border-left:1px solid #cccece; }
#content #calendarmain td.borderbl { border-right:1px solid #cccece; }
#content #calendarmain td.borderbr { border-left:1px solid #cccece; }

/* Added duplicate versions of above border classes to work with my dynamic code on htm_calendar.asp. 
The number in .border<number> will be dynamically generated through ASP code when it loops through displaying 6 calendar months per page. */
#content #calendarmain td.border0 { border-bottom:1px solid #cccece; border-right:1px solid #cccece; }
#content #calendarmain td.border1 { border-bottom:1px solid #cccece; }
#content #calendarmain td.border2 { border-bottom:1px solid #cccece; border-left:1px solid #cccece; }
#content #calendarmain td.border3 { border-right:1px solid #cccece; }
#content #calendarmain td.border5 { border-left:1px solid #cccece; }


#content #calendarmain td.genericCalStyle .calendar td a.thisdayevents { color:#af1e1e; }
#content #calendarmain td.genericCalStyle .calendar td a.thisday { color:#af1e1e; font-weight:bold; border:1px solid #eed0d0; }
#content #calendarmain td.genericCalStyle .calendar td a.selectedday { xfont-weight:normal; border:1px solid #eed0d0; }
#content #calendarmain td.genericCalStyle .calendar td .selectedday { border:1px solid #eed0d0; }
#content #calendarmain td.genericCalStyle .calendar td .thisday { color:#af1e1e; font-weight:bold; border:1px solid #EADADA; xborder:1px solid #eed0d0; }
#content #calendarmain td.genericCalStyle .calendar td a.othermonthdays { color:#999; font-weight:normal; }
 
#content #calendarmain .calendar { clear:left; margin-bottom:13px; width:83%; }
* html #content #calendarmain .calendar { margin-bottom:5px; }
#content #calendarmain .calendar td { font-size:1.1em; line-height:1em; text-align:center; padding:3px 0px 3px 0px; }
* html #content #calendarmain .calendar td { padding:1px 0px 1px 0px; }
#content #calendarmain .calendar tr.heading td { height:25px; color:#af1e1e; font-weight:bold; }
#content #calendarmain .calendar tr.heading td.month { height:20px; color:#000; font-size:1.2em; }
#content #calendarmain .calendar td a { padding:2px; width:100%; }
#content #calendarmain .calendar td a:hover { text-decoration:none; }
#content #calendarmain .calendar td a.thisday { color:#af1e1e; font-weight:bold; border:1px solid #efd2d2; padding:1px; }
#content #calendarmain .calendar td a.selectedday { font-weight:normal; border:1px solid #efd2d2; padding:1px; }
#content #calendarmain .calendar td a.thisday:hover { border:1px solid #979797; }
#content #calendarmain .calendar td a.thisdayevents { color:#000; }
#content #calendarmain .calendar td a.thisdayevents:hover { border:1px solid #626262; padding:1px; }

#content .thisdayeventshover { background-color:#000; z-index:50!important; FILTER:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=85); -moz-opacity:0.85; opacity:0.85; padding:4px; display:block; width:180px; height:auto; position:absolute; margin-left:4px; margin-top:4px; text-align:left; }
* html #content .thisdayeventshover { margin-left:-6px; margin-top:1px; }
#content .thisdayeventshover h3, #content .thisdayeventshover h3 a { color:#fff; font-size:1em; margin-bottom:0.4em; }
#content .thisdayeventshover p, #content .thisdayeventshover p a { font-weight:bold; font-size:0.9em; color:#b8a580; margin-bottom:0.3em; }


/* ********************************************************* */
/* Sidenav (Left) */
/* ********************************************************* */
#sidenav { float:left; width:157px; }
/* Different column width just for Media Centre pages */
#content.media #sidenav { width:177px; }
#sidenav h1 { position:relative; }
#sidenav img.img { border:1px solid #e1e1e1; margin-top:20px; margin-right:14px; }

#sidenav ul.mainlist { margin-top:10px; list-style-type:none; }
* html #sidenav ul.mainlist { margin-top:20px; }
#sidenav ul.mainlist li { font-size:1.1em; font-weight:bold; margin-bottom:1em; background:transparent url('../img/bullet_black.gif') 0px 0.5em no-repeat; padding-left:10px; }
* html #sidenav ul.mainlist li { margin-bottom:0em; background:transparent url('../img/bullet_black.gif') 0px 0.4em no-repeat; }
#sidenav ul.mainlist li a.selected { text-decoration:underline; }
#sidenav a { color:#9d7968; }
#sidenav a:hover { }
#sidenav ul.mainlist a { display:block; }
#sidenav ul.expandlist { margin:0em 0em 0.1em 0.6em; list-style-type:none; }
* html #sidenav ul.expandlist { margin:1em 0em 0.3em 0.6em; }
#sidenav ul.expandlist li { font-size:1.1em; font-weight:normal; background:none; }
* html #sidenav ul.expandlist li { font-size:1em; background:none; padding-left:0em; }
#sidenav ul.expandlist a { width:auto; color:#9d7968; }
#sidenav ul.expandlist a.selected { text-decoration:underline; }
#sidenav ul.expandlist a:hover { }


/* ********************************************************* */
/* Text */
/* ********************************************************* */
#text { margin-left:6px; float:left; width:400px; }
/* Different column width just for Media Centre pages */
#content.media #text { width:380px; }
#text h2 { margin-top:2px; margin-bottom:15px; }
#text p { font-size:1.1em; line-height:1.6em; margin-bottom:1.6em; }
#text p img { border:2px solid #cccece; margin-right:1em; margin-bottom:1em; }
#text p img.noborder { border:0px; }
#text p img.nomargin { margin:0px; }
#text .navtop { float:right; padding-top:15px; }
#text .navbottom { float:right; }
#text ul { list-style-type:disc; margin-left:2em; margin-bottom:1em; }
#text ul li { font-size:1.1em;  line-height:1.6em; float:none; }
#text ul.pages { clear:right; float:right; list-style-type:none; margin-top:0.1em; }
#text ul.pages li { float:left; font-size:0.9em; margin-left:0.4em; }
#text ul.pages li a { text-decoration:underline; }
#text ul.pages li a:hover { color:#6f5c47; }

#text h1.pageHeader, #content h1.pageHeader { margin-top:-4px; text-transform:uppercase; font-family:/*helvetica,*/arial,sans-serif; color:#AE996E; font-weight:normal; }
* html #text h1.pageHeader, * html #content h1.pageHeader { font-family:helvetica,arial,sans-serif; }
* html #text h1.pageHeader, #content h1.pageHeader { margin-top:-4px; }
#text h2.pageHeader { margin-top:-4px; text-transform:uppercase; font-family:/*helvetica,*/arial,sans-serif; color:#AE996E; font-weight:normal; }
* html #text h2.pageHeader { font-family:helvetica,arial,sans-serif; }
#text h2.articleHeader { color:#AE996E; font-size:1.1em; font-family:verdana,arial,sans-serif; margin-top:0.4em; text-transform:uppercase; }
#text h2.articleHeaderDetail { text-transform:uppercase; }

#text.series { width:530px; }

/* articles */
#text .article { width:auto; font-size:1em; margin-bottom:5px; min-height:127px; margin-right:7px; vertical-align:top; display:block; clear:left; position:relative; }
* html #text .article { margin-bottom:20px; margin-right:5px; }
#text .article .image { width:120px; float:left; }
* html #text .article .image { margin-bottom:20px; }
#text .article .info { float:left; width:370px; margin-bottom:20px; }
* html #text .article .info { width:auto; }
#text .articleimage .info { width:270px; float:left; }
* html #text .articleimage .info { width:270px; }
#text .series .info { float:none; width:500px; }
* html #text .series .info { width:auto; }
#text .series .info table.prices { margin-top:20px; margin-bottom:20px; }
#text .series hr { clear:left; width:100%; color:#cccece; height:1px; }
#text .article img.thumb { margin:9px; }
#text .article a.img { border:1px solid #ccc; float:left; margin-right:10px; margin-bottom:20px; }
#text .article a[href]:hover.img { border:1px solid #999; background-color:#fff; }
#text .article h3 { font-size:1.1em; margin-bottom:0.1em; }
#text .article p.date { font-size:1em; font-weight:bold; margin-bottom:0.1em; }
#text .article p.location { font-size:1em; font-weight:bold; margin-bottom:1em; }
#text .article p { line-height:1.2em; margin-bottom:0em; }
#text .article h3 a, #text .article h3 a:visited { color:#af1e1e; }
#text .article p.highlight a, #text .article p.readmore { font-weight:bold; }
#text .article p.readmore {  line-height:1.2em; }
#text .article p.red { margin-top:1em; }
#text .article p.red a { color:#af1e1e; }

/* short articles e.g. on violins page, musicians profile page */
#text .short { margin-bottom:5px; margin-top:10px; min-height:60px; }
* html #text .short { height:60px; margin-top:3px; margin-bottom:15px;}
#text .short .info { margin-bottom:6px; margin-top:10px; width:275px;  }
* html #text .short .info { margin-bottom:12px; margin-top:0px; width:auto; }
#text .article a.short { margin-bottom:0px; }
* html #text .article a.short { margin-bottom:12px; }
#text .article .downloads { float:right; margin-top:17px; display:block; }
* html #text .article .downloads { margin-top:18px; }
#text .article .downloads img { margin-left:8px; }
#text .article p.subline { margin-bottom:0.7em; }
#text .article p.icon { font-size:1em; margin-top:0.7em; }
#text .article p.icon img { margin-bottom:0.6em; border:0px; }
* html #text .article p.icon img { margin-bottom:0em; }


/* anchorlist on series page */
#anchorlist { font-size:0.9em; width:450px; margin:2em 0em 3em 3em; border-bottom:1px solid #e1e1e1; padding-bottom:0.2em; }

/* searchsection divs on search page */
#text .searchsection { float:left; }
#text .leftsection h3 { margin-top:5px; }
#text .leftsection form { margin-top:10px; }
#text .leftsection form input.text { width:160px; margin-bottom:5px; }
#text .leftsection form input.submit { margin-left:122px; }
#text .centersection{ margin-left:15px; margin-right:16px; }
#text .rightsection h3 { margin-top:5px; }
#text .rightsection ul { list-style-type:none; margin-top:10px; margin-left:2px; }
#text .rightsection ul li { background:transparent url('../img/arrow_red_right_a.gif') 0px 0.4em no-repeat; padding-left:10px; font-weight:bold; margin-bottom:1em; }

/* forms */
form label { cursor:pointer; }
form input.text { border:1px solid #898380; padding-left:0.1em; }
* html form input.text { padding-top:0.1em; }
#text form#formbrochure input.text, #text form#formbrochure textarea.text {font-family:verdana,arial,helvetica,sans-serif!important;}
#text form#formbrochure input.text { width:200px; border:1px solid #898380; }
#text form#formbrochure textarea.text { font-size:1em; width:200px; height:90px; border:1px solid #898380; }
#text form#formbrochure input.checkbox { margin-top:20px; margin-right:5px; float:left; border:0px; } 
#text form#formbrochure label { float:left; font-weight:bold; font-size:1.1em; color:#a2252b; width:120px; margin-bottom:10px; }
#text form#formbrochure label.checkbox { float:left; width:370px; font-weight:normal; font-size:0.9em; color:#000; margin-top:24px; }
#text form#formbrochure .radio { float:left; width:20px; font-weight:normal; font-size:0.9em; color:#000; }
#text form#formbrochure input.submit { margin-top:20px; margin-right:15px; clear:left; text-align:right; }
p.formMsg, p.formErrorMsg { margin-top:10px; margin-bottom:10px; margin-left:0px; width:350px; }
.formErrorMsg { color:#ff0000; }

/* search results of site search */
#text table.searchresult { width:550px; border-top:1px solid #cccece; }
#text table.searchresult td { padding-top:10px; }
#text table.searchresult td h3 { color:#a31414; font-size:1.1em; line-height:1.2em; margin-bottom:0.5em; }
#text table.searchresult td h3 a { color:#a31414; }
#text table.searchresult td.category { width:130px; padding-right:5px; }
#text table.searchresult td.category h3 { color:#9d7968; }
#text table.searchresult td ul { list-style-type:none; }
#text table.searchresult td ul li { xmargin-left:15px; }
#text table.searchresult td ul li p{ xmargin-left:15px; font-size:1em; }
#text table.searchresult td p.location { font-weight:bold; }


/* ********************************************************* */
/* Sidebar (Right) */
/* ********************************************************* */
#sidebar { float:right; width:138px; padding:0px 10px 10px 10px; padding:0px 10px 0 10px\9; }

* html #sidebar { width:158px; } 
#sidebar h2 .heading { margin-bottom:12px; }
#sidebar h2 .subheading { margin-top:20px; margin-bottom:6px; }
#sidebar p { margin-bottom:6px; }
#sidebar input.submit { margin-top:6px; }

#sidebar #calendarnav { margin-top:5px; }
#sidebar #calendarnav td { font-weight:bold; font-size:1.1em; }
#sidebar #calendarnav td a { padding:6px; }

#sidebar .calendar { clear:left; margin-bottom:13px; }
* html #sidebar .calendar { margin-bottom:5px; }
#sidebar .calendar td { font-size:1.1em; line-height:1em; text-align:center; padding-top:3px; padding-bottom:3px; }
* html #sidebar .calendar td { padding-top:1px; padding-bottom:1px; }
#sidebar .calendar tr.heading td { height:25px; color:#af1e1e; font-weight:bold; }
#sidebar .calendar td a { padding:2px; width:100%; }
#sidebar .calendar td a:hover { background-color:#dfb2b2; text-decoration:none; }
#sidebar .calendar td a.thisday { color:#af1e1e; font-weight:bold; border:1px solid #eed0d0; }
#sidebar .calendar td a.thisdayevents { color:#af1e1e; }
#sidebar .calendar td a.selectedday { xfont-weight:normal; border:1px solid #eed0d0; }
#sidebar .calendar td .selectedday { border:1px solid #eed0d0; }
#sidebar .calendar td .thisday { color:#af1e1e; font-weight:bold; border:1px solid #EADADA; xborder:1px solid #eed0d0; }
#sidebar .calendar td .thisdayevents { color:#af1e1e; }
#sidebar .calendar td a.othermonthdays { color:#999; font-weight:normal; }
#sidebar .calendar td .othermonthdays { color:#999; font-weight:normal; }

#sidebar #eventHolder { /*margin-top:9px;*/ /*height:80px;*/ padding-left:4px; padding-right:4px; position:relative;}
#sidebar #events ul { margin-top:6px; xmargin-bottom:60px; list-style-type:none; }
#sidebar #events ul li { padding-left:10px; background:transparent url('../img/bullet_red.gif') 0px 0.8em no-repeat; line-height:2em; font-size:0.9em; }
* html #sidebar #events ul li { background:transparent url('../img/bullet_red.gif') 0px 0.9em no-repeat; }

#subscribers-login-form-container { margin: 0 0 7px 1px; }
#subscribers-login-form-container img { display: block; margin: 0; padding: 0; }
#subscribers-login-form-container div.form { margin-bottom: 5px; }

#subscribers-login-form { background: url('../img/bg-red-rounded-panel.png') bottom left no-repeat; width:133px; text-align:left; width: 121px; padding: 0 6px 6px 6px; }
#subscribers-login-form p {color: #000; font-weight: bold; margin: 0; padding: 0; margin-bottom: 5px;}
#subscribers-login-form a {color: #fff; }
#subscribers-login-form .hd {margin: 0 0 10px 4px;}
#subscribers-login-form .hidden {display: none;}
#subscribers-login-form form label { color:#dd8a8d; font-weight:bold; margin:0; padding:0; margin-bottom:3px!important; width:120px; float:left;}
#subscribers-login-form form input.text {margin: 0; padding: 0; width: 120px; border: 1px solid #898380; padding: 2px!important; margin-bottom: 3px!important; float: left; height: 18px;}
#subscribers-login-form form input.submit { margin: 0; padding: 0; margin: 2px 0 5px 0; width: 58px; height: 20px;}

#subscribe-form-container { margin: 0 0 0 1px; }
#subscribe-form { background: url('../img/bg-red-rounded-panel.png') bottom left no-repeat; width:133px; text-align:left; width: 121px; padding: 0 6px 6px 6px; }
#subscribe-form p {color: #000; font-weight: bold; margin: 0; padding: 0; margin-bottom: 5px;}
#subscribe-form a {color: #af1e1e; }
#subscribe-form .hd {margin-bottom: 7px;}
#subscribe-form .hidden {display: none;}
#subscribe-form form label { color:#dd8a8d; font-weight:bold; margin: 0; padding: 0; margin-bottom: 3px!important; width: 120px; float: left;}
#subscribe-form form input.text {margin: 0; padding: 0; width: 120px; border: 1px solid #898380; padding: 2px!important; margin-bottom: 3px!important; float: left; height: 18px;}
#subscribe-form form input.submit { margin: 0; padding: 0; margin: 2px 0 5px 0; width: 58px; height: 20px;}

#brochure-form-container { margin: 0 0 7px 1px; }
#brochure-form { background: url('../img/bg-black-rounded-panel.png') bottom left no-repeat; width:133px; text-align:left; width: 121px; padding: 0 6px 6px 6px; }
#brochure-form p {color: #000; font-weight: bold; margin: 0; padding: 0; margin-bottom: 5px;}
#brochure-form a {color: #af1e1e; }
#brochure-form .hd {margin-bottom: 7px;}
#brochure-form .hidden {display: none;}
#brochure-form form label { color:#808080; font-weight:bold; margin: 0; padding: 0; margin-bottom: 3px!important; width: 120px; float: left;}
#brochure-form form input.text {margin: 0; padding: 0; width: 120px; border: 1px solid #898380; padding: 2px!important; margin-bottom: 3px!important; float: left; height: 18px;}
#brochure-form form input.submit { margin: 0; padding: 0; margin: 2px 0 5px 0; width: 58px; height: 20px;}

ul.social-media { margin: 0; padding: 0; margin: 10px 0 0 12px; }
ul.social-media li { float:left; margin-right: 8px; list-style: none; }
ul.social-media li.last { margin-right: 0; }


/* ********************************************************* */
/* Footer */
/* ********************************************************* */
#footer { height:40px; position:relative; }

#footer #loginsearch { float:left; margin-top:12px; color:#8b8585; }
#footer #loginsearch input.text { border:1px solid #424242!important; background-color:transparent!important; color:#ac9a9a!important; font-family:verdana,arial,helvetica,sans-serif!important; font-size:0.9em!important; width:94px; }
#footer #loginsearch input#Password1 { width:64px; }
#footer #loginsearch input.long { width:191px; }
#footer #loginsearch input.submit { margin-left:3px; } 
#footer #loginsearch #txtKeyword { margin-bottom:3px; }
* html #footer #loginsearch #txtKeyword { margin-bottom:1px; }


/* ********************************************************* */
/* Footer Nav */
/* ********************************************************* */
#footernav { width:487px; height:43px; float:right; margin-top: 5px; } 
* html #footernav { height:48px; } 
#footernav ul.text { margin-left:6px; margin-top:8px; }
#footernav ul.text li { float:left; list-style-type:none; margin-right:8px; font-size:1em; font-family:arial,helvetica,sans-serif; }
#footernav ul.text li h1 { font-weight:bold; }
#footernav ul.text li a { color:#eee; }
#footernav ul.text li a:hover { color:#af1e1e; text-decoration:none; }
#footernav ul.text li.last { margin-right:0px; }
#footernav ul.text li.icons a { margin-top: -3px; display: block; }


#footer #footerprint { display:none; }

#footernav ul.icons { margin-left:6px; margin-top:8px; }
#footernav ul.icons li { float:left; list-style-type:none; margin-right:8px; font-size:1em; font-family:arial,helvetica,sans-serif; }

p.login-msg { margin: 0 0 0 0; }


/* ********************************************************* */
/* Link colours */
/* ********************************************************* */
a.audio { color:#000!important; padding-left:20px; padding-bottom:0.25em; background:url('../img/icon-audio.gif') no-repeat 0em 0.2em; display:block; }
a.video { color:#000!important; padding-left:20px; padding-bottom:0.25em; background:url('../img/icon-video.gif') no-repeat 0em 0.2em; display:block; }
a:link { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:#000; text-decoration:none; }
a:visited:hover { text-decoration:underline; }


/* ********************************************************* */
/* Site colours */
/* ********************************************************* */
/*
ae996e gold
af1e1e red
*/ 

#christmas-card{margin:auto; width: 400px; padding-top: 15px;}
#body-christmas-card { background:#272727 url('../img/bg_page.jpg') bottom left repeat-x; font-size:65%; font-family:verdana,arial,helvetica,sans-serif; margin:0px; padding:0px; }