/*This CSS document includes general styles. Applicable to the entire site.
 If you are creating a new class pleaseUseCamelNotation as the className - for consistency/

/* general links, cribbed colour from w3schools*/
a{font-size: normal;}
a:link    {color:#900B09; background-color:transparent;text-decoration: underline;}
a:visited {color:#900B09; background-color:transparent;text-decoration: underline;}
a:hover   {color:#FF0000; background-color:transparent;text-decoration: none;}
a:active  {color:#FF0000; background-color:transparent;text-decoration: none;}


/*Nav bar links. Styling selected with tables. probs a v bad idea. Also font size hard coded :-( :-(*/
table.bottomNavigationBar  tr td a, div.bottomNavigationBar a{
	font-size: 1em;
	color: #17088F;
}
table.bottomNavigationBar  tr td a:link , div.bottomNavigationBar a:link {
	text-decoration: none;
}
table.bottomNavigationBar  tr td a:visited , div.bottomNavigationBar a:visited {
	text-decoration: none;
	color: #17088F;
}
table.bottomNavigationBar  tr td a:hover, div.bottomNavigationBar a:hover{
	text-decoration: underline;
	color: #2917BF;
}
table.bottomNavigationBar  tr td a:active , div.bottomNavigationBar a:active{
	text-decoration: none;
	color: #22139F;
}

div.bottomNavigationBar div img.youAreHere{width:50px;height:50px;}
div.bottomNavigationBar div{width:599px;}
div.bottomNavigationBar div{clear:both;}
div.bottomNavigationBar {width:600px;}
/*mail to links. only works in IE 7 and  firefox 3 and2.*/
a[rel="mail"] {color: green;}

/* profiles*/
div.miniPicContainer{margin-top: 4em; padding: 2em;}
div.miniPicContainer img{}
td.miniCastMemberProfile ul {list-style-type: circle;}
p.miniCastMemberName{font-weight:bold;text-align:right;}

/* Shows*/
ul.pastShows{list-style-type: square;}
ul.futureShows{list-style-type: square;}

/*cast and crew- main bit*/
/*give large container fixed width, smaller continers fixed width and height, give padding all round- big bottom. hard code individual image size on images.
The text beneath may or may not align. possibly a seperate link?   duplicated code*/
div.largeCastContainer{width:100%; float:left}/* was 600px*/
div.largeCastContainer div.smallCastContainer{float:left; width:264px; height:288px}	/* padding:10px; Padding no longer needed, since big width and height allows enough space*/
div.largeCastContainer div.smallCastContainer img{padding-left:5px;padding-right:5px; border:none} 
/*the image does not look good when underlined*/
div.largeCastContainer div.smallCastContainer a:link    {text-decoration: none; border:none}
div.largeCastContainer div.smallCastContainer  a:visited   {text-decoration: none;border:none}
div.largeCastContainer div.smallCastContainer a:hover   {text-decoration: none;border:none}
div.largeCastContainer div.smallCastContainer  a:active  {text-decoration: none;border:none}

/*Contact us*/
form#contactUsForm table {width: 500px;}
form#contactUsForm fieldset {width:100%; border:none;}
div.contactUs_contactForm{width:600px; align:center;}
ul.errorMessages{list-style-type: disc; color:red!important;}
ul.errorMessages{color:red!important;}

/* Charities*/
ul.charities{list-style-type: square;}

body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: normal;
	
}
body {
	background-color: #FFFFFF;
}