/* ----- main menu item (active) ----- */
.menubar .home a:link, .menubar .home a:visited, .menubar .home a:active 
{ 
	color: #286DA8; 
}

.panel
{
	/* no cols on homepage, so float and space panels */
	float: left;
	margin-right: 15px;
}

#panel-one 
{
	width:285px;
}
#panel-one .accent1
{
	background-color: #B2DAFD;
}

#panel-one p.caption
{
	/*background-color: #B2DAFD;
	background-color: #377FBD;*/
	border-bottom:1px;
	padding-top:6px;
	padding-bottom:6px;
}
#panel-two 
{
	width:353px;
			/* does this need a class, or is it a one-off ? - miks */
}
#panel-two .news
{
	background-color: #F4D9D9;
}
#panel-four div.footerLinksBar, #panel-five div.footerLinksBar
{
	background-image: none;
}
#panel-five
{
	background-image: url(generic/images/curve-top.gif);
	background-position: top right;
	margin-right: 0px;		/* remove unnec spacing */
}
#select-language 
{
	font-weight: normal;
}
#panel-container 
{
	float: left;
	width: 740px;
	padding: 0px;
}	
/* small panel divs */
#panel-container div.panel
{
	width: 230px;

}

#panel-container div.subPanel
{
	min-height: 190px  !important; 	/* This counts for standard-compliant browsers*/
	height: 220px; 			/* Silly-Billy Internet Explorer */
}

/* this also fixes a strange 3px jog in ie. Go figure -pats - possibly a floating thingy? - pats */
/* but now - for reason unknown - it's causing probs...although removing it has brought the 3px jog back... - miks
* html #panel-container div.subPanel img
{
	margin-right:10px; 
}
*/

div.banner 
{
	background-color: #DBDADA;
}
div.banner  p
{
	padding: 10px;
}
/* --- */

/* Footer styles for the homepage (safari, opera, and ie5) */

html>body #panel-two div.footerLinksBar, html>body #panel-two div.middleLinksBar {
  width: 343px;
}
html>body #panel-one div.footerLinksBar, html>body #panel-one div.middleLinksBar {
  width: 275px;
} 
html>body #panel-container div.footerLinksBar
{
  width: 220px;
} 
@media screen and (min-width: 10px) 
{
html>body #panel-two div.footerLinksBar, html>body #panel-two div.middleLinksBar {
  width: 343px;
}
html>body #panel-one div.footerLinksBar, html>body #panel-one div.middleLinksBar {
  width: 275px;
} 
html>body #panel-container div.footerLinksBar
{
  width: 220px;
}  
}
/*\*//*/
html>body #panel-two div.footerLinksBar, html>body #panel-two div.middleLinksBar {
  width: 353px;
}
html>body #panel-one div.footerLinksBar, html>body #panel-one div.middleLinksBar {
  width: 285px;
} 
html>body #panel-container div.footerLinksBar
{
  width: 230px;
}
/**/

/********* FIX ***********/
/* table-openingTimes behaves differently here to on visitUs page - don't know why but this is a temp fix - miks */
#table-openingTimes { 
	width: 265px; 
}

/* check still necessary?? - miks - YES - 12/03/2005 - but not sure the 3px jog is still happening... */
* html #panel-two .contentRow img	/* REMOVED , #panel-two .contentRow0 img, #panel-two .contentRow1 img - miks */
{
	margin-right:10px; 		/* this also fixes a strange 3px jog in ie. Go figure -pats */
}
blockquote
{
	line-height:1.5em;
	padding-bottom:10px;
}
