/* CSS Document */

body {height:1000px;background-color:#000; width:962px; padding:0; margin:auto; font-family: Tahoma, Helvetica, sans-serif}
body.homepage div#mainnav a.home,
body.artistspage div#mainnav a.artists,
body.concertspage div#mainnav a.concerts,
body.promoterspage div#mainnav a.promoters,
body.cdspage div#mainnav a.cds,
body.supportpage div#mainnav a.support,
body.managepage div#mainnav a.manage,
body.contactpage div#mainnav a.contact {background-position:bottom; color:white}
acronym {text-decoration:none; border:0}
img {border:0}

.jumptolinks ul {display: none}

div#top {width:960px; border-left:1px solid #666; border-right:1px solid #666; background:#A40084 url(../images/logoimgpurple.gif) no-repeat}
a.mainlogo {border:0; padding:0; margin:0}
div#top img {float:right;border:0; padding:0; margin:0}
h1 {width:890px; text-align:right; clear:both; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-weight:100; padding:20px 35px 15px 35px; margin:0}
h2 {width:372px; margin:0; text-align:left; padding-left:20px; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em; float:left; font-weight:100; padding-top:22px}
.homepage h2 {text-align:center; float:right; padding-left:0}
h3 {margin:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em; font-weight:100; color:#6D1A5D; margin-bottom:15px; line-height:21px}
h3.ycatnews {margin:0; border:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:1em; color:#000; padding:10px 0 0 10px; float:left;}
h3.linktitle {margin:0; border:0; padding:8px 0 0 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size:0.9em; color:#7d7d7d; clear:both}

/* Navigation START */
div#mainnav {width:960px; padding:1px 0; background-color:#999; border-left:1px solid #666; border-right:1px solid #666; clear:both}
div#mainnav ul {border:0; margin:0; padding:0; height:100% /* IE6 Bug Fix */}
div#mainnav li {border:0; margin:0; padding:0; float:left; list-style:none}
div#mainnav li a {color:#1E1E1E; padding:10px 0 13px 0; text-align:center; display:block; font-size:0.7em; text-decoration:none}
div#mainnav li a:hover {color:#FFF; background-position:bottom} /* This shifts the 2 in 1 image background to the bottom causing the rollover effect without delay or pre-load */

.home {background-image:url(../images/nav_home_purple.jpg); width:68px}
.artists {background-image:url(../images/nav_artists_purple.jpg); width:116px}
.concerts {background-image:url(../images/nav_concerts_purple.jpg); width:156px}
.promoters {background-image:url(../images/nav_promoters_purple.jpg);width:175px}
.cds {background-image:url(../images/nav_cds_purple.jpg); width:105px}/* 122 */
.support {background-image:url(../images/nav_support_purple.jpg); width:108px}
.manage {background-image:url(../images/nav_manage_purple.jpg); width:152px}
.contact {background-image:url(../images/nav_contact_purple.jpg); width:80px}

/* !!!!!!!!!!!!!! Highlights main nav <li>s relevant to the selected page using body tag */
#home #mainnav .home, #about #mainnav .home, #news #mainnav .home, #newsrssowner #mainnav .home, #newsstory #mainnav .home,
#classicalartists #mainnav .artists, #classicalsoloists #mainnav .artists, #classicalpianists #mainnav .artists, #profilebiog #mainnav .artists, #artistreview #mainnav .artists, #artistphoto #mainnav .artists, #artistrecording #mainnav .artists,
#classicalmusicconcerts #mainnav .concerts,
#classicalconcertpromoters #mainnav .promoters, #classicalconcertpromotersmember #mainnav .promoters, 
#classicalcds #mainnav .cds,
#supportycat #mainnav .support, #supportycatmember #mainnav .support,
#musiciansmanagement #mainnav .manage, #musiciansmanagementmember #mainnav .manage,
#contact #mainnav .contact {color:#FFF; background-position:bottom} 
/* Navigation END */

.clearer {clear:both; margin:0; padding:0; border:0}
.clearer hr {display:none}

.right {float:right}
.left {float:left}
.center {text-align:center}

p {padding:0; border:0; margin-bottom:0; font-size:0.75em; font-family:Tahoma, Helvetica; line-height:19px;}

a.rightlink {display:block;text-align:right; border:0; margin:-1em 0 0 0; padding:0; text-align:right; color:#6D1A5D!important}
html>/**/body a.rightlink {margin:0;}
a.rightlink:visited {color:#0000FF}
p.newsdate {border:0; margin:0 0 0 10px; padding:0; line-height:8px;  color:#6D1A5D; font-weight:bold}
p.newstext {border:0; margin:0 0 0 10px; padding:0; line-height:20px; text-decoration:none; font-size:0.7em}
p.newstext a {color:#000; text-decoration:none; border-bottom: 1px dotted;}
p.newstext a:hover {border:0;}
div.titles {width:960px; height:46px; border-left:1px solid #666; border-right:1px solid #666; background:#FFF url(../images/purplesquare.gif) repeat-x;  padding-bottom:10px; clear:both}
div.titles p {margin:0; width:274px; float:right; text-align:right; font-size:1em; padding-right:20px; padding-top:25px; font-family:Georgia, "Times New Roman", Times, serif; color:#7f7f7f; letter-spacing:0px}

/* Too many ID's (#).... causes problems with .NET! */
div#main {width:960px; border-left:1px solid #666; border-right:1px solid #666; padding-bottom:12px; background-color:#FFF}
div.leftcol {width:686px; float:left; border-bottom:0}
div#content {background-color:#FFF; width:253px; padding: 0 10px 6px 20px; border:0; margin:0; float:left}
div#content a {text-decoration:underline}
div#content a.underline {text-decoration:none; font-weight:100; border-bottom: 1px dotted;}
div#content p a.underline {color:black}
div#content h3 strong {text-decoration:none; font-weight:100; border-bottom: 1px dotted #6D1A5D}
div#dblcontent {width:638px; background-color:#FFF; padding: 0 10px 6px 20px; border:0; margin:0; float:left}
div#middle {width:385px; float:left; padding-bottom:10px}
div#middle ul {border:0; padding:0; margin:0; list-style:none; vertical-align:top}
div#middle li {border:0; padding:0; margin:0; list-style:none; vertical-align:top; float:left}
div#middle img {float:left; padding-left:10px; border:none}
#home div#middle p {margin:0; padding:0}
div#news {margin:20px; border:0;width:648px; height:11.3em!important; background-color:#f0f0f0; clear:both;}
html>/**/body div#news { height:12.5em!important;}
a.findmore {text-decoration:none; display:block; padding:0; border:0; margin:-2em 10px 10px 0; font-size:1.1em; font-family:Tahoma, Helvetica; color:#787878; background:url(../images/icon.gif) no-repeat 44em 3px}
html>/**/body a.findmore {margin:-1em 10px 0 0;}
div#news ul {list-style:none; padding:10px 0 0 0; margin: 0; clear:both}
div#news li {margin-bottom:20px; margin-left:0; padding-left:0}
div#news img {margin:0; border:0; padding:0; float:left}
div.hline {margin-left:20px; height:12px; width:648px; clear:both; background-image:url(../images/hline.gif)}
div.vline {float:left}
a.piclink {text-decoration:none; border:none}
div#content a {color:#6D1A5D}
div#content a:hover {text-decoration:none}
p.rss {margin: 12px 10px 0 0; float:right; vertical-align:top;font-family:Tahoma, Helvetica; color:#7d7d7d; text-decoration:none}
div#news p.rss a {text-decoration:none; font-size:0.9em; color:#7d7d7d; padding-right:2.3em; display:block; background:url(../images/rssicon.gif); background-position:right; background-repeat:no-repeat; }
div#news p.rss a:hover {text-decoration:none; }
* html div#news{height:7.6em!important;}

/*Links col*/
div#linkscol {width:252px;float:right; margin:0; padding:0; border:0}
div.newsimg {float:left}
div.hline hr {display:none}
div#linkscol ul {list-style:none; margin:0; padding:0; margin:0 20px 0 0}
div#linkscol li {background:#f0f0f0 /*#e0dfdf*/; margin:0 0 10px 0; padding: 0 10px 0 0; border:0; width:230px}
div.linkpic {margin:0; border:0; padding:5px 8px 10px 10px; float:left}
div#linkscol img.icon {padding:0; margin:5px 5px 0 0; float:left}
div#linkscol h3 {margin-bottom:0; padding-bottom:0; font-weight:bold}
div#linkscol a {display:block; padding: 0 0 0 19px; border:0; margin: 0 0 0 75px; font-family:Tahoma, Helvetica; line-height:16px; color:#787878; background:url(../images/icon.gif) no-repeat 0 2px; text-decoration:none}

p.small {width:138px; padding:0; border:0; margin:0 0 0 0; font-size:0.7em; font-family:Tahoma, Helvetica; line-height:16px; float:left}
p.smallright {padding:0; border:0; margin:5px 0 10px 0; font-size:0.6em; font-family:Tahoma, Helvetica; line-height:2em;text-align:right}

/* Footer */
div.footer {padding:2px 5px 10px 5px; border:0; margin:0 0 8px 0; background:#A40084; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; clear:both}
div.footer p {text-align:center; color:#FFFFFF; font-size:0.7em; line-height:1em; margin-top:10px}
div.footer a {color:#FFFFFF; font-family: Tahoma, Helvetica; text-decoration:none}
div.footer a:hover {text-decoration:underline}

/* credits */
div.credits {width:960px; padding: 0 0 20px 0}
p.createdby {color:#777777; font-family:Tahoma, Helvetica; font-size:0.7em; float:left; padding:0; margin:0}
p.createdby a {color:#777777; text-decoration:none; margin:0}
p.createdby a:hover {color:#FFF; text-decoration:underline}
p.info {margin:0 0 0 600px; color:#FFF; font-size:0.7em; text-align:right; font-family:Tahoma, Helvetica}
p.info a {color:#FFF; text-decoration:none; border-right: 1px solid white; padding: 0 8px}
.credits .bottomnavnews {border:0; padding-right:0;}
p.info a:hover{color:#FFF; text-decoration:underline}
.linkseperator {display:none}

/* Accessibility */
.accessibilitycontent h3 {margin-top:1em;}
.accessibilitycontent .toph3 {margin-top:0}
.accessibilitycontent a img {border:0; margin: 1em 0}
.accessibilitycontent img {border:0; margin: 1em 0}

/* Link chooser link styles */
p a.dottedunderline {color:#000000!important;}
a.dottedunderline {border-bottom:1px dotted #818181; text-decoration:none!important;}
.dottedunderline:hover {border:0!important;}

/* Content stylings */
.leftcol #dblcontent a , .dynamicsetlist a {color:#000000}
.leftcol #dblcontent ul li a, .dynamicsetlist ul li a {border-bottom:1px dotted #818181; text-decoration:none!important}
.leftcol #dblcontent ul {margin: 1em 2em}
.leftcol #dblcontent li, .dynamicsetlist li {font-size:0.8em;}
.dynamicsetlist ul {margin: 2em 3em}
.file {font-size:0.8em; padding:0.2em 0 1em 2em; }
.pdf {background:url(../uploads/medialibrary/defaulticons/pdf_icon_small.gif) no-repeat}
.mp3 {background:url(../uploads/medialibrary/defaulticons/mp3_icon_small.gif) no-repeat}
.file:hover {text-decoration:none;}
a:hover {text-decoration:none; border:0}
a.returntolink {display:block;text-align:right; border:0; margin:-1em 0 0 0; padding:0; text-align:right; color:#6D1A5D!important}
html>/**/body a.returntolink {margin:0;}
a.returntolink:visited {color:#0000FF;}
.blueunderline {color:#0000FF} 

/* Contact Form Styling */
#contact fieldset {border:0; margin:0; padding:0; font-size:0.8em; }
#contact label {display:block; width:150px; float:left; padding-top:7px;}
#contact input {margin:5px 0; width:209px; border:1px solid #D290C5}
#contact textarea {border:1px solid #D290C5}
#contact .interests1 input {border:none!important}
#contact .interests2 input {border:none!important}
* html #contact input {width:207px;}
.req {font-size:0.8em; font-weight:bold; color:#FF0000}
#contact .submitbuttons {margin:10px 0;}
#contact .submitbuttons input {width:50px;float:right; margin-right:1.3em; background:url(../images/nav_home_purple.jpg); border:1px solid #7d7d7d; /*border-left:1px #FFFFFF; border-top:1px #FFFFFF; border-bottom:1px #000000; border-right:1px #000000*/ padding:0}
html>/**/ #contact .submitbuttons input {margin-right:1.65em}
#contact textarea {font-family: Tahoma, Helvetica, sans-serif; font-size:1em; width:209px}
/*html*#contact textarea {width:213px} ------- safari hack - targets Safari + IE, IE styles overridden below - DOES NOT VALIDATE */
*+html #contact textarea {width:209px}
*+html #contact .interests1 input, *+html #contact .interests2 input {font-size:1.2em!important;}
* html #contact textarea {width:207px;}
.interestcheckboxarea {margin:10px 0;}
.intereststitle {font-size:0.8em; width:100px; float:left}
.interests1, .interests2 {margin-left:150px;}
.interests1 input, .interests2 input {border:0; margin:6px 5px 0 0!important; padding: 0 ; float:left; display:block; width:20px!important;}
html>/**/body .interests1 input, html>/**/body .interests2 input {margin:9px 5px 0 0!important;}
.interests1 label, .interests2 label {width:200px!important;}

/* Artists profile pages ("tabbed" profile) */
html>/**/body#profilebiog div#mainnav li a {font-size:0.6em}
#artistrecording #dblcontent, #artistphoto #dblcontent, #artistreview #dblcontent, #profilebiog #dblcontent {border:1px solid #D290C5; margin-left:15px; margin-right:20px; padding:5px 15px 15px 15px; width: 623px;}
* html #artistrecording #dblcontent, * html #artistphoto #dblcontent, * html #artistreview #dblcontent, * html #profilebiog #dblcontent {width:603px;margin-right:10px;}
ul.profilenav {float:left; font-size:0.75em; margin: 18px 0 0 15px; width:254px; padding:0; height:26px; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}
.profilenav li {margin:0; padding:0 ; display:block; height:26px; float:left; text-align:center}
#artistrecording .vline, #artistrecording #linkscol, #artistphoto .vline, #artistphoto #linkscol, #artistreview .vline, #artistreview #linkscol, #profilebiog .vline, #profilebiog #linkscol {margin-top:45px; }
.profilenav a:hover {background-position:bottom; color:white}
.profilenav a {color:#000000; text-decoration:none; display:block; height:26px; padding-top:3px ; font-size:1.2em}
#artistrecording h2, #artistphoto h2, #artistreview h2, #profilebiog h2 {margin:18px 0 0 0 ; padding:0; text-align:right; width:398px; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.45em; color:#6D1A5D}
* html #artistphoto h2, * html #profilebiog h2, * html #artistreview h2 {width:380px}
.profilenav p {margin:0; padding:0;}
#profilebiog #dblcontent h3, #artistreview #dblcontent h3, artistphoto #dblcontent h3, artistrecording #dblcontent h3 {margin-top:10px;}


.profilenavabout {width:49px; background:url(../images/nav_about_purple.jpg)}
.profilenavreviews {width:61px; background:url(../images/nav_reviews_purple.jpg)}
.profilenavphotos {width:75px; background:url(../images/nav_photographs_purple.jpg)}
.profilenavrecordings {width:69px; background:url(../images/nav_recordings_purple.jpg)}
.profilenav a:hover {background-position:bottom; color:white}

#profilebiog .profilenavabout {background-position:bottom; color:white}
#artistreview .profilenavreviews {background-position:bottom; color:white}
#artistphoto .profilenavphotos {background-position:bottom; color:white}
#artistrecording .profilenavrecordings {background-position:bottom; color:white}

/* Artist reviews - continuation of the above */
#artistreview .artistreviewcontainer {margin:0; padding:0;}
#artistreview .artistreviewcontainer ul {list-style:none; font-size:1.1em; margin: 10px 0; padding:0;}
#artistreview .artistreviewcontainer li {margin:0; padding:0; color:#6D1A5D; font-weight:bold; font-size:0.6em!important}
#artistreview .artistreviewcontainer li p {color:#000000; font-weight:normal; font-size:1.1em}

/* Artist Photos - continuation of the above */
.artistphotocontainer {margin:10px 0 0 0!important; padding:0!important;border:0}
.artistphotocontainer p {margin:0 0 15px 0; padding:0;}

/* Artist Photos - continuation of the above */
.artistrecordingcontainer {margin:0!important; padding:0; list-style:none}
.artistrecordingcontainer ul {margin-left:0!important; padding:0; list-style:none; font-size:1.2em;  }
.artistrecordingcontainer ul li {display:inline; margin:0 20px 0 0!important; }
.artistrecordinglistitemcomposer {}
.artistrecordinglistitemtitle {}
.artistrecordinglistitemtiming {}

/* New ad column */
#artistscol {margin:0; float:right; padding-left:22px; width:251px}
* html #artistscol {width:241px}
#profilebiog #artistscol, #artistreview #artistscol, #artistphoto #artistscol, #artistrecording #artistscol, #profilebiog #artistscol {margin-top:43px;}
html>/**/body#profilebiog #mainnav li {font-size:1.1em;}
#artistscol h3 {margin-bottom:2px;}
#artistscol a {text-decoration:none!important; color:#6D1A5D; border:0!important}
#artistscol ul {list-style:none; margin:0 0 20px 0; font-size:0.8em; padding:0;}
#artistscol li a {text-decoration:none; color:#000000}
#artistscol li a:hover {text-decoration:underline!important;}
#artistscol fieldset {margin:0 10px 0 0; border:0; padding:2px 0 15px 0; float:left;}
#artistscol fieldset select {font-size:0.8em}
#artistscol .submitbuttons input {width:35px;float:right; height:1.6em; margin-right:1.3em; background:url(../images/nav_home_purple.jpg); border:1px solid #7d7d7d;  padding:0 0 1px 0;}
html>/**/body #artistscol .submitbuttons input {padding:0 0 5px 0}
* html #artistscol .submitbuttons input {margin:0; padding:0}
* html #artistcol .submitbuttons {width:2em;margin:0; padding:0}
* html #artistcol select#page {width:5em;margin:0; padding:0}

/*  side adverts styling (for Samar) */
.sideitem {width:230px; padding:0 5px 10px 0em; margin:0 0 10px; border:0; background: #F0F0F0; height:100px}
.sideitem img {float:left; padding:5px 8px 10px 10px;}
.sideitem h3 {color: #7D7D7D; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; padding: 8px 0 0 10px; margin-bottom:0; padding-bottom:0}
.sideitem p {font-family:tahoma, helvetica; font-size:0.7em; line-height:16px; margin:0; padding:0 }
.sideitem .clearer {clear:both; margin:0; padding:0; border:0}
.sideitem .clearer hr {display:none}
.sideitem a {display:block; padding: 0 0 0 19px; border:0; margin:0; font-family:Tahoma, Helvetica; line-height:16px; color:#787878; background:url(icon.gif) no-repeat 0 2px; text-decoration:none} /*{display:block; margin-left:80px; padding-left:20px; background:url(icon.gif) no-repeat ;color: #7D7D7D; text-decoration:none; line-height:16px; 0 2px}*/

/* Artist List page */
#artistlist .leftcol ul {list-style:none; margin:0; padding:0}
#artistlist .leftcol li {margin:20px 0; padding:0; height:85px}
#artistlist .leftcol img {float:left; margin: 0 10px 0 0; }
#artistlist .leftcol h3 {margin:0; padding:0; font-size:1.3em;}
#artistlist .leftcol p {font-size:1em; line-height:16px;  margin:0; padding:0}

#middle .homepage_middleimages_large {margin-top:10px; margin-bottom: 10px; display:block; width: 374px; height:249px;}

.backbutton {display:block; width:45px; float:right; text-align:center; height:1.6em; background:url(../images/nav_home_purple.jpg); border:1px solid #7d7d7d;  padding:0 0 1px 0;text-decoration:none;}
.backbutton:hover {border:1px solid #7d7d7d;}

/* Double column photo page */
.artistphotoscolumn1 {width:311px; float:left; margin:0;}
.artistphotoscolumn2 {width:312px; float:left; margin:0;clear:both}

/* News owner */
#newsrssowner .news {list-style:none; margin:0 0 20px 0!important; padding:0; }
#newsrssowner .news p {font-size:1em; margin:-10px 0 0 0; padding:0}
#newsrssowner .news h4 a {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-weight:200; color:#6D1A5D; margin-bottom:0; margin-top:15px;padding:0;text-decoration:none; border:0!important}
#newsrssowner .news a {font-weight:bold; }

/* Artists listing page with mini-profiles */
.classicalartistownerlistcontainer ul {margin-left:0!important; padding-left:0!important; list-style:none}
.classicalartistownerlistcontainer li {margin:0 0 20px 0; padding:0; }
.classicalartistownerlistcontainer p {font-size:1em; margin:0; padding:0}
.classicalartistownerlistcontainer p img {float:left; margin:5px 10px 10px 0; padding:0;}
.classicalartistownerlistcontainer a {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-weight:200; color:#6D1A5D!important; margin-bottom:5px!important; line-height:21px; text-decoration:none; border:0!important; border:0}
.artistphotoscolumn2 {padding-top:2.5em}
html>/**/body .artistphotoscolumn2 {padding-top:1.5em}
#profilebiog .leftcol #dblcontent p img {/*margin:15px; */margin:0 0 15px 15px;} /* 1st margin will apply space around any content image in the "about" section of an artists profile, 2nd margin rule assumes images always go top right. */

.right {float:right}

/* Site Map */
#sitemap ol li{font-size:0.80em!important;margin-bottom:10px;}
#sitemap ol ol li{font-size:0.90em!important;margin-bottom:0px!important}
#sitemap ol ol ol li{font-size:1.0em!important;margin-bottom:0px!important}
#sitemap ol ol {margin-bottom:10px!important}

#sitemap ol p {margin:0 0 8px 0; padding:0;font-size:0.85em!important}
#sitemap ol ol p {margin:0 0 8px 0; padding:0;font-size:0.85em!important}



/* Error span styles */
#contact .error {display:block; font-size:0.8em; color:#FF0000; margin:0 0 10px 150px;}
