body 
{ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 1.2em;
	color: #333;
	background-color: #353535;
	margin: 0;
	padding: 0;
	background-image: url("/app/sharedimages/broadgateestate/body_bg.gif");
	background-repeat: repeat-x;
	
}

td { 
	font-family: arial, helvetica, sans-serif;  
	font-size: 11px; 
	color: #fff }

h1
{
	font-weight: normal;
	font-size: 12pt;
	margin-top: 0px;
	padding-left: 3px;
	color: #333;
}

h2
{
	font-weight: normal;
	font-size: 12pt;
	margin: 0;
	padding: 0;
}

h3
{
	font-weight: normal;
	font-size: 11pt;
	margin: 0 0 0 0;
	padding: 10px 0 0 o;
	color: #333;
}


h4
{
	font-weight: normal;
	font-size: 12pt;
	margin-bottom: -5px;
}










/* STRUCTURAL DEFS */


#container
{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}



/* Main page container */

#content
{
	float: right;
	width: 570px;
	margin: 0;
	padding: 0;
}


/* Main page content container */

#content-container
{
	float: left;
	width: 570px;
	margin: 15px 0 0 0;
	padding: 0;
	background-color: #fff;
}





/* Section Title - What's On, Shops & Services etc */

#section-title
{
	height: 45px;
	margin: 0px;
	padding: 0px;
}

#section-title h1
{
	float: left;
	padding: 15px 0 5px 0;
	font-family: arial, sans-serif;
	color: #fff;
	font-size: 1.8em;
	margin: 0 0 0 0;
}

/* End Section Title */




/* Container containing the actual data  */

#sub-container
{
	width: 550px;
	margin: 0 10px 0 10px;
	padding: 0 0 20px 0;
	background-color: #fff;
}




/* Heading for main colored area */

#heading h2
{
	color: #b4c715;
	padding: 20px 0 30px 10px;
	margin: 0px;
	background-color: #fff;
	background-image: url("/app/sharedimages/broadgateestate/content_top.gif");
	background-repeat: no-repeat;
}







/* Lower Curve */

#lowercurve
{
	margin: 0;
	padding: 0;
	width: 570px;
}


/* Horizontal Divider */

#horizontal-border
{
	height: 20px;
	border-bottom: 1px dotted #c5c5c5;
}



/* Provides Some Vertical Space */
#vspacer
{
	height: 30px;
}





	

/* STRUCTURAL DEFS FOR ARENA */

#arena-header
{
	width: 780px;
	height: 166px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

.float-left
{
	float: left;
}

#arena-header-text
{
	float: right;
	width: 246px;
	height: 166px;
	border-left: 1px solid #000;
}



#arena-header-text p
{
	margin: 0;
	padding: 20px 10px 0 10px;
	color: #fff;
}


#promos
{
	float: left;
	width: 533px;
}

#right-column
{
	float: right;	
	width: 247px;
	background-color: #b4c714;
	min-height: 510px;
	/*height: 510px;*/
	background-image: url("/app/broadgateestate/events/images/promo_bg.gif");
	background-repeat: repeat-x;
}

#right-column p
{
	margin: 0;
	padding: 10px 0 5px 13px;
}

#right-column h1
{
	margin: 0;
	padding: 10px 0 5px 13px;
	color: #fff;
}





/* Promo Items */

#promo1
{
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 245px;
	min-height: 245px;
	height: 245px;
	background-color: #b4c714;
	background-image: url("/app/broadgateestate/events/images/promo_bg.gif");
	background-repeat: repeat-x;
	background-position: 0px 120px;
}

#promo1 p
{
	margin: 0 0 0 0;
	padding: 5px 0 0 13px; 
	width: 232px;
}

#promo1 h1
{
	margin: 0;
	padding: 10px 0 5px 13px;
	color: #fff;
	width: 232px;
}

#promo2
{
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 245px;
	min-height: 245px;
	height: 245px;
	background-color: #b4c714;
	background-image: url("/app/broadgateestate/events/images/promo_bg.gif");
	background-repeat: repeat-x;
	background-position: 0px 120px;
}

#promo2 p
{
	margin: 0 0 0 0;
	padding: 5px 0 0 13px; 
	width: 232px;
}

#promo2 h1
{
	margin: 0;
	padding: 10px 0 5px 13px;
	color: #fff;
	width: 232px;
}



#promo3
{
	float: left;
	margin: 20px 20px 0 0;
	padding: 0;
	width: 245px;
	min-height: 245px;
	height: 245px;
	background-color: #b4c714;
	background-image: url("/app/broadgateestate/events/images/promo_bg.gif");
	background-repeat: repeat-x;
	background-position: 0px 120px;
}

#promo3 p
{
	margin: 0 0 0 0;
	padding: 5px 0 0 13px; 
	width: 232px;
}

#promo3 h1
{
	margin: 0;
	padding: 10px 0 5px 13px;
	color: #fff;
	width: 232px;
}



#promo4
{
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	width: 245px;
	min-height: 245px;
	height: 245px;
	background-color: #b4c714;
	background-image: url("/app/broadgateestate/events/images/promo_bg.gif");
	background-repeat: repeat-x;
	background-position: 0px 120px;
}

#promo4 p
{
	margin: 0 0 0 0;
	padding: 5px 0 0 13px;
	width: 232px; 
}

#promo4 h1
{
	margin: 0;
	padding: 10px 0 5px 13px;
	color: #fff;
	width: 232px;
}



/* Extra structure for the details pages */

#left-details-area
{
	float: left;
	width: 513px;
	margin: 0 0 0 0;
	background-color: #b4c714;
	min-height: 510px;
	background-image: url("/app/broadgateestate/events/images/promo_bg.gif");
	background-repeat: repeat-x;
}

#left-details-area p
{
	margin: 0;
	padding: 10px 10px 5px 13px;
}

#left-details-area h1
{
	margin: 0;
	padding: 10px 0 5px 13px;
	color: #fff;
}

#left-details-area strong
{
	color: #fff;
}





/* Link colours for the Arena pages */

/*
	promos
*/

#promos a:link, a:active
{
	color: #fff;
	text-decoration: underline;
}


#promos a:hover
{
	color: #000;
	text-decoration: none;
}

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


/*
	Right Column
*/

#right-column a:link, a:active
{
	color: #fff;
	text-decoration: underline;
}


#right-column a:hover
{
	color: #000;
	text-decoration: none;
}

#right-column a:visited
{
	color: #000;
	text-decoration: underline;
}


/* For the images within stories */

#storyimages
{
  float: right;
  width: 200px;
  margin: 0 0 5px 5px;
}

img.storyimage2
{
  margin: 10px 0 0 0;
}