/* site-wide styles */

body { background-color: #fff; }

#printhead { display: none; }

#topbar {
		position: absolute; top: 0; left: 0; width: 750px; height: 88px;
		margin: 0; padding: 0; border: 0;
		background-color: #f2f2f2;
		}
#homelink {
		position: absolute; top: 0; left: 0; width: 300px; height: 88px;
		margin: 0; padding: 0; border: 0;
		}
#searches {
		position: absolute; top: 0; left: 300px; width: 480px; height: 88px;
		margin: 0; padding: 0; border: 0;
		/* has a variable background picture built by the engine and placed in the template */
		background-repeat: no-repeat;
		text-align: right;
		}
#searches form {
		position: absolute; top: 60px; /*left: 305px;*/ right: 0px; width: 350px; height: 23px;
		margin: 0; padding: 0; border: 0;
		text-align: right; vertical-align: bottom; white-space: nowrap;
		font-size: 10px; color: #333;
		}
#searches form a { margin: 0 150px 0 10px; }
#searches form a:link { text-decoration: none; color: #333; }
#searches form a:visited { text-decoration: none; color: #333; }
#searches form a:hover { text-decoration: underline; color: #000; }
#searches form a:active { text-decoration: underline; color: #000; }
#searches form input { color: #000; margin: 0 7px 0 0; }

#navbar {
		position: absolute; top: 88px; left: 0; width: 780px; height: 15px;
		margin: 0; padding: 2px 0 0 0; border: 0; display: block;
		background: #666 url("/images/nav_back.gif") repeat-x ;
		text-align: left; vertical-align: middle; white-space: nowrap;
		font-size: 10px; line-height: 12px; color: #fff;
		}
#homemenu, #pressmenu, #popularmenu, #lotemenu, #searchmenu, #helpmenu {
	margin: 0; padding: 0 12px;
	border: 0;
	display: block;
	}
#homemenu ul li a, #pressmenu ul li a, #popularmenu ul li a, #lotemenu ul li a, #searchmenu ul li a, #helpmenu ul li a {
	color: #fff;
	}
#homemenu {
	position: absolute; top: 2px; left: 245px; width: 40px;
	}
#pressmenu {
	position: absolute; top: 2px; left: 310px; width: 80px;
	border-left: 1px solid #fff;
	}
#popularmenu {
	position: absolute; top: 2px; left: 427px; width: 80px;
	border-left: 1px solid #fff;
	}
#lotemenu {
	position: absolute; top: 2px; left: 530px; width: 65px;
	border-left: 1px solid #fff;
	}
#searchmenu {
	position: absolute; top: 2px; left: 613px; width: 50px;
	border-left: 1px solid #fff;
	}
#helpmenu {
	position: absolute; top: 2px; left: 695px; width: 30px;
	border-left: 1px solid #fff;
	}


#navbar ul {
	border: 0;
	text-indent: 0;
		background: transparent ;
	list-style: none;
	white-space: nowrap;
	}
#navbar ul li {
	list-style: none; text-indent: 0;
	white-space: nowrap;
	}
#navbar ul li a {
	/*width: 60px;*/
	white-space: nowrap;
	}
#navbar li ul {
	list-style: none; text-indent: 0;
	background: #666 url("/images/nav_back.gif") ;
	display: none;
	line-height: 15px;
	}
#popular {
	position: absolute; left: 0; top: 12px;
	margin: 0; padding: 0 10px;
	}
#navbar ul li {
	border: 0;
	list-style: none; text-indent: 0;
	text-decoration: none;
	display: block;
	color: #fff;
	white-space: nowrap;
	}
#navbar ul li:link {
	color: #fff;
	display: block;
	}
#navbar ul li:visited {
	color: #fff;
	display: block;
	}
#navbar ul li:hover {
	list-style: none; text-indent: 0;
	text-decoration: underline;
	display: block;
	color: #000;
	}
#navbar ul li:active {
	list-style: none; text-indent: 0;
	text-decoration: underline;
	display: block;
	color: #000;
	}
#navbar ul li:link ul {
	color: #fff;
	display: none;
	} /* The magic */
#navbar ul li:visited ul {
	color: #fff;
	display: none;
	} /* The magic */
#navbar ul li:hover ul {
	display: block;
	color: #000;
	} /* The magic */
#navbar ul li:active ul {
	display: block;
	padding: 0 3px;
	color: #000;
	} /* The magic */
#navbar ul li:hover ul li {
	padding: 0 3px;
	color: #000;
	}

#navbar a, #popular li a {
	color: #fff;
	text-decoration: none;
	}
#navbar a:link, #popular li a:link {
	color: #fff;
	}
#navbar a:visited, #popular li a:visited {
	color: #fff;
	}
#navbar a:hover, #popular li a:hover {
	color: #000;
	}
#navbar a:active, #popular li a:active {
	color: #000;
	}

#sectionpic {
		position: absolute; top: 103px; left: 0; width: 780px; height: 120px;
		margin: 0; padding: 0; border: 0;
		/* has a variable background picture built by the engine and placed in the template */
		}

#sidemenu {
		position: absolute; top: 223px; left: 0; width: 223px;
		margin: 0; padding: 0; border: 0;
		white-space: nowrap; text-indent: 7px;
		font-size: 11px; line-height: 20px;
		}
/*#sidemenu a { display: block; background: #666 url("/images/sidemenu_dark.gif") no-repeat; }*/
#sidemenu a { display: block; background-color: #666; }
#sidemenu a:link { text-decoration: none; color: #fff; }
#sidemenu a:visited { text-decoration: none; color: #fff; }
#sidemenu a:hover { text-decoration: none; color: #000 !important; }
#sidemenu a:active { text-decoration: none; color: #000 !important; }
/*#sidemenu a.here { background: #999 url("/images/sidemenu_back.gif") no-repeat; }*/
#sidemenu a.here { background-color: #999; }


.navlist li.closed:hover a, .navlist li.closed:active a {
	background-color: #808080 !important;
	color: #333;
	}
.navlist li a {
	padding-right: 15px;
	}
.navlist li a:hover, .navlist li a:active {
	background-color: #999 !important;
	}

.navlist li ul {
	position: absolute;
	left: 223px;
	margin-top: -21px;
	z-index: 5;
	width: 223px;
	}
.navlist li.navtop {
	display: block;
	}
.navlist li ul, .navlist li:link ul, .navlist li:visited ul {
	display: none;
	}
.navlist li:hover ul, .navlist li:active ul {
	display: block;
	border: 1px solid #333;
	}
.navlist li:hover ul li, .navlist li:active ul li {
	display: block;
	}
.navlist li:hover ul li ul, .navlist li:active ul li ul {
	display: none;
	}
.navlist li:hover ul li:hover ul, .navlist li:active ul li:hover ul,
.navlist li:hover ul li:active ul, .navlist li:active ul li:active ul
	{
	display: block;
	border: 1px solid #333;
	}
.navlist li:hover ul li:hover ul li ul, .navlist li:active ul li:hover ul li ul,
.navlist li:hover ul li:active ul li ul, .navlist li:active ul li:active ul li ul
	{
	display: none;
	}
.navlist li:hover ul li:hover ul li:hover ul, .navlist li:active ul li:hover ul li:hover ul,
.navlist li:hover ul li:active ul li:hover ul, .navlist li:active ul li:active ul li:hover ul,
.navlist li:hover ul li:hover ul li:active ul, .navlist li:active ul li:hover ul li:active ul,
.navlist li:hover ul li:active ul li:active ul, .navlist li:active ul li:active ul li:active ul
	{
	display: block;
	border: 1px solid #333;
	}
.navlist li:hover ul li:hover ul li:hover ul li ul, .navlist li:active ul li:hover ul li:hover ul li ul,
.navlist li:hover ul li:active ul li:hover ul li ul, .navlist li:active ul li:active ul li:hover ul li ul,
.navlist li:hover ul li:hover ul li:active ul li ul, .navlist li:active ul li:hover ul li:active ul li ul,
.navlist li:hover ul li:active ul li:active ul li ul, .navlist li:active ul li:active ul li:active ul li ul
	{
	display: none;
	}
.navlist li:hover ul li:hover ul li:hover ul li:hover ul, .navlist li:active ul li:hover ul li:hover ul li:hover ul,
.navlist li:hover ul li:active ul li:hover ul li:hover ul, .navlist li:active ul li:active ul li:hover ul li:hover ul,
.navlist li:hover ul li:hover ul li:active ul li:hover ul, .navlist li:active ul li:hover ul li:active ul li:hover ul,
.navlist li:hover ul li:active ul li:active ul li:hover ul, .navlist li:active ul li:active ul li:active ul li:hover ul,
.navlist li:hover ul li:hover ul li:hover ul li:active ul, .navlist li:active ul li:hover ul li:hover ul li:active ul,
.navlist li:hover ul li:active ul li:hover ul li:active ul, .navlist li:active ul li:active ul li:hover ul li:active ul,
.navlist li:hover ul li:hover ul li:active ul li:active ul, .navlist li:active ul li:hover ul li:active ul li:active ul,
.navlist li:hover ul li:active ul li:active ul li:active ul, .navlist li:active ul li:active ul li:active ul li:active ul
	{
	display: block;
	border: 1px solid #333;
	}
.navlist li:hover ul li:hover ul li:hover ul li:hover ul li ul, .navlist li:active ul li:hover ul li:hover ul li:hover ul li ul,
.navlist li:hover ul li:active ul li:hover ul li:hover ul li ul, .navlist li:active ul li:active ul li:hover ul li:hover ul li ul,
.navlist li:hover ul li:hover ul li:active ul li:hover ul li ul, .navlist li:active ul li:hover ul li:active ul li:hover ul li ul,
.navlist li:hover ul li:active ul li:active ul li:hover ul li ul, .navlist li:active ul li:active ul li:active ul li:hover ul li ul,
.navlist li:hover ul li:hover ul li:hover ul li:active ul li ul, .navlist li:active ul li:hover ul li:hover ul li:active ul li ul,
.navlist li:hover ul li:active ul li:hover ul li:active ul li ul, .navlist li:active ul li:active ul li:hover ul li:active ul li ul,
.navlist li:hover ul li:hover ul li:active ul li:active ul li ul, .navlist li:active ul li:hover ul li:active ul li:active ul li ul,
.navlist li:hover ul li:active ul li:active ul li:active ul li ul, .navlist li:active ul li:active ul li:active ul li:active ul li ul
	{
	display: none;
	}
.navlist li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul, .navlist li:active ul li:hover ul li:hover ul li:hover ul li:hover ul,
.navlist li:hover ul li:active ul li:hover ul li:hover ul li:hover ul, .navlist li:active ul li:active ul li:hover ul li:hover ul li:hover ul,
.navlist li:hover ul li:hover ul li:active ul li:hover ul li:hover ul, .navlist li:active ul li:hover ul li:active ul li:hover ul li:hover ul,
.navlist li:hover ul li:active ul li:active ul li:hover ul li:hover ul, .navlist li:active ul li:active ul li:active ul li:hover ul li:hover ul,
.navlist li:hover ul li:hover ul li:hover ul li:active ul li:hover ul, .navlist li:active ul li:hover ul li:hover ul li:active ul li:hover ul,
.navlist li:hover ul li:active ul li:hover ul li:active ul li:hover ul, .navlist li:active ul li:active ul li:hover ul li:active ul li:hover ul,
.navlist li:hover ul li:hover ul li:active ul li:active ul li:hover ul, .navlist li:active ul li:hover ul li:active ul li:active ul li:hover ul,
.navlist li:hover ul li:active ul li:active ul li:active ul li:hover ul, .navlist li:active ul li:active ul li:active ul li:active ul li:hover ul,
.navlist li:hover ul li:hover ul li:hover ul li:hover ul li:active ul, .navlist li:active ul li:hover ul li:hover ul li:hover ul li:active ul,
.navlist li:hover ul li:active ul li:hover ul li:hover ul li:active ul, .navlist li:active ul li:active ul li:hover ul li:hover ul li:active ul,
.navlist li:hover ul li:hover ul li:active ul li:hover ul li:active ul, .navlist li:active ul li:hover ul li:active ul li:hover ul li:active ul,
.navlist li:hover ul li:active ul li:active ul li:hover ul li:active ul, .navlist li:active ul li:active ul li:active ul li:hover ul li:active ul,
.navlist li:hover ul li:hover ul li:hover ul li:active ul li:active ul, .navlist li:active ul li:hover ul li:hover ul li:active ul li:active ul,
.navlist li:hover ul li:active ul li:hover ul li:active ul li:active ul, .navlist li:active ul li:active ul li:hover ul li:active ul li:active ul,
.navlist li:hover ul li:hover ul li:active ul li:active ul li:active ul, .navlist li:active ul li:hover ul li:active ul li:active ul li:active ul,
.navlist li:hover ul li:active ul li:active ul li:active ul li:active ul, .navlist li:active ul li:active ul li:active ul li:active ul li:active ul
	{
	display: block;
	border: 1px solid #333;
	}

.navlist li.closed a {
	background-image: none;
	background-position: top right;
	background-repeat: no-repeat;
	}
.navlist li.closed a {
	background-image: url("/images/nav_arrow_white.gif");
	}
.navlist li.closed ul li a {
	background-image: none;
	}
.navlist li.closed ul li.closed a {
	background-image: url("/images/nav_arrow_white.gif");
	}
.navlist li.closed ul li.closed ul li a {
	background-image: none;
	}
.navlist li.closed ul li.closed ul li.closed a {
	background-image: url("/images/nav_arrow_white.gif");
	}
.navlist li.closed ul li.closed ul li.closed ul li a {
	background-image: none;
	}
.navlist li.closed ul li.closed ul li.closed ul li.closed a {
	background-image: url("/images/nav_arrow_white.gif");
	}
.navlist li.closed ul li.closed ul li.closed ul li.closed ul li a {
	background-image: none;
	}
.navlist li.closed ul li.closed ul li.closed ul li.closed ul li.closed a {
	background-image: url("/images/nav_arrow_white.gif");
	}
.navlist li.closed ul li.closed ul li.closed ul li.closed ul li.closed ul li a {
	background-image: none;
	}



#footerlogos {
		width: 218px; height: 41px;
		margin: 50px 0 0 0; padding: 0; border: 0;
		white-space: nowrap;
		}
#footerlogos a { 
		display: inline; background-color: #fff;  background-image: none;
		font-size: 10px; line-height: 15px; margin: 0 3px;
		}
#footerlogos a:link { text-decoration: none; color: #666; }
#footerlogos a:visited { text-decoration: none; color: #999; }
#footerlogos a:hover { text-decoration: none; color: #000; }
#footerlogos a:active { text-decoration: none; color: #000; }

#container {
		position: absolute; top: 223px; left: 224px; /*width: 351px;*/ right: 5px;
		margin: 0; padding: 0; border: 0;
		background-color: #f2f2f2;
		}
#crumbtrail {
		/*width: 100%;*/
		display: block;
		margin: 0; padding: 0; border: 0;
		background-color: #666;
		font-size: 10px; line-height: 17px;
		}
#crumbtrail a { font-size: inherit; }
#crumbtrail a:link { text-decoration: underline; color: #fff; }
#crumbtrail a:visited { text-decoration: underline; color: #fff; }
#crumbtrail a:hover { text-decoration: underline; color: #000; }
#crumbtrail a:active { text-decoration: underline; color: #ccc; }
		
h1 {
		/*width: 100%;*/
		display: block;
		margin: 0; padding: 0; border: 0;
		font-size: 11px; font-weight: bold; line-height: 17px; color: #fff; text-indent: 7px;
		/* has a variable background picture built by the engine and placed in the template */
		}
h1 a { font-size: inherit; }
h1 a:link { text-decoration: none; }
h1 a:visited { text-decoration: none; }
h1 a:hover { text-decoration: none; }
h1 a:active { text-decoration: none; }
		
#content {
		/*width: 337px;width: 95%;*/
		margin: 7px; padding: 0; border: 0;
		background-color: #f2f2f2;
		z-index:100;
		}
#content h2 { color: #006; }
#content a { font-size: inherit; text-decoration: none; }
#content a:link { text-decoration: underline; color: #009; }
#content a:visited { text-decoration: underline; color: #006; }
#content a:hover { text-decoration: underline; color: #00c; }
#content a:active { text-decoration: underline; color: #00c; }
#content h2 a{ font-size: inherit; text-decoration: none; color: #006; }
#content h2 a:link { text-decoration: none; color: #006; }
#content h2 a:visited { text-decoration: none; color: #006; }
#content h2 a:hover { text-decoration: none; color: #006; }
#content h2 a:active { text-decoration: none; color: #006; }
#content h3 a { font-size: inherit; text-decoration: none; color: #000; }
#content h3 a:link { text-decoration: none; color: #000; }
#content h3 a:visited { text-decoration: none; color: #000; }
#content h3 a:hover { text-decoration: none; color: #000; }
#content h3 a:active { text-decoration: none; color: #000; }

#content ul, #content ol { margin: 0 0 0 25px; font-size: inherit; }
#content ul { list-style: circle; }
#content ol.loweralpha { list-style: lower-alpha; }
#content ol.lowerroman { list-style: lower-roman; }
#content ol.numeric { list-style: decimal; }
#content ul li, #content ol li { font-size: inherit; list-style-position: outside; }

#content .button { font-size: 110%; white-space: nowrap; margin: 5px; font-weight: bold; }
#content .button a { text-decoration: none; color: #339; background-color: #fff; padding: 3px 5px; border: 2px solid #66c; }
#content .button a:link { text-decoration: none; color: #339; background-color: #fff; padding: 3px 5px; border: 2px solid #66c; }
#content .button a:visited { text-decoration: none; color: #999; background-color: #fff; padding: 3px 5px; border: 2px solid #66c; }
#content .button a:hover { text-decoration: none; color: #339; background-color: #ccf; padding: 3px 5px; border: 2px solid #66c; }
#content .button a:active { text-decoration: none; color: #fff; background-color: #ccf; padding: 3px 5px; border: 2px solid #66c; }

#content .feature {
		/*width: 337px;*/
		float: none; clear: both;
		margin: 1px 235px 1px 0; padding: 0; border: 0;
		font-size: inherit;
		}
#content .feature .featuretext {
		/*width: 270px;*/
		float: left;
		margin: 0 85px 0 0; padding: 5px 0; border: 0;
		font-size: inherit; 
		}
#content .feature .featureimage {
		width: 65px; float: right;
		margin: 0; padding: 5px 0; border: 0;
		}
#content .feature img {
		float: right;
		margin: 0 0 5px 5px;
		}

#footerlocal {
		clear: both; display: block;
		margin: 15px 0 0 0; padding: 0; border: 0;
		font-size: 10px; line-height: 15px; color: #999;
		}
#footerlocal a { font-size: 10px; line-height: 15px; }
#footerlocal a:link { text-decoration: none; color: #666; }
#footerlocal a:visited { text-decoration: none; color: #999; }
#footerlocal a:hover { text-decoration: none; color: #000; }
#footerlocal a:active { text-decoration: none; color: #000; }

#printfoot { display: none; }

#mac {
/*		position: absolute; top: 241px; left: 577px; width: 221px;	*/
		position: absolute; top: 223px; right: 5px; width: 221px;
		margin: 0; padding: 0; border: 0;
		background-color: #f2f2f2;
		}
#machead {
		display: block;
		width: 221px; height: 17px;
		margin: 0; padding: 0; border: 0;
		font-size: 11px; font-weight: bold; line-height: 17px; color: #fff; text-indent: 7px;
		/* has a variable background picture built by the engine and placed in the template */
		}
#mediareleases, #newssubscribe, #promotion, #diarydates {
		width: 195px;
		margin: 7px; padding: 5px; border-width: 1px; border-style: solid;
		font-size: 10px;
		/* has a variable text and border-colour built by the engine and placed in the template */
		}
#newssubscribe form input { color: #333; margin: 0 5px; }

td, th { padding: 6px 12px; }

.hide { display: none; }
.printonlyinline { display: none; }
.neverprint { display: inline; }
.lastmodified { white-space: nowrap; font-size: 10px; line-height: 15px; color: #666; text-align: right; }
.centred { text-align: center; }
.right { text-align: right; }
.straight { font-size: inherit; white-space: nowrap; }
.indented { margin: 0 0 0 20px; }
.little { font-size: 80%; }

/* used by the postcards */
.tdshadowright { width: 8px; background-image: url(/images/shadowright.gif); background-repeat: repeat-y; }
.tdshadowbottom { height: 8px; background-image: url(/images/shadowbottom.gif); background-repeat: repeat-x; }
.tdshadowcorner { background-image: url(/images/shadowcorner.gif); background-repeat: no-repeat; }