/*
******************************************

Filename: style1.css
Author: Roy Fox
Date: May 2006
Email: 
Web:


This file is laid out as follows:

-Generic definitions
	- Position
	- Typography
	- Colour 
	- Layout
	
-Element Specific Defintions

-Page/Class/ID Specific Definitions


**********************************************/

/*
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Generic Definitions

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*
****************************************

Position -> first position the elements 
and set background images

************************************/

body
{
text-align:center; /*HACK: older IE browsers*/
margin: 0;
}

#wrapper{
top:10px;
text-align:left; /*Reverse of above HACK*/
position: relative;
margin-left:auto;
margin-right:auto;
width: 760px;
background-image: url(../images/linkbar.jpg);
background-repeat:repeat-y;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}
	
#wrapper #header {
width: 760px;
height: 182px;
background: #000 url(../images/header1.jpg) no-repeat 0 0;
}	
	
#sidebar{
position:absolute;
top: 110px;
left: 23px;
}

#navbar{
position:absolute;
top: 157px;
right: 23px;
}	

#content
{
margin-left:150px;
width:590px;
}

#searchbar
{
 position:absolute;
top: 128px;
left: 550px; 
}



/*
****************************************

Typography -> set fonts

************************************/

p, a, td, h1,h2,h3,h4,h5,h6, label{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana, Sans-Serif;
}

body {
font-family: Arial, Verdana, Sans-Serif;
}

p, a, td, label {
font-size:13px;
}


sidebar a{
font-family:  "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
}



/*
****************************************

Layout

************************************/

h1
{
display:none;
}


table
{
border-collapse:collapse;
}



/*
****************************************

Main Document Colours & Document Colours

************************************/

body{
background-color: #000;
}

#wrapper
{
background-color:#fff;
}

p
{
color: #030;
}

#navbar{
color:#fff;
}

/*
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Element Definitions

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



/*
****************************************

Header Styling

************************************/


h2.pagetitle
{
margin-top: 10px;
margin-right:10px;
padding-top:8px;
color:#030;
font-size:17px;
font-weight:normal;
border-bottom:1px solid #000;
}

h3.historyheader, h4.gallery
{
border-bottom:1px solid #000;
color:#030;
text-align:left;
padding: 2px 0px 2px 0px;
letter-spacing:1.5px;
font-size:16px;
margin-top:-8px;
}

h3.historyarticleheader
{
color:#030;
text-align:left;
padding: 2px 0px 2px 0px;
letter-spacing:1px;
font-size:15px;
margin-top:8px;
margin-bottom:8px;
}

h4.gallery
{
margin-top:30px;
}


h4.galleryImageTitle
{
text-align:right;
}


/*
****************************************

Links

************************************/

a{
color:#039;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a img
{
border:none;
text-decoration:none;
}

a.edit
{
color:#00f;
font-size:13px;
}

.adminList a
{
font-size:85%;
}

#navbar a{
color:#fff;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#navbar a:hover{
text-decoration:underline;
}

#sidebar a{
display:block;
width:98px;
height:22px;
line-height:22px;
color:#fff;
font-size:13px;
text-decoration:none;
font-weight:bold;
text-align: left;
text-indent:30px;
}

#sidebar a:hover{
background:#030;
color:#363;
}

.history a, a.backbutton
{
text-align:center;
position:relative;
top:3px;
left: 3px;
background-color:#eee;
font-weight:bold;
color:#363;
padding:2px;
border:1px solid #bdb;
font-size:80%;
text-decoration:none;
}

.backbutton a
{
text-align:center;
margin: 0 auto;
}

.history a:hover, a.backbutton:hover
{
color:#9c9;
}

#credits
{
font-size:10px;
text-align:right;
color:#ddd;
margin-top:20px;
margin-right:20px;
margin-bottom:20px;
}

#credits p
{
  color:#ddd;
}

#credits a
{
font-size:10px;
color:#ccc;
}

/*
****************************************

Forms

************************************/

#searchbar fieldset
{
border:0;  
margin:0;
padding:0;
}

#searchbar #searchbutton
{
  background:#030;
  color: #fff; 
  font-size:11px;
  font-family:Trebuchet MS, Lucida Grande, Lucida Sans, Arial, Verdana, Sans-Serif;
}

#searchbar #searchquery
{
  background:#fff;
  border:1px solid #000;
  color: #030; 
}

input, textarea, select
{
background-color:#efe;
}

.contactFormField, .mailingListForm, .messageBoardForm
{
border:1px solid #030;
width:280px;
margin:0;
padding:1px;
background:#9c9;
color:#030;
}

.loginbox
{
border:1px solid #030;
width:150px;
margin:0;
padding:1px;
background:#9c9;
color:#030;
}

.errorContactFormField, .errorMailingListForm
{
border:1px solid #030;
width:280px;
margin:0;
padding:1px;
background:#d00;
color:#fff;
}

.submitbutton, #sendbutton
{
  background:#030;
  color: #fff; 
  font-size:13px;
  font-family:Trebuchet MS, Lucida Grande, Lucida Sans, Arial, Verdana, Sans-Serif;
}

/*
****************************************

Lists

************************************/

#navbar ul
{
margin-top:0px;
}

#sidebar ul
{
padding: 0px;
margin: 5px 0px 0px 0px;
list-style-type:none;
}


#sidebar li
{
padding:0px 5px 0px 5px;
}

/*
****************************************

Imgs

************************************/

.historyimg
{
float:right;
margin:2px 30px 2px 10px;
border:1px solid #000;
}


img.galleryimage
{
border: 1px solid #000;
}

#centertag
{
text-align:center;
}

/*
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Page And Other Specific Defintions

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*
****************************************

Message Board

************************************/

div.messageDiv
{
background: transparent url(../images/quotesup.png) no-repeat left top;
}

p.messagetext
{
text-indent:25px;
font-size: 13px;
}

.messageDiv img
{
padding-left:6px;
}

.messagetag
{
font-size:11px;
}

.messagedate, .messagename{
font-weight:bold;
}


/*
****************************************

Rehearsal Table

************************************/

#rehearsalTable table
{
width:97%;
border-collapse:collapse;
}

#rehearsalTable th
{
font-size:12px;
border:1px solid #030;
background-color: #9c9;
padding:2px;
text-align:center;
}

#rehearsalTable td
{
padding:5px;
font-size:12px;
border:1px solid #030;
}

#rehearsalTable .odd
{
background-color: #fff;
}

#rehearsalTable .even
{
background-color: #ddd;
}

#rehearsalTable .rehistory td
{
background-color:#222;
color:#444;
text-decoration:line-through;
}

#rehearsalTable .rehistory a
{
color:#fff;
}

#rehearsalTable .next 
{
background-color:#ff6;
}

#rehearsalTable tr:hover{
background-color:#ff8;
}


/*
****************************************

Image Gallery

************************************/


#galleryDiv
{
width:500px;
margin-left: auto;
margin-right: auto;
}


img.galleryimagelarge
{
border: 1px solid #000;
}

.error
{
color:#900;
}

/*
****************************************

History Section

************************************/

#historySort
{
font-family: Arial, san-serif;
font-size:11px;
color:#999;
text-align:right;
}

#historySort a
{
font-size:11px;
font-weight:bold;
color:#555;
}

div.history
{
margin-bottom:50px;
}

.historyimages
{
float:right;
margin:10px;
}

.floatRight
{
float:right;
margin:10px;
border:1px solid #000;
}

.floatLeft
{
float:left;
padding:5px;
}



#picturecount
{
text-align:right;
}

/*
****************************************

FAQ Page

************************************/

.faq_answer, .faq_question
{
margin-top:0px;
}

.faq_answer
{
padding-left: 0.5em;
margin-bottom:30px;
}



/*
****************************************

Contact Us

************************************/

#contactus
{
width:200px;
margin-left:50px;
}

/*
****************************************

Admin Section

************************************/

h4.update
{
margin-top:-20px;
background: transparent url(../images/tick.jpg) no-repeat left center;
height: 46px;
text-indent: 50px;
padding-top: 25px;
}


#clearer
{
clear:both;
}

/*
****************************************

News Pages

************************************/

#news h2, h3, h4,h5, h6
{
margin:0;
}

#news h3
{
font-size:16px;
}