/* CMS Styles for Alexandra */

.larger { font-size:larger;  }
.pink { color:#FF0099; }


.contentleft, .contentright, .barrencontentlayer, .newscontentleft { visibility:visible; }

/* FONT */

body { font-family: Helvetica, Arial,  sans-serif; background-color:#003366;
	
}

#maincontent {
width:602px;
	position: absolute;
	visibility: visible;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #4B6F93;
	border-left-color: #4B6F93;
}


/* styles for the top white bar */



table.toptable { width: 786px; border:0px; }

td.topcell1 {
	width:50%;
	text-align: left;
}
td.topcell2 {
	width:50%;
	text-align: right;
}

#topbar p, #topbar a {
	color: #000033;
	font-size: 12px;
	/* letter-spacing: 1px; */
	
}

#topbar strong {
	
	font-weight: bold;
}


/* styles for side bar */

a.menuitem, .headeritem1  {
	display: block; }

a.menuitem
	{
	padding: 5px;
	width: 140px;
	font-size: 11px;
	text-decoration: none;
	text-indent: 25px;
	background-attachment: scroll;
	background-image:  url("../../img/small_white_arrow_off.gif");
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.menusection {

border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4B6F93;

 }

a.menuitem:hover {
	background-color: #FF0099;
	background-attachment: scroll;
	background-image:  url("../../img/small_white_arrow_off.gif");
	background-repeat: no-repeat;
}


/* header layer */

#headerlayer
{
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 600px;
}



table.headertable {
	padding: 0px;
	border: 0px;

}

.headeritem1, .headeritem2, .headeritem3, .headeritem4, .headerrollover, .headeritem2:hover, .headeritem3:hover, .headeritem4:hover  {
	
	font-size: 13px;
	text-align: left;
	text-decoration:none;
	z-index: 2;
	padding: 7px;
	text-transform: uppercase;
	text-indent: 20px;
}

.headeritem1 {
	width: 136px;
	background-attachment: scroll;
	background-image:  url("../../img/white_arrow_on.gif");
	background-repeat: no-repeat;
	border-top: 1px dashed #4B6F93;
	border-right: 1px dashed #4B6F93;
	border-bottom: 1px dashed #4B6F93;
	border-left: none;
}


.headeritem2, .headeritem3, .headeritem4, .headerrollover, .headeritem2:hover, .headeritem3:hover, .headeritem4:hover { 

	width:185px;
	display:block; 
	
	
	}

.headeritem2, .headeritem3, .headeritem4 {
	
	background-attachment: scroll;
	background-image:  url("../../img/blue_arrow_off.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;

	border-top: 1px dashed #4B6F93;
	border-right: 1px dashed #4B6F93;
	border-left: 1px solid #003366;
	border-bottom: 1px dashed #4B6F93;
}



.headeritem2:hover, .headeritem3:hover, .headeritem4:hover, .headerrollover {

	z-index: 7;
	background-attachment: scroll;
	background-color: #000033;
	background-image:  url("../../img/white_arrow_on.gif");
	background-repeat: no-repeat;
	/*
	border-top: 1px dashed #333366;
	border-right: 1px dashed #333366;
	border-left: 1px solid #000033;
	border-bottom: 1px dashed #333366; */
	
	border: 1px solid #FFFFFF;  
}




.headeritem2 {
	
	z-index: 2;
	
}
.headeritem3 {
	z-index: 3;
}
.headeritem4 {
	z-index: 4;
}






/* horizontal line */

.hr {
	visibility: visible;
	height: 1px;
	width: 100%;
}


/* message to old browsers is contained within the noCSS layer */

#noCSS {
	display: none;
	visibility: hidden;
}

/* sub header layer */

.subheaderlayer {
	position: relative;
	top: -1px;
	visibility: visible;
	z-index: 8;
	width: 586px;
	padding: 7px;
	clear:both;
	font-size: 13px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;	
}

.subheaderlayer h1 { 
	font-size: 13px;
	display:inline; }

/* drop down menus styles */

#dropdownmenu2, #dropdownmenu3, #dropdownmenu4 {
	background-color: #000033;
	border: 1px solid #FFFFFF;
	z-index: 10;
	
}




a.dropdownitem {
	display:block;
	
	
	font-size: 11px;
	text-decoration: none;
	
	background-attachment: scroll;
	background-image:  url("../../img/small_white_arrow_off.gif");
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-weight: normal;
}


a.dropdownitem:hover {
	
	background-color: #FFFFFF;
	background-image:  url("../../img/small_white_arrow_pink.gif");
	background-repeat: no-repeat;
}


/* footer section */

#footer {
	position: relative;
	visibility: visible;
	z-index: 1;
	padding: 7px;
	width: 586px;
	border-bottom: 1px dashed #4B6F93;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #FF0099;
	clear:both;
}

#footer p, #footer a {
	
	font-size: 9px;
	
}

#footer p {
	line-height: 12px;
}

#footer strong {
	font-weight: bold; }
	
table.footertable {
	width: 586px;
	border: 0px;
}
td.footercell1, td.footercell2 {
	vertical-align: top;
	width: 50%;
}

td.footercell1 {
	text-align: left;
}

td.footercell2 {
	text-align: right;
}

/* container */

.containerbox {
	clear:both;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	position: relative;
	left: -150px;
	padding-left: 150px;
	width: 700px;
}


		

/* main content font styles */

div.barrencontentlayer p, div.pagecontentlayer p, div.pagecontentlayer li, .pagecontentlayer {
	
	font-size: small;
	line-height: 16px;
}

.pagecontentlayer { width: 586px;  padding: 7px; }

li {
	list-style-image: url("../../img/liststar.gif");
}

.productiontitle, .venue, .dates, .newstitle { 
	font-size: 14px;
}

.productiontitle, .newstitle {
	font-weight:bold;
	display: inline;
}

.newsdate, .productionoption, .teamname, .teamposition, a.teamemail { font-size:medium;  }

.venue, .dates {

	font-weight: normal;
	
}


a.productionoption {
	font-size: 11px;
	background-image:  url(../../img/small_white_arrow_off.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	display: block;
	width: 230px;
	text-decoration: none; 
	padding:4px;
	background-position: 0px -2px;
}



a.productionoption:hover { 

	background-color: #FFFFFF;
	background-image:  url("../../img/small_white_arrow_pink.gif");
	background-repeat: no-repeat; background-position: 0px -2px; }


/* further information boxes */

#furtherinfoblock {
	width:188px;
	border-width: 1px;
	border-style: dashed;
	border-color: #4B6F93;
	margin-top: 10px;
}

.furtherinfohead {
	display:block;
	font-size: 13px;
	text-align: left;
	text-decoration:none;
	z-index: 2;
	padding: 7px;
	text-transform: uppercase;
	text-indent: 20px;
	width: 176px;
	background-image:  url("../../img/white_arrow_on.gif");
	background-repeat: no-repeat;
	
}

a.furtherinfo, a.furtherinfoactive {
	font-family:Helvetica, Arial,  sans-serif;
	font-size: 11px;
	background-image:  url(../../img/small_white_arrow_off.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	display: block;
	width: 180px;
	text-decoration: none;
	padding:4px;
	background-position: 0px -2px;
}

.credit { font-size:x-small; padding:7px; }

/* tables */
.performancedates, .performancelocation, .reviews, .reviewscontent {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 7px;
	text-align: left;
	}

.contactitem, .contactcontent { font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 7px;
	text-align: left;
	 }

table.performancedates, table.reviews, { width: 380px; }

table.contactdetails { width: 400px; margin:20px; }

th.performancedates, th.reviews {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	
	
}

td.performancedates, td.performancelocation a:hover, td.reviews, td.reviewscontent a:hover, td.contactitem, td.contactcontent a:hover  {
 font-family:Helvetica, Arial,  sans-serif;

	}

td.performancelocation, td.performancelocation a, td.reviewscontent a, td.contactcontent, td.contactcontent a  {

font-family:Helvetica, Arial,  sans-serif;
	 }

td.performancelocation, td.performancedates, td.reviews, td.reviewscontent, td.contactitem, td.contactcontent  {

border-bottom-width: 1px;
border-bottom-style: dashed;
text-align: left;
vertical-align: top;
	 }
 
 th.performancedates, td.performancelocation, td.performancedates, td.reviews, td.reviewscontent,  th.reviews, td.contactitem, td.contactcontent { border-bottom-color: #FFFFFF; }

td.performancelocation, td.performancedates, td.reviews, td.reviewscontent, td.contactitem, td.contactcontent { width:50%; }

td.reviews strong { }

/* cast lists and biographies */

p.castlistitem, p.biographyitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

p.castlistitem strong, p.biographyitem a:hover {
	font-weight: normal;
	
}

/* slide show styles */

#slideshow { }


#slideshow a:hover { font-weight: normal;
	
 }
 
 
/* SUBDUED BLUE FONT COLOUR */
.headeritem2, .headeritem3, .headeritem4, a.menuitem:visited, a.dropdownitem:visited, a.productionoption:visited

 { color:#3366FF; }
 
/* PINK FONT COLOUR */
body a:hover, .productiontitle, #topbar strong, #topbar a:hover, #footer a:hover, .subheaderlayer strong, a.dropdownitem:hover, #footer strong, .newsdate, .teamposition, a.teamemail:hover, a.productionoption:hover, a.furtherinfo:hover, td.performancedates, td.performancelocation a:hover, td.reviews, td.reviewscontent a:hover, td.contactitem, td.contactcontent a:hover, p.castlistitem strong, p.biographyitem a:hover, #slideshow a:hover

{ color:#FF0099; }

/* WHITE FONT COLOUR */
body, p, li, a, a.menuitem, a.menuitem:hover, a.headeritem2:hover, a.headeritem3:hover, a.headeritem4:hover, .subheaderlayer h1, .dates, a.dropdownitem, #footer a, a.teamemail, a.productionoption, a.furtherinfo, td.performancelocation a, td.reviewscontent a, td.contactcontent a,  p.biographyitem a, #slideshow a, a.headerrollover, .headerrollover, a.headerrollover:hover, .credit

{ color:#FFFFFF; }



