/* -- jerwood Space stylesheet -- */ 

/* -- ELEMENT STYLES -- */
body
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #a3b3be;
	padding: 0;	
}

.credits
{
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #a3b3be;
}

.creditsWhite
{
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}


h1 {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #transparent;
	font-weight: bold;
	}
	
p {
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 1.2;
	padding: padding: 0px 0px 2px 0px;
	color: #FFFFFF;
	background-color: transparent;
	font-weight: normal;
	}
	
p #textAreaSmall{
	font-family: verdana, sans-serif;
	font-size: 10px;
	line-height: 1.2;
	padding: 0px 0px 2px 0px;
	color: #FFFFFF;
	background-color: #transparent;
	font-weight: normal;
	}
	
	.breakingNews {
	font-size: 11px;
	color: #c9fc80;
	font-weight: bold;
}



/* -- HEADER STARTS --*/


#logoArea
{ 
  position: absolute;
  top: 0px; 
  left: 675px;
  width: 300px;
  height: 30px;
  padding: 0px;
  border-top-style: solid;
  border-top-width: 95px;
  border-top-color: #a3b3be;
  background: url(../images/jerwood_logo.gif); vertical-align: bottom; background-repeat: no-repeat;
  z-index: 3;
  }

/* -- logo area with old logo

#logoArea
{ 
  position: absolute;
  top: 0px; 
  left: 675px;
  width: 300px;
  height: 25px;
  padding: 0px;
  border-top-style: solid;
  border-top-width: 95px;
  border-top-color: #a3b3be;
  background: url(../images/jerwood_logo_old.gif); vertical-align: bottom; background-repeat: no-repeat;
  z-index: 3;
  }
 --*/

#mainNavArea
{ 
  position: absolute;
  top: 0px; 
  left: 0px;
  width: 200px;
  height: 120px;
  padding: 20px 0px 0px 20px;
  background-color: #406d8c;
   z-index: 1;
  /* Here is the ugly brilliant hack to 
  protect ie5 from it's own stupidity */ 
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 180px;
  }
/* "be nice to Opera 5". */ 
  html>body #mainContent {width:180px;}


#secondaryNavArea
{ 
  position: absolute;
  top: 0px; 
  left: 210px;
  width: 435px;
  height: 100px;
  padding: 20px 20px 10px 20px;
  background-color: #a3b3be;
   z-index: 2;
 /* Here is the ugly brilliant hack to 
  protect ie5 from it's own stupidity */ 
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 455px;
  }
/* "be nice to Opera 5". */ 
  html>body #mainContent {width:455px;}
  
  
  
  #content
  
  { 
    height: 280px;
   }
 
  /* for first type template */
  
  #imageLargest
{ 
  position: absolute;
  top: 140px; 
  left: 0px;
  width: 975px;
  height: 300px;
  padding: 0px; 
 }
 
   #newsBreak
{ 
  position: absolute;
  top: 160px; 
  left: 20px;
  width: 450px;
  height: 100px;
  padding: 0px; 
   z-index: 3;
 }
 
  #twitterButton
{ 
  position: absolute;
  top: 590px; 
  left: 20px;
  width: 100px;
  height: 30px;
  padding: 0px; 
   z-index: 3;
 }
 
 
 
   #creditHomePagePic
{ 
  position: absolute;
  top: 420px; 
  left: 20px;
  width: 150px;
  height: 40px;
  padding: 0px; 
   z-index: 3;
 }
 
  /* for first type template -end */
 
 
 /* for second type template */
  
  #imageLarge
{ 
  position: absolute;
  top: 140px; 
  left: 0px;
  width: 675px;
  height: 300px;
  background-color: #transparent;
  padding: 0px; 
 }
 
  #textAreaSmall
{ 
  position: absolute;
  top: 140px; 
  left: 675px;
  width: 290px;
  height: 270px;
  background-color: #113557;
  padding: 10px 10px 20px 20px; 
  /* Here is the ugly brilliant hack to 
  protect ie5 from it's own stupidity */ 
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 270px;
 }
 /* "be nice to Opera 5". */ 
  html>body #mainContent {width:270px;}
 
  /* for second type template ends*/
  
  
  
 /* for third type template */
    #imageSmall
{ 
  position: absolute;
  top: 140px; 
  left: 675px;
  width: 300px;
  height: 300px;
  background-color: #a3b3be;
  padding: 0px; 
 }
 
  #textAreaLarge
{ 
  position: absolute;
  top: 140px; 
  left: 0px;
  width: 445px;
  height: 270px;
  background-color: #113557;
  border-left-style: solid;
  border-left-width: 200px;
  border-left-color: #043f67;
  padding: 20px 20px 10px 20px; 
  /* Here is the ugly brilliant hack to 
  protect ie5 from it's own stupidity */ 
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 440px;
 }
 /* "be nice to Opera 5". */ 
  html>body #mainContent {width: 440px;}
  
 /* for third type template ends*/
 
 
 
 #contactArea
{ 
  position: absolute;
  top: 440px; 
  left: 0px;
  width: 200px;
  height: 120px;
  padding: 20px 0px 0px 20px;
  background-color: #406d8c;
  z-index: 1;
  /* Here is the ugly brilliant hack to 
  protect ie5 from it's own stupidity */ 
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 180px;
  }
/* "be nice to Opera 5". */ 
  html>body #mainContent {width:180px;}

#initiativeGraphic
{ 
  position: absolute;
  top: 450px; 
  /*left: 696px; old graphic*/
  left: 675px;
  width: 300px;
  height: 300px;
  background-color: #a3b3be;
  padding: 0px; 
  /* background: url(../images/initiative_line.gif); vertical-align: top; background-repeat: no-repeat; OLD GRAPHIC*/
   /* background: url(../images/initiative_line.gif); vertical-align: top; background-repeat: no-repeat;
  z-index: 3; */
 }
 
 
/* -- LINKS --*/


a:link
{ color: #FFFFFF;
text-decoration: underline; }

a:visited
{ color: #FFFFFF; 
text-decoration: underline; }

a:hover
{ color: #C9FC80; 
text-decoration: underline; }



/* top navigation  */

	
 a#navHome, a#navHome:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_home_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navHome:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_home_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
	
 a#navRehearsal, a#navRehearsal:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_rehearsal_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navRehearsal:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_rehearsal_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#navGallery, a#navGallery:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_gallery_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navGallery:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_gallery_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#navMeeting, a#navMeeting:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_meeting_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navMeeting:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_meeting_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navAbout, a#navAbout:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_about_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navAbout:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_about_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
/* top navigation ends */

/* contact */

a#navtopContact, a#navtopContact:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_contact_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navtopContact:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_contact_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navtopNewsletter, a#navtopNewsletter:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_subscribe_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navtopNewsletter:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/top_subscribe_on.gif);
	background-repeat: no-repeat;
	top-left;
	}

/* not in use LHS nav from may07 */
a#navJCharity, a#navJCharity:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 30px;
	background-image: url(../images/top_charity_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navJCharity:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 30px;
	background-image: url(../images/top_charity_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
/* new link  - nav changed may07 */
a#navJVisualArts, a#navJVisualArts:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 30px;
	background-image: url(../images/top_visualarts_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navJVisualArts:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 30px;
	background-image: url(../images/top_visualarts_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
/* new link  - nav changed may07 */

/* contact ends */


/* Rehearsal pages ends */
a#rehSpace1, a#rehSpace1:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space1_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace1:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space1_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#rehSpace2, a#rehSpace2:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space2_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace2:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space2_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#rehSpace3, a#rehSpace3:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space3_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace3:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space3_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#rehSpace4, a#rehSpace4:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space4_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace4:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space4_on.gif);
	background-repeat: no-repeat;
	top-left;
	}

	
a#rehSpace5, a#rehSpace5:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space5_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace5:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space5_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
	
a#rehSpace6, a#rehSpace6:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space6_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace6:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space6_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#rehSpace7, a#rehSpace7:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space7_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace7:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space7_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	

a#rehSpace89, a#rehSpace89:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space89_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehSpace89:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_space89_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
		
a#rehExtension, a#rehExtension:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_new_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehExtension:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_new_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#rehProduction, a#rehProduction:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_office_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#rehProduction:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/reh_office_on.gif);
	background-repeat: no-repeat;
	top-left;
	}

/* Rehearsal pages ends */


/* Gallery pages */

a#galOn, a#galOn:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/gal_on_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#galOn:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/gal_on_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#galNext, a#galNext:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/gal_next_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#galNext:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/gal_next_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#galBeen, a#galBeen:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/gal_been_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#galBeen:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/gal_been_on.gif);
	background-repeat: no-repeat;
	top-left;
	}

/* Gallery pages ends */



/* meeting + events pages  */

a#navMeetings, a#navMeetings:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_meetings_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navMeetings:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_meetings_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navCorporate, a#navCorporate:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_corporate_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navCorporate:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_corporate_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navWeddings, a#navWeddings:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_weddings_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navWeddings:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_weddings_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#navParties, a#navParties:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_parties_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navParties:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_parties_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
a#navCatering, a#navCatering:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_catering_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navCatering:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/meet_catering_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
/* meeting + events pages ends */


/* About Us pages */
a#navContact, a#navContact:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_contact_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navContact:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_contact_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navFloorplan, a#navFloorplan:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_floor_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navFloorplan:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_floor_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	

	
a#navWho, a#navWho:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_who_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navWho:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_who_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navNewsletter, a#navNewsletter:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_news_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navNewsletter:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_news_on.gif);
	background-repeat: no-repeat;
	top-left;
	}

a#navBooking, a#navBooking:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_booking_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navBooking:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_booking_on.gif);
	background-repeat: no-repeat;
	top-left;
	}	
	
a#navCafe, a#navCafe:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_cafe_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navCafe:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_cafe_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navSubsidised, a#navSubsidised:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_subsidised_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navSubsidised:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_subsidised_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navQa, a#navQa:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_qa_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navQa:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_qa_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
a#navLinks, a#navLinks:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_links_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navLinks:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_links_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	


a#navHistory, a#navHistory:visited 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_history_off.gif);
	background-repeat: no-repeat;
	top-left;
	}	
a#navHistory:hover 
	{
	display: block;
	padding: 0;	
	width: 180px;
	height: 17px;
	background-image: url(../images/us_history_on.gif);
	background-repeat: no-repeat;
	top-left;
	}
	
	
	
/* About Us pages ends */



/* -- ALL OTHER STYLES -- */

.img {
		display: block;
		border: 0;
		}

.hide {
		display: none;
		}