/* 'ZERO' THE GENERAL DOCUMENT SETTING */
* {margin:0; padding:0; border:0px}


/* STYLING OF FLYOUT MENU */
.dropdown {display:block; position:relative}
.dropdown dt {width:150px; padding:8px; font-weight:normal; cursor:pointer; background:#626261; color:white; font-family:arial; font-size:0.75em}
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {background:#00AAFF; color:black}

.dropdown dd {position:absolute; top:0; overflow:hidden; width:208px; display:none; background:fff; opacity:0}

.dropdown ul {width:204px; list-style:none}

.dropdown li {display:inline}

.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:8px; color:black; font-family:arial; font-size:0.75em; text-decoration:none; background:#00AAFF; width:194px; border:0px}

.dropdown a:hover {background:#00AAFF; color:#FFF}

.dropdown .underline {border-bottom:0px solid #b9d6dc}


/* STYLING OF MAIN SITE */
body{padding-top:25px; padding-bottom:50px; padding-right:25px; padding-left:25px; background-color:black; background-image:url('images/background.png'); background-repeat:no-repeat; 	background-position:top right;}


/* STYLING OF PICTURE GALLERY AND THANK YOU LETTERS */
#gallery {position:absolute; width:654px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:640px; height:480px; padding:5px; border:2px solid #666; background:#FFF}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:650px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:650px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


/* TYPE SELECTORS (DEFINE STYLES OF MAIN TAGS) */
a{color:#B32929}
p{color:white; font-family:arial; font-size:100%; font-weight:normal}
h1{color:#00AAFF; font-family:helvetica; font-size:2.5em;}
h2{color:#00AAFF; font-family:helvetica; font-size:1.2em; }
h3{color:white; font-family: arial; font-size:1.2em; }


/* CLASS SELECTORS (DEFINE STYLES OF CLASSES */
.mainbody {padding-left: 50px; width:555px; padding:50}	/* THE MAIN BODY OF THE SITE, WHERE THE MAIN TEXT AND PICTURES ARE PRESENTD */
.textlinks {color:white; text-decoration:underline; cursor:pointer;}
.pos_right {position:relative; left:200px; }
.bigtext {color:white; background:black; font-family:helvetica; font-weight:normal; font-size:1.2em; }
.normaltext {color:white; font-family:arial; font-weight:normal; font-size:100%;}
.smalltext {color:white; background:black; font-family:arial;  font-weight:normal; font-size:0.85em;}
.newstufftext {color:yellow;}

/* CLASS SELECTIONS FOR REPERTOIRE DISPLAY PAGE */
.repertoirebuttonred	{cursor:pointer; padding: 3px 0.5em; margin-left: 3px; color:white; font-family:arial; font-size:0.75em; font-weight:normal; background:#00AAFF; width:107px; height:20px; border-bottom: none; } /* CURRENTLY SELECTED TAB IN REPERTOIRE DISPLAY AREA */
.repertoirebutton	{cursor:pointer; padding: 3px 0.5em; margin-left: 3px; color:black; font-family:arial; font-size:0.75em; font-weight:normal; background:white; width:107px; height:20px; border-bottom: 1px solid black;} /* CURRENTLY UNSELECTED TABS IN REPERTOIRE DISPLAY AREA */
.represults {padding-left: 10px; background:#00AAFF; padding-right:50; width:900px;} /* BODY OF THE REPERTOIRE LIST RESULTS DISPLAY AREA */
.searchbox{background:#00AAFF; padding:10px; width:595px;}	/* THE SEARCH BOX - WHERE YOU TYPE IN YOUR SEARCH REQUEST */
.submitbutton{color:black; font-family:arial; font-size:0.65em; font-weight:normal; background:grey; width:70px; height:20px; border-style:outset; border-width:3px; border-color:white; position:relative; top:-2px; left:20px} /* SEARH SUBMIT BUTTON */

/* CLASS FOR TECH SPEC BOX */
.techspecbox{color:black; font-family:times;  font-weight:normal; font-size:0.75em; color:black; font-family:times;  font-weight:normal; font-size:0.75em; border:1px solid white; padding:20px; background:#eef5f6}

/* PICTURE GALLERY CLASSES */
.gallery{position:absolute; width:555px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
.image {position:relative; width:541px; height:480px; padding:5px; border:2px solid #666; background:#FFF}

/* MUSIC PLAYER */
.musicplayertabposition {position:absolute; left:425px; top:95px;}
.musicplayerposition {position:absolute; left:425px; top:125px;}

/* DOES THIS DO ANYTHING???? 22/11/2010
table{
	border:0px;
	color:white;
}
*/

/*.repertoirepage{color:black; font-family:arial; font-size:100%; font-weight:normal; background:white; width:300px; height:17px} REMOVED 22/11/2010. ONLY REFERENCE IN REPERTOIRE LIST (IN SESRCH FOR SONG LIST) AND NOW REMOVED */
/* .repertoirebuttonred{color:black; font-family:arial; font-size:0.75em; font-weight:normal; background:red; width:80px; height:20px; border-style:outset; border-width:3px; border-color:white;}
.repertoirebutton{color:black; font-family:arial; font-size:0.75em; font-weight:normal; background:#00AAFF; width:80px; height:20px; border-style:outset; border-width:3px; border-color:white;} */
/* .white{color:white; font-family:arial; font-size:100%; font-weight:normal; background:black; height:20px}  NOT SURE IF THIS IS USED SO HAVE REMOVED IT */

/* Positions music player at bottom and to the right of the main area
.musicplayertabposition {position:relative; left:850px; top:-200px;}
.musicplayerposition {position:relative; left:850px; top:-200px;}*/

/* Position of Music player at the top
.musicplayertabposition {position:absolute; left:425px; top:95px;}
.musicplayerposition {position:absolute; left:425px; top:125px;} */