/* www.wemtownhall.co.uk wm_styles1.css © shalldesign.com 2009 */

* {
  margin: 0px auto;
	padding: 0;
	border:0;
  }
	
html, body {
	height: 100%;
  }

body {
  text-align: center;
  }

/* ========= CONTAINING LAYOUT ===== */

#wrapper {
  position:relative;	
  width: 70%;			
  min-width: 800px;
	max-width: 1000px;
	height: auto;	
  }

* html .minwidth {
	padding-left: 800px;
  }

* html .container {
	margin-left: -800px;
	position: relative;
  }

/*\*/
* html .minwidth, * html .container, * html .layout  {
	height:1px;
  }
/**/

/* ========== BACKGROUNG IMAGE ========== */

#bgImg1{
  position: absolute;
  top: 237px;
	left: 50%;
  margin: 0 0 0 -350px; /* margin left adjusted to offset 25px */	  
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/bg/bg_cyan_op75.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	width: 750px;
	height: 370px;	
	z-index: -25;	
	display: block;
  }

#bgImg2{
  position: absolute;
  top: 237px;
	left: 50%;
  margin: 0 0 0 -350px; /* margin left adjusted to offset 25px */	  
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/bg/bg_gold.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	width: 750px;
	height: 370px;	
	z-index: -25;	
	display: block;
  }
	
#bgImg3{
  position: absolute;
  top: 237px;
	left: 50%;
  margin: 0 0 0 -350px; /* margin left adjusted to offset 25px */	  
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/bg/bg_maroon.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	width: 750px;
	height: 370px;	
	z-index: -25;	
	display: block;
  }
	
#bgImg4{
  position: absolute;
  top: 237px;
	left: 50%;
  margin: 0 0 0 -350px; /* margin left adjusted to offset 25px */	  
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/bg/bg_violet.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	width: 750px;
	height: 370px;	
	z-index: -25;	
	display: block;
  }
	
	
#bgImg5{
  position: absolute;
  top: 237px;
	left: 50%;
  margin: 0 0 0 -350px; /* margin left adjusted to offset 25px */	  
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/bg/bg_green.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	width: 750px;
	height: 370px;	
	z-index: -25;	
	display: block;
  }

#bgImg1Alt{
  position: absolute;
	bottom: 80px;
	left: 50%;
	width: 750px;
	height: 370px;	
  margin: 0 0 0 -350px; /*margin left adjusted to offset 25px */	
  z-index: -25;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/bg/750x370_op75.jpg);
  background-repeat: no-repeat;
  background-position: top center;	
  }
	
	
/* ========== PAGE LAYOUT ==========*/	
	
/* HEADER LAYOUT*/

#HeadMask {
  position:relative;
	width:100%;			
  overflow:hidden;	
	height: auto;	
  }
	
#HeadMid {
  float:left;
  width:200%;
  position:relative;
  left:250px; /* Width of Left Col */
  }

#HeadRight {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-480px; /* Sum of left col and right col */
  }

#colHCwrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
  }

#colHCpad {
	margin:0 0 0 480px;  /* Sum of left col and right col */
	overflow:hidden;
  }	


/* PROFILE TOP LAYOUT*/

#ProTopMask {
  position:relative;
	width:100%;
  overflow:hidden;		
  height: auto; 
  }
	
#ProTopMid {
  float:left;
  width:200%;
  position:relative;
  left:250px; /* Width of Left Col */ 	
  }

#ProTopRight {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-480px; /* Sum of left col and right col */
 }
 
#colPTCwrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
  }

#colPTCpad {
	margin:0 0 0 480px;  /* Sum of left col and right col */
	overflow:hidden;
  }

/* MAIN LAYOUT*/

#MainMask {
  position:relative;
  top: -40px;
	width:100%;			
	overflow:hidden;	
	height: auto;	
  }

#MainMid {
  float:left;
  width:200%;
  position:relative;
  left:210px; /* Width of Left Col */  	
  }

#MainRight {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px; /* Sum of Left & Right col */
	}

#colMCwrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;	
  }

#colMCpad {
	margin:0 0 0 400px;  /* Sum of left col and right col */
	overflow:hidden;
  }

	
/* PROFILE BOTTOM LAYOUT */

#ProBotMask{
  position:relative;	
	top: -80px; 
	width:100%;	
  overflow:hidden;		
  height: auto;  
  }

#ProBotMid {
  float:left;
  width:200%;
  position:relative;
  left:250px; /* Width of Left Col */ 	
  }

#ProBotRight {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-480px; /* Sum of left col and right col */
  }

#colPBCwrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
  }

#colPBCpad {
	margin:0 0 0 480px;  /* Sum of left col and right col */
	overflow:hidden;
  }


/* FOOTER LAYOUT */

#FootMask {
  position:relative;	
  top: -110px; 
	width:100%;	
  overflow:hidden;
  height: auto; 
  }

#FootMid {
  float:left;
  width:200%;
  position:relative;
  left:250px; /* Width of Left Col */ 	
  }

#FootRight {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-480px; /* Sum of left col and right col */
  }

#colFCwrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
  }
	
#colFCpad {
	margin:0 0 0 480px;  /* Sum of left col and right col */
	overflow:hidden;
  }

/* ============= COLUMNS ================ */

/* HEADER COLS*/

#colHC {
	width:100%;
	overflow:hidden;
	height: 173px;		
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/1px_op100.png);
	background-repeat: repeat;
	background-position: top left;		
	border-top: 2px solid #333;
	margin-bottom: -2px; /* Adjustment for border */
  }

#colHL {
	float:left;
	width:250px; /* width of left col */	
	position:relative;
	margin-left:-50%;
	left:230px;/* width of right col */
	overflow:hidden;	
	height: 173px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/HeadLeft.png);
	background-repeat: no-repeat;
	background-position: top left;
  }

#colHR {
	float:left;
	width:230px; /* width of right col */	
	position:relative;
	left:0;
	overflow:hidden;	
	height: 173px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/HeadRight.png);
	background-repeat: no-repeat;
	background-position: top right;	
  }
	
/* PROFILE TOP COLS*/

#colPTC {
	width:100%;
	overflow:hidden;			
	height: 52px;	
	border-top: 2px solid #333;		
  }

#colPTL {
	float:left;
	width:250px;	/* width of left col */
	position:relative;
	margin-left:-50%;
	left: 230px;  /* width of right col */
	overflow:hidden;		
  height: 52px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/ProfileTL.png);
	background-repeat: no-repeat;
	background-position: top left;	
  }

#colPTR {
	float:left;
	width: 230px;	 /* width of right col */
	position:relative;
	left:0px;
	overflow:hidden;	
	height: 52px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/ProfileTR.png);
	background-repeat: no-repeat;
	background-position: bottom left;
  }


/* CONTENT COLS*/

#colMC {  
	width:100%;
	overflow:hidden;	
  height: auto;	
  }
	
#colML { 	
	float:left;
	width:210px;	/* width of left col */
	position:relative;
	margin-left:-50%;
	left: 190px; /* width of right col */
	overflow:hidden;		
  }

#colMR {
	float:left;
	width:190px;/* width of right col */
	position:relative;
	left:0px;  
	overflow:hidden;		
	height: auto;	
	}
	
/* PROFILE BOTTOM COLS */

#colPBC {
	width:100%;
	overflow:hidden;
	height: 52px;		
	border-bottom: 2px solid #333;
	margin-top: -2px; /* Adjustment for border */
  }

#colPBL {
	float:left;
	width:250px; /* width of left col */
	position:relative;
	margin-left:-50%;
	left:230px; /* width of right col */
	overflow:hidden;	
	height: 52px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/ProfileBL.png);
	background-repeat: no-repeat;
	background-position: top left;	
  }

#colPBR {
	float:left;
	width:230px; /* width of right col */	
	position:relative;
	left:0px;
	overflow:hidden;	
	height: 52px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/ProfileBR.png);
	background-repeat: no-repeat;
	background-position: top left;
  }

/* FOOTER COLS*/
#colFC {
	width:100%;
	overflow:hidden;
	height: 98px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/1px_op50.png);
	background-repeat: repeat;
	background-position: top left;	
	border-bottom: 2px solid #333;
	margin-top: -2px; /* adjustment for border */	
  }

#colFL {
	float:left;
	width:250px; /* width of left col */	
	position:relative;	
	margin-left:-50%;
	left:230px; /* width of right col */	
  overflow:hidden;	
  height: 98px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/FootLeft.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

#colFR {
	float:left;
	width:230px; /* width of right col */	
	position:relative;
	left:0px;
	overflow:hidden;	
	height: 98px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/FootRight.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
/*===========MAIN CONTENT TABLE============*/

/* TABLE content (0pacity 85) */	
  table.content  {
  width: 100%;	
	}

/* Table Top Row */	
table.content td.TLC {
	width: 25px;	
	height: 25px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/CR-25_333/TLC_op85.png);
	background-repeat: no-repeat;
	background-position: top left;	
	}
	
table.content td.TC {
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/BorderTop_op85.png);
	background-repeat: repeat-x;
	background-position: top left;
  }
		
table.content td.TRC {
	width: 25px;
  height: 25px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/CR-25_333/TRC_op85.png);
	background-repeat: no-repeat;
	background-position: top right;
	}	
	
/* Table Middle Row */	

table.content td.CL {
	width: 25px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/BorderLeft_op85.png);
	background-repeat: repeat-y;
	background-position: top left;	
	}
	
table.content td.CM {
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/1px_op85.png);
	background-repeat: repeat;
	background-position: top left;	
	}
	
table.content td.CR {
	width: 25px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/BorderRight_op85.png);
	background-repeat: repeat-y;
	background-position: top left;
	}
	
/* Table Bottom Row */	
table.content td.BLC {
	width: 25px;
  height: 25px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/CR-25_333/BLC_op85.png);
	background-repeat: no-repeat;
	background-position: top left;	
	}	
	
table.content td.BC {
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/BorderBottom_op85.png);
	background-repeat: repeat-x;
	background-position: top left;
  }
	
table.content td.BRC {
	width: 25px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/CR-25_333/BRC_op85.png);
	background-repeat: no-repeat;
	background-position: top right;
	}	
	
#PageContentWrap {
  position: relative;
	width: 100%;
  min-height:420px;
	height: auto;
	}
	
#PageContent {
  position: relative;
	width:100%;
	}
	
/* ========== MAIN NAVIGATION ========= */

#MainNavWrap {
  position: absolute;
  left: 48px;	
  top: 237px; /* Extra 2px gap looks better */
  width: 152px;
  height: auto;
  text-align: left;
  z-index: 50;		
  }
		
#MainNavTop {
  width: 100%;
	height: 10px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/NavTop_op40.png);
	background-repeat: no-repeat;
	background-position: top left;
  }
	
#MainNavMid {
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/1px_op40.png);
	background-repeat: repeat;
	background-position: top left;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	height: auto;
	width: 148px; /* Sorts ie6 problem */
  }

#MainNavBG { 
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/Col_300px2.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 350px;	
  }
	
#MainNavBot {	
  width: 100%;
	height: 10px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/NavBot_op100.png);
	background-repeat: no-repeat;
	background-position: top left;
  }
	
/* NavList */
#NavList1 li {
  position: relative;
	left: -12px;
	overflow: hidden;
	list-style: none;	
	text-transform: capitalize;	
	line-height: 1.2em;	
	}
	

#NavList2 li {
  position: relative;
	left: 0px;
  padding-left:25px;	
	overflow: hidden;		
	text-transform: capitalize;	
	line-height: 1.2em;	
  }	
	
/* ========== NEWS COLUMN ===========*/

#NewsColWrap {
  width: 180px;
	height: auto;	
	margin-left: 10px;
	text-align: left;
	}
		
#NewsColTop {
  width: 100%;
	height: 10px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/NewsTop_op40.png);
	background-repeat: no-repeat;
	background-position: top left;
  }
	
#NewsColMid {  
	height: auto;
  }
	
#NewsColBot {
  width: 100%;
	height: 10px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/NewsBot_op40.png);
	background-repeat: no-repeat;
	background-position: top left;
  }

#NewsListWrap {	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/fills/Row180_op40.png);
	background-repeat: repeat;
	background-position: top left;
	min-height: 350px;
	}
	
#NewsListWrap li {
	list-style: none;
	}

li.NewsList {
  padding: 5px 0;
  }
			
div.NewsBox {
  width: 150px;
	height: 120px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/NewsBox2.png);
	background-repeat: no-repeat;
	background-position: top left;
  padding: 0px 0;
	overflow: hidden;	
	}	
	
div.NewsItem  {
  width: 100%;
	height: 85px;
	margin-top: 2px;
	overflow: hidden;
	}
	
div.NewsLink  {
  width: 150px;
	height: auto;
	padding: 0px 0;
	overflow: hidden;
	}

/* =========OTHER FIELDS========= */

/* BoxOffice */

#BoxOffice {
  position: absolute;
	bottom: 200px;
	right: 0;
  width: 180px;
	height: auto;
	z-index: 30;	
	}

/* FootLeftImg */

#FootLeftImg {
  position: absolute;
  bottom: 30px;
  left: 70px;
	width: 100px;	
	height: 75px;
	margin-bottom: 75px;
	margin-top: 0px;	
	z-index: 30;
 }
	
/* FootRightImg*/

#FootRightImg {
  position: absolute;
  bottom: 30px;
  right: 30px;
	width: 100px;
	height: 75px;
	margin-bottom: 75px;
	z-index: 30;
 }
 
/* PageNav */
 
#PageNav {
  position: absolute;
	top: -17px;
	left: -7px;
	width:100%;
	height: auto;
	z-index: 50;  
	text-align: left;
	}

/* Prog Viewer */

#ProgViewer {
  position: absolute;
	top: 10px;
	right: 15px;
	width: 540px;	
	height: 130px;	
	z-index: 10;
	}
	
table.ProgViewer {
  width: 100%;	
	padding: 0;
	}	
	
table.ProgViewer td.PVL  {
  width: 180px;
  height: 130px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_prog/ani/Cinema-ANI.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
table.ProgViewer td.PVC  {
  width: 180px;
  height: 130px;
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_prog/ani/Theatre-ANI.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
  }
	
table.ProgViewer td.PVR  {
  width: 180px;
  height: 130px;	
	background-image: url(http://www.wemtownhall.co.uk/_SITE/_prog/ani/Music-ANI.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
  }
	
div.ImgMask1 {
  width: 180px;
  height: 130px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/MaskCinema.png);
	background-repeat: no-repeat;
	background-position: bottom right;
  }

div.ImgMask2 {
  width: 180px;
  height: 130px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/MaskTheatre.png);
	background-repeat: no-repeat;
	background-position: bottom right;
  }
	
div.ImgMask3 {
  width: 180px;
  height: 130px;
  background-image: url(http://www.wemtownhall.co.uk/_SITE/_assets/gph/MaskMusic.png);
	background-repeat: no-repeat;
	background-position: bottom right;
  }
	
/* Search Field	*/
	
#SearchField {
  position: absolute;
  top: 170px;
	right: 0;	
  width: 180px;
	height: auto;	
	z-index: 20;
	}
	
/* Sub Nav */

#SubNavWrap {
  position: relative;
	left: 0;
	top: 50px;
  width: 100%;
	height: 30px;		
	padding-left: 10px;
	text-align: center;
	z-index: 30;
	}
	
#SubNavList li {
	display: inline;
  list-style: none;	
	text-transform: capitalize;
	}
		
/* TextScroll */

#TextScroll {
  position: absolute;
	top: 148px;
	left: 0;
	width:100%;
	height: auto;
  margin-left: 10px;
	z-index: 50;
	}
	
#TextScroll marquee {
  position: absolute;
	left: 50%;
	width:380px;
	height: auto;
  margin: 0 0 0 -190px;
	z-index: 50;
	overflow: hidden;
	}
	
/* WTH info */

#WTHinfo {
  position: absolute;
	bottom: 85px;
	left: 0;
  width: 100%;	
	height: auto;
	margin-bottom: 45px;
	padding-left: 10px;
	text-align: center;
	z-index: 10;		
	}	
	
/* WTH logo */

#WTHlogo {
  position: relative;
  top: 55px;
  left: 5px;
 }
	

/* =============================== */

div.clear{
  clear: both;
	}
	
/* =============================== */

/* News Col Spacers */
	
#NC_SpacerTop {
  height: 50px;
	}
	
#NC_SpacerBot {
  height: 50px;
	}
	
/* Page Content Spacers */

#PC_SpacerTop {
  height: 5px;
	}
	
#PC_SpacerBot {
  height: 5px;
	}	

/* =============================== */

#ScreenTest {
  position: absolute;
	left:115px;
	width: 1024px;	
	height: 768px;
	border: 1px solid red;
	}

/* =============================== */