body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11pt;
	line-height: 16pt;
	background-color: #FF6600;
	background-image: url('./images/main-background2.jpg');
	background-position: center center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	}
div.container {
	position: relative;
	width: 780px;
	top: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #FFCC66;
	background-image: url("./images/main-background.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: center;
	overflow: visible;
	border: 1px solid black;
	}
div.footer {
	position: relative;
	margin-top: 210px;
	width: 100%;
	text-align: center;
	font-size: 9pt;
	}
div.content {
	position: relative;
	width: 720px;
	padding-top: 70px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float: none;
	clear: both;
	}
div.buffer {
	position: relative;
	height: 50px;
	clear: both;
	}
div.memberbar {
	position: absolute;
	top: 4px;
	right: 4px;
	}



/* # # # # MAIN BORDERS # # # # */

div.conborder-top { position: absolute; top: -4px; left: -8px; width: 796px; height: 22px; background-image: url('./images/conborder-top.png'); }
div.conborder-bottom { position: absolute; bottom: -9px; left: -7px; width: 793px; height: 28px; background-image: url('./images/conborder-bot.png'); background-repeat: no-repeat; }
div.conborder-left { position: absolute; top: 0px; left: -4px; width: 9px; height: 100%; min-height: 100%; background-image: url('./images/conborder-left.png'); background-repeat: repeat-y; }
div.conborder-right { position: absolute; top: 0px; right: -4px; width: 10px; height: 100%; min-height: 100%; background-image: url('./images/conborder-left.png'); background-repeat: repeat-y; }



/* # # # # BASICS # # # # */

div.hr { height: 30px; background: transparent url("./images/hardrule.png") no-repeat scroll center; }
div.hr hr { display: none; }

a, a:visited { text-decoration: none; color: #CC3300; font-weight: bold; }
a:hover { text-decoration: underline; color: #660000; }

blockquote {
	background: url("./images/quote-pre.png") no-repeat;
	background-position: top left;
	margin: 40px 60px 40px 60px;
	text-align: right;
    font-size: 9pt;
	font-weight: bold;
	}
blockquote p {
	text-indent: 35px;
	text-align: justify;
	background: url("./images/quote-post.png") no-repeat;
	background-position: bottom right;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0;
	}
cite {
	}
cite p { 
	}



/* # # # # HEADINGS # # # # */

div.mainheadingback {
	position: absolute;
	top: -2px;
	left: 50%;
	width: 578px;
	height: 162px;
	margin-left: -300px;
	background-image: url('./images/main-heading-logobackdrop.png');
	background-position: center;
	background-repeat: no-repeat;
	}
div.mainheading {
	position: absolute;
	top: 29px;
	left: 50%;
	width: 707px;
	height: 134px;
	margin-left: -363px;
	background-image: url('./images/main-heading-twistedstring.png');
	background-position: center;
	background-repeat: no-repeat;
	}

h1 span {display: none;}
h1.twistedtitle {
	position: absolute;
	bottom: -26px;
	right: -20px;
	width: 303px;
	height: 147px;
	margin: 0;
	padding: 0;
	background-image: url("./images/thetwistedstring.png");
	background-repeat: no-repeat;
	}

h2 span {display: none;}
h2 {
	position: absolute;
	left: -20px;
	top: -15px;
	margin: 0;
	padding: 0;
	}
h2.welcome {width: 251px; height: 73px; background-image: url("./images/heading-welcome.png");}
h2.contactus {width: 305px; height: 98px; background-image: url("./images/heading-contactus.png");}
h2.aboutts {width: 304px; height: 101px; background-image: url("./images/heading-aboutts.png");}
h2.musicandvideos {width: 394px; height: 118px; background-image: url("./images/heading-musicandvideos.png");}
h2.mediastuff {width: 345px; height: 112px; background-image: url("./images/heading-mediastuff.png");}
h2.othersites {width: 318px; height: 103px; background-image: url("./images/heading-othersites.png");}
h2.photoalbum {width: 347px; height: 129px; background-image: url("./images/heading-photoalbum.png");}
h2.theschedule {width: 362px; height: 112px; background-image: url("./images/heading-theschedule.png");}
h2.tsramblings {width: 432px; height: 121px; background-image: url("./images/heading-tsramblings.png");}
h2.presskit {width: 264px; height: 116px; background-image: url("./images/heading-presskit.png");}

h3 span {display: none;}

h3.guestbook { width: 165px; height: 51px; background-image: url("./images/pb-heading-guestbook.png"); }
h3.mailinglist { width: 175px; height: 48px; background-image: url("./images/pb-heading-mailinglist.png"); }
h3.whatsnew { width: 205px; height: 43px; background-image: url("./images/subheading-whatsnew.png"); }
h3.mailinglist { width: 175px; height: 48px; background-image: url("./images/pb-heading-mailinglist.png"); }

h3.links { margin-left: auto; margin-right: auto; }
h3.lfriends { width: 116px; height: 42px; background-image: url("./images/links-heading-friends.png"); }
h3.lalumni { width: 113px; height: 42px; background-image: url("./images/links-heading-alumni.png"); }
h3.lfestivals { width: 136px; height: 43px; background-image: url("./images/links-heading-festivals.png"); }
h3.lgroups { width: 117px; height: 38px; background-image: url("./images/links-heading-groups.png"); }
h3.lothercoolsites { width: 248px; height: 46px; background-image: url("./images/links-heading-othercoolsites.png"); }

h3.oliverschroer { width: 156px; height: 31px; background-image: url("./images/links-oliverschroer.png"); }

h3.events { margin-left: auto; margin-right: auto; }
h3.upcomingevents { width: 270px; height: 51px; background-image: url("./images/events-heading-upcomingevents.png"); }
h3.pastgigs { width: 151px; height: 50px; background-image: url("./images/events-heading-pastgigs.png"); }

h3.media { position: relative; margin-left: auto; margin-right: auto; }
h3.audio { width: 94px; height: 43px; background-image: url("./images/media-heading-audio.png"); }
h3.video { width: 93px; height: 43px; background-image: url("./images/media-heading-video.png"); }

h4 { margin: 0; padding: 0; font-size: 13pt; line-height: 13pt; }
h5 { margin: 0; padding: 0; font-size: 13pt; line-height: 13pt; font-variant: small-caps; }



/* # # # # MAIN MENU # # # # */

div.mainmenu {
	position: absolute;
	top: -49px;
	left: 0px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	overflow: hidden;
	}
div.mainmenu ul { margin: 0; padding: 0; list-style-type: none; }
div.mainmenu ul li { float: left; margin-left: 7px; margin-right: 3px; }

div.mainmenu li.mhome {width: 72px; height: 39px; background: transparent url("./images/menu-off-home.png");}
div.mainmenu li.mabout {width: 74px; height: 39px; background: transparent url("./images/menu-off-about.png");}
div.mainmenu li.mevents {width: 85px; height: 39px; background: transparent url("./images/menu-off-events.png");}
div.mainmenu li.mblog {width: 59px; height: 39px; background: transparent url("./images/menu-off-blog.png");}
div.mainmenu li.mphotos {width: 87px; height: 39px; background: transparent url("./images/menu-off-photos.png");}
div.mainmenu li.mmedia {width: 79px; height: 39px; background: transparent url("./images/menu-off-media.png");}
div.mainmenu li.mpress {width: 72px; height: 39px; background: transparent url("./images/menu-off-press.png");}
div.mainmenu li.mlinks {width: 62px; height: 39px; background: transparent url("./images/menu-off-links.png");}
div.mainmenu li.mcontact {width: 92px; height: 39px; background: transparent url("./images/menu-off-contact.png");}

div.mainmenu a {display: block; height: 0; padding-top: 39px; overflow: hidden;}
* html div.mainmenu a:link, * html div.mainmenu a:visited {height:128px; he\ight:0;}

div.mainmenu li.mhome a {background: transparent url("./images/menu-on-home.png") -130px -90px no-repeat;}
div.mainmenu li.mabout a {background: transparent url("./images/menu-on-about.png") -130px -90px no-repeat;}
div.mainmenu li.mevents a {background: transparent url("./images/menu-on-events.png") -130px -90px no-repeat;}
div.mainmenu li.mblog a {background: transparent url("./images/menu-on-blog.png") -130px -90px no-repeat;}
div.mainmenu li.mphotos a {background: transparent url("./images/menu-on-photos.png") -130px -90px no-repeat;}
div.mainmenu li.mmedia a {background: transparent url("./images/menu-on-media.png") -130px -90px no-repeat;}
div.mainmenu li.mpress a {background: transparent url("./images/menu-on-press.png") -130px -90px no-repeat;}
div.mainmenu li.mlinks a {background: transparent url("./images/menu-on-links.png") -130px -90px no-repeat;}
div.mainmenu li.mcontact a {background: transparent url("./images/menu-on-contact.png") -130px -90px no-repeat;}

div.mainmenu li a:hover {background-position:0 0; z-index:50;}
* html div.mainmenu a:hover {height:128px; he\ight:0;}



/* # # # # POP BOXES # # # # */

div.popbox1 {
	position: relative;
	margin-left: 45px;
	margin-top: 20px;
	margin-bottom: 50px;
	margin-right: -50px;
	padding: 10px;
	border-top: 3px solid black;
	border-left: 3px solid black;
	border-right: 6px solid black;
	border-bottom: 6px solid black;
	}
div.popbox1 h3 {
	position: absolute;
	padding: 0;
	margin: 0;
	top: -30px;
	left: -10px;
	}

div.pb-guestbook { background-color: #9999FF; }
div.pb-guestbook h3 { width: 165px; height: 51px; background-image: url("./images/pb-heading-guestbook.png"); }
div.pb-guestbook h3 span { display: none; }




/* # # # # CONTENT MGMT # # # # */

div.midleft {
	float: left;
	left: 0;
	top: 0;
	width: 330px;
	text-align: left;
}
div.midright {
	float: right;
	top: 0;
	width: 330px;
	text-align: left;
}
div.sixtyleft {
	float: left;
	left: 0;
	top: 0;
	width: 430px;
	text-align: left;
}
div.fortyright {
	float: right;
	top: 0;
	width: 250px;
	text-align: left;
}
div.seventyleft {
	float: left;
	left: 0;
	top: 0;
	width: 490px;
	text-align: left;
}
div.thirtyright {
	float: right;
	top: 0;
	width: 170px;
	text-align: left;
}
div.eventdetails {
	position: relative;
	width: 350px;
	margin-left: 200px;
}
div.about-centered {
	position: relative;
	display: block;
	width: 500px;
	margin-left: 110px;
	}
div.presskit-left {
	float: left;
	left: 0;
	top: 0;
	width: 430px;
	text-align: left;
}
div.presskit-right {
	float: right;
	top: 0;
	width: 230px;
	text-align: center;
}


/* # # # # ELEMENTS # # # # */


div.mailinglist-form {
	margin-left: 20px;
	margin-right: 20px;
	border: 3px solid black;
	background-color: #FF6600;
	padding: 5px;
	text-align: center;
	}

img.photo1 {
	border: 4px solid black;
	margin: 10px;
	}

div.contact-mapofcanada {
	text-align: center;
	width: 331px;
	height: 287px;
	background-image: url("./images/contact-mapofcanada.png");
	background-repeat: no-repeat;
	}


div.newsbit {margin-bottom: 30px;}
div.newstitle {font-size: 13pt; font-weight: bold; font-variant: small-caps;}
div.newsdate {font-size: 7pt; font-weight: bold;}
div.newscontent {}

h3.comingsoon {
	height: 400px;
	text-align: center;
	}

table.calendar {
	font-size: 10pt;
	}


div.linksoli {
	width: 300px;
	height: 118px;
	margin-left: auto;
	margin-right: auto;
	}
div.linksoli h4 span { display: none; }
div.linksoli h4 { margin-left: auto; margin-right: auto; width: 156px; height: 31px; background-image: url("./images/links-oliverschroer.png"); }
div.linksoli img {float: left;}

div.eventdetails h4 { font-size: 16pt; }
div.eventdetails hr {
	height: 0;
	border: 0;
	border-top: 2px dotted #CC9966;
	text-align: center;
	width: 80%;
	}

div.apfleft { position: relative; float: left;  border: 4px solid black; margin: 10px; margin-left: -100px; }
div.apfright { position: relative; float: right; border: 4px solid black; margin: 10px;  margin-right: -100px; }
div.aphoto1 { width: 289px; height: 206px; background-image: url('./images/sitephotos/ts-chelseaemilynmasks.jpg'); }
div.aphoto2 { width: 287px; height: 205px; background-image: url('./images/sitephotos/ts-courtneynellie.jpg'); }
div.aphoto3 { width: 300px; height: 201px; background-image: url('./images/sitephotos/ts-esmeface.jpg'); }
div.aphoto4 { width: 306px; height: 201px; background-image: url('./images/sitephotos/ts-groupbows.jpg'); }
div.aphoto5 { width: 210px; height: 317px; background-image: url('./images/sitephotos/ts-groupstairwell.jpg'); }
div.aphoto6 { width: 202px; height: 295px; background-image: url('./images/sitephotos/ts-leashades.jpg'); }
div.aphoto7 { width: 287px; height: 202px; background-image: url('./images/sitephotos/ts-nellieteaching.jpg'); }
div.aphoto8 { width: 282px; height: 199px; background-image: url('./images/sitephotos/ts-rehearsal.jpg'); }
div.aphoto9 { width: 277px; height: 198px; background-image: url('./images/sitephotos/ts-robinrehearsal.jpg'); }
div.aphoto10 { width: 225px; height: 334px; background-image: url('./images/sitephotos/ts-oliverschroer.jpg'); }

/*
a[href $='.pdf'] { 
	height: 50px;
	padding-left: 30px;
	background: transparent url("./images/icon-file-pdf.png") no-repeat center left;
}
a[href $='.mp3'] { 
	height: 50px;
	padding-left: 30px;
	background: transparent url("./images/icon-file-mp3.png") no-repeat center left;
}
*/



/* ###  MAIN PAGE MONTAGE  ### */

div.mainphoto1 { position: absolute; top: -5px; left: 306px; width: 219px; height: 155px; background-image: url('./images/sitephotos/mainphoto-1.png'); }
div.mainphoto2 { position: absolute; top: -1px; left: 551px; width: 239px; height: 219px; background-image: url('./images/sitephotos/mainphoto-2.png'); }
div.mainphoto3 { position: absolute; top: 55px; left: 410px; width: 246px; height: 241px; background-image: url('./images/sitephotos/mainphoto-3.png'); }
div.mainphoto4 { position: absolute; top: 187px; left: 549px; width: 232px; height: 184px; background-image: url('./images/sitephotos/mainphoto-4.png'); }
div.mainphoto5 { position: absolute; top: 310px; left: 473px; width: 232px; height: 158px; background-image: url('./images/sitephotos/mainphoto-5.png'); }
div.mainblockleft { display: block; float: right;  width: 140px; height: 75px; }
div.mainblockleft2 { display: block; float: right; clear: right; width: 30px; height: 50px; }
div.mainblockright { height: 410px; }



/* ###  ORANGE RIBBON PROJECT  ### */

div.oribbon-art {
	position: absolute;
	top: 150px;
	left: 20px;
	width: 209px;
	height: 456px;
	background-image: url('./images/orange-ribbon_art.png');
	}
div.oribbon-main {
	margin-left: 250px;
	width: 450px;
	margin-bottom: 50px;
	}
h3.oribbon-heading { 
	margin-left: auto;
	margin-right: auto;
	width: 223px;
	height: 98px;
	background-image: url('./images/orange-ribbon_subheading.png');
	}
div.oribbon-home {
	width: 225px;
	text-align: center;
	background-image: url('./images/orange-ribbon_icon.png');
	background-repeat: no-repeat;
	background-position: center top;
	}
div.orangephoto { 
	width: 150px; 
	height: 200px;
	margin: 10px; 
	float: right;
	border: 4px solid black; 
	background-image: url('./images/sitephotos/orange-ribbon_photo.jpg');
	}