/* Inital Stuff */
html {background:black;color:#ccc;font-size:81.01%;font-family:helvetica, tahoma, arial, sans-serif;letter-spacing:1px;padding:0 20px;}


/* General Tags */

a {color:#ddd;text-decoration:none;font-weight:bold;}
a:hover {color:#F49621;}
a img {border:none;}

h1,h2,h3,h4,h5 {font-family:georgia;}

table h1,table h2,table h3,table h4, table h5 {font-family:helvetica, tahoma, arial, sans-serif;}

hr, .seperator {clear:both;border:none;height:0;visibility: hidden;}

.hidden,.grommit {display:none;}

/* Symbols don't work well in tw cen */

.sym {font-family:arial;font-size:0.9em;}

table {margin:10px;width:100%;}

td , td a {color:#8DC73E;vertical-align:top;}
 .table-label {text-align:right;letter-spacing:2px;white-space:nowrap;color:#F49621;padding-right:5px;}
 .table-time {color:white;text-align:right;font-size:1.3em;padding-right:15px;padding-top:3px;}
 .prog-item,
 .prog-item a {color:white;font-size:1.1em;font-weight:bold;}
 td h3 a {color:#F49621;}

/* Main Layout */

body {min-width:703px;max-width:850px;margin-left:auto;margin-right:auto;background:url(/assets/images/repeat.jpg) repeat-y;position:relative;}

#branding {}
#branding h1 {background:url(/assets/images/north_wales_choral_festival_2008_header.gif) no-repeat -5px 0 white;
            max-width:850px;height:247px;position:relative;padding:0;margin:0;}
#branding h1 a {position:absolute;top:0;left:2px;height:100%;width:100%;
            background:url(/assets/images/dates_2010.gif) no-repeat 100% -17px;}
#branding h1 a span {display:none;}

#key-navigation {background:black;margin:0;padding:10px 10px 10px 170px;}
#key-navigation ul {margin:0;padding:0;}
#key-navigation ul li {font-size:1.1em;display:inline;list-style-type: none;
                margin:0;padding:4px 15px;
                border-right:solid 1px white;
                }

#overlay {background:url(/assets/images/overlay.png) no-repeat;width:667px;height:30px;position:absolute;top:9px;left:168px;}
#overlay-right {background:url(/assets/images/overlay-right.png) no-repeat -7px 3px;width:40px;height:30px;position:absolute;top:10px;left:100%;margin-left:-220px;}

#maincontent {position:relative;min-height:700px;}

.menu ul {margin:0;padding:3px 0 3px 18px;}
.menu ul li {list-style-type:none;padding:3px;}
.menu ul li a {}
.menu ul li.active > a {color:#F49621;}

#common-content {position:absolute;top:0;left:0;}

#primary-navigation {background:url(/assets/images/menu-face.gif) no-repeat 100% 4px #241C20;
            width:190px; min-height:300px;
            margin-bottom:20px;
               margin-top:14px;padding-top:10px;
            font-size:1.1em;font-weight:bold;}

/* Footer */

#footer {margin:20px 0px 0px 195px;padding:0px;position:relative;}
#footer .rounded-content {background-color:#070711;margin:0 0 0 25px;padding:0px 10px 5px 0px;}
#footer .rounded-content div {padding-left:15px;padding-top:1px;margin-bottom:25px;margin-left:-20px;background-color:#070711;}

#footer .round-left-top {background:url(/assets/images/round-left-top.png) no-repeat 0px -20px;
                                position:absolute;top:0px;left:0px;width:25px;height:48%;margin:-5px 0 0 0 ;padding:0px;}
#footer .round-left-bottom {background:url(/assets/images/round-left-bottom.png) no-repeat -3px 100%;
                                   position:absolute;top:20%;left:1px;width:25px;height:80%;margin:7px 0 0 0;padding:0px; }

#footer h1 {color:#8DC73E;font-weight:normal;font-size:3em;margin:4px 0 11px 0;letter-spacing:-1px;}
#footer form label {color:#F49621;float:left;width:200px;clear:both;padding-right:5px;text-align:right;margin-bottom:3px;}
#footer form input,
#footer form textarea {margin-bottom:3px;width:340px;}

#footer fieldset {border:none;padding:0;margin:0;}
#footer fieldset#send {text-align:right;padding:9px 20px;}
#footer fieldset#send input {padding:7px;width:auto;}

#footer #contact-form {margin:0 0 0 25px;padding:0px 10px 5px 0px;
                            padding-left:15px;padding-top:1px;margin-bottom:25px;margin-left:5px;
                            background:url(/assets/images/contact-corner.gif) no-repeat 0px 100% #070711;}



#content {margin:0 205px 20px 200px;padding:14px 0 0 0;
          position:relative;
          }

#content-image {top:14px;left:0;width:100%;overflow:hidden;padding:0;margin:0px 0 0px 0;}
#content-image img {margin-bottom:-4px;}
#content-area {background:#070711;padding:10px 10px 10px 10px;min-height:900px;}

#maincontent {background:url(/assets/images/area1.jpg) no-repeat;min-height:800px;}
#bottom {background:url(/assets/images/bottom.jpg) no-repeat 0 100%;min-height:200px;}

#content h2 {color:#8DC73E;font-weight:normal;font-size:3em;margin:0;letter-spacing:-1px;}
#content h3 {color:#F49621;font-size:1.9em;font-weight:normal;margin:0;letter-spacing:-1px;}
#content h4 {color:#8DC73E;font-size:1.3em;font-weight:normal;margin:0;padding:0;letter-spacing:-1px;}
#content p {}
#content .para1 {color:white;font-size:1.2em;font-weight:bold;}
#content a {padding-right:14px;background:url(/assets/images/link.png) no-repeat 100% 50%;}

#float-blocker {width:40px;height:390px;float:right;display:block;}

/* Supplimentary Menus - right hand side */

#supplimentary {position:absolute;top:12px;left:100%;margin-left:-195px;width:195px;}
#supplimentary h2 {color:#8DC73E;font-size:1.9em;font-weight:normal;margin:0;padding:0px;}

#supplimentary .block-holder {float:right;clear:both;width:100%;margin-top:10px;margin-left:6px;}

#supplimentary .rounded-background {background:#070711;padding:0px 0px 0px 15px;height:100%;margin:-10px 0;}
#supplimentary .rounded-content {padding:0px;}
#supplimentary .round-top-left {background:url(/assets/images/round-top.png) no-repeat -1px 0px;height:25px;}
#supplimentary .round-btm-left {background:url(/assets/images/round-btm-left.png) no-repeat -1px 0px transparent;height:25px;}

#supplimentary p {margin-bottom:0px;padding-bottom:0px;}

#supplimentary .block-holder#booknow {width:195px;float:right;position:relative;font-size:1.6em;letter-spacing:-1px;margin-top:2px;}
#supplimentary .block-holder#booknow .tickets {position:absolute;top:0;right:0;width:80px;height:80px;}
#supplimentary .block-holder#booknow h2 {}
#supplimentary .block-holder#booknow h2 a {position:absolute;top:0;left:0;width:100%;height:100%;}
#supplimentary .block-holder#booknow h2 a span {display:none;}

#rightsidemenu ul {padding-left:0;font-size:0.8em;}
#rightsidemenu li {margin:0px;padding:0px;}



#testinonial .rounded-content {background:url(/assets/images/cite.gif) no-repeat 94px 0;}
#testimonial cite {}
#testimonial p.name {}
#testimonial p.year {}

#links {min-height:50px;}
#links .rounded-content {background:url(/assets/images/link.gif) no-repeat 94% 9px;}
.rounded-content ul {margin:0;padding:5px 2px;}
.rounded-content ul li {margin:0;padding:0;list-style-type:none;}
.rounded-content ul li a {}
#links .external {}
#links .internal {}


/* Gallery */

#content .gallery {margin:11px;padding:0;}
#content .gallery li {list-style-type:none;float:left;}
#content .gallery a {background:none;}
#content .gallery li a img {border:1px #444 solid;padding:2px;margin:1px;}


#sponsors {padding:20px;text-align:center;width:130px;margin-right:10px;}
#sponsors img {margin-bottom:15px;}
#sponsors a  {display:block;width:160px;text-align:center;}

#credits {background:#8DC73E;padding:4px 10px 4px 20px;font-size:0.8em;}
#credits p {margin:0px;padding:5px 15px;}

/* Content */
.extra-detail {margin:0;padding:0 0 10px 0;letter-spacing:2px;font-size:1.1em;}

/* Choirs */
.iteminfo dd,
.choirclass {margin:0 0;padding:0 0 10px 3px;letter-spacing:2px;}

.iteminfo {margin:10px 0 10px 0;padding:0 0 6px 0;border-bottom:dotted #444 1px;}
.iteminfo dt {float:left;clear:left;width:110px;text-align:right;padding-right:5px;padding-top:3px;margin-top:-3px;}
.iteminfo dd {padding:0;}

/* Musical Director */
.director-name {margin:0;padding:0 0 10px 0;letter-spacing:2px;font-size:1.4em;}

/* Composers */
.composer-years {margin:0;padding:0 0 10px 0;letter-spacing:2px;font-size:1.4em;}

/* News */

.news-listing dt {color:#8DC73E;font-size:1.9em;font-weight:normal;margin:0px;padding:0px;}
.news-listing dd {padding:0px;margin:0px;border-bottom:solid 1px #555;}

.news-story {clear:both;padding-top:10px;}

/* Overlayable Images */

.overlayimages {margin:10px 0;padding:0;}
.overlayimages li {float:left;list-style-type: none;margin:5px;}

.list-item {padding:10px 5px;margin:10px 0;border-bottom:solid 1px #222;border-top:solid 1px #222;}
.list-item-details {clear:both;}

.call-to-action {display:block;text-align:right;}
/* CSS for choir */
.iteminfo {font-family:"tw cen mt";}
.test {font-size:0.9em;}
/* END for choir */

