/*
-----------------------------------------------
Eden Court styles (layout)
----------------------------------------------- */


body {
	background-color:#333;
	color: #444;
}

/* Wrapper
----------------------------------------------- */
#wrapper {
	width: 979px;     /* set width of site */
	padding-bottom:1.6em;
}
#top-panel-wrapper {

}
#top-panel {
	position: relative;
	top: 0;
	left: 0;
}

/* Links
----------------------------------------------- */
a { color: #4B92D2; text-decoration: none; }  /* default colour - gets overwritten in-page */
a:link { color: #4B92D2; text-decoration: none;}
a:visited { color: #4B92D2; }
a:hover { color: #A5C9E9; text-decoration:underline; }
a:active { color: #3F6383; text-decoration: none;}


/* Header
----------------------------------------------- */
h1#logo, h2#logo, h1#logo a, h2#logo a {
	background:url(../img/logo.gif) no-repeat;
	width:135px;
	height:92px;
}
h1#logo {
	margin:9px 0 0 16px;
}
#header {
	position: relative;
}
#header-inner {
	float: right;
	margin-top: 20px;
	width: 730px;
}
#header-top, #header-bottom {
	display: block;
	float: left;
	width: 100%;
}
#header-top {
	height: 70px;
}




/* Main Nav
----------------------------------------------- */
#nav {
	float: left;
	width:730px;
}
ul#nav li {
	border-left:1px solid #717171;
}
ul#nav li.first {
	border-left:0;
}
ul#nav li a {
	height:11px;
}

#nav a { background-position:0 0; }
#nav .on a { background-position:0 -15px; }
#nav a:hover { background-position:0 -30px; }

/* images are colour defaults - new colours generated on fly */
/*ul#nav #nav-whatson, ul#nav #nav-whatson a { width:89px; background-image:url(../img/dynamic/nav/whats_on.gif); }
ul#nav #nav-edencourt, ul#nav #nav-edencourt a { width:91px; background-image:url(../img/dynamic/nav/eden_court.gif); }
ul#nav #nav-activities, ul#nav #nav-activities a { width:80px; background-image:url(../img/dynamic/nav/activities.gif); }
ul#nav #nav-friends, ul#nav #nav-friends a { width:67px; background-image:url(../img/dynamic/nav/friends.gif); }
ul#nav #nav-sponsorship, ul#nav #nav-sponsorship a { width:102px; background-image:url(../img/dynamic/nav/sponsorship.gif); }
ul#nav #nav-aboutus, ul#nav #nav-aboutus a { width:79px; background-image:url(../img/dynamic/nav/about_us.gif); }
ul#nav #nav-fooddrink, ul#nav #nav-fooddrink a { width:105px; background-image:url(../img/dynamic/nav/food_drink.gif); }
*/


/* Sub Nav + 3rd level nav shared values
----------------------------------------------- */
ul#subnav, ul#thirdlevel-nav {
	display: block;
	height: 29px;
	width:726px;
	margin:0;
	padding:0 0 0 4px;
}
ul#subnav {
	margin-top: 0px;
	position: relative;
}
ul#subnav li a, ul#thirdlevel-nav li a {
	height:29px;
}

/* Sub Nav
----------------------------------------------- */
ul#subnav {
	background-color:#4B92D2; 	/* default colour - gets overwritten in page */
	position: relative;
}
ul#subnav a { background-position:0 0; }
ul#subnav .on a { background-position:0 -32px; }
ul#subnav a:hover { background-position:0 -32px; }

ul#subnav li.first a { background-position:-1px 0; }
ul#subnav li.first.on a { background-position:-1px -32px; }
ul#subnav li.first a:hover { background-position:-1px -32px; }


/* 3rd level nav
----------------------------------------------- */
ul#thirdlevel-nav {
	background-color: #A5C9E9;
	float: left;
	font-weight: bold;
	list-style-type: none;
	position: relative;
	text-transform: uppercase;
}
ul#thirdlevel-nav li {
	display: inline;
	float: left;
	margin: 0 9px;
	padding: 0;
	position: relative;
}
ul#thirdlevel-nav li a {
	color: #fff;
	display: block;
	float: left;
	height: 22px;
	padding-top: 7px;
}
ul#thirdlevel-nav li.on a {
	color: #4B92D2;
}


/* Login Nav
----------------------------------------------- */
#loginNav {
	float: right;
	margin: -40px 0 0 0;
	padding: 0;
	position: relative;
}
#loginNav li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
#loginNav li#nav-login {
	border-right:1px solid #717171;
}
#loginNav li a {
	height:11px;
	display:block;
	text-indent:-9999em;
	background-position:0 0;
	background-repeat:no-repeat;
}



/* Whats On
----------------------------------------------- */
#finder {
	border-bottom:1px solid #333;
	width: 214px;
}
#finder select {
	width:166px;
	margin:0 0 5px 8px;
	border:1px solid #333;
	padding:2px;
}
#byMonth {
	padding:11px 10px 8px 10px;
	border-top:1px solid #81B2DF;
}
#byMonth #monthName {
	margin:6px 0 0 0;
}

#byMonth #monthNav {
	margin:1em 0 0 0;
	padding:0;
}
#byMonth #monthNav li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#byMonth #monthNav li a, #byMonth #monthNav li a:visited {
	color:#fff;
}
#byMonth #nextMonth {
	float:right;
	margin:-1.2em 0 0 0;
}
#byMonth #prevMonth {
	margin:0.5em 0 0 0;
}

#byMonth #currentMonth {
	margin:1.3em auto 0 auto;
}
#byMonth #currentMonth th {
	padding:3px;
	text-align:center;
	color:#fff;
}
#byMonth #currentMonth td a, #byMonth #currentMonth td span.inactive_link, #byMonth #currentMonth td a:visited {
	display:block;
	padding:2px;
	text-align:center;
	color:#666;
	border-width:1px;
	border-style:solid;
}
#byMonth #currentMonth td a {
	background-color:#fff;
	border-color:#fff;
}
#byMonth #currentMonth td.calendarToday a {
  background-color: #E3E8F3;
  border-color: #E3E8F3;
  color:  #333;
}
#byMonth #currentMonth td a:hover, #byMonth #currentMonth td a.current {
	background-color:#A5C9E9;  /* default colour - gets overwritten in page */
	border-color:#fff;
	color:#fff;
	text-decoration:none;
}
#byMonth #currentMonth td a.current {
  color: #333;
}
#byMonth #currentMonth td a:hover.current {
  color: #fff;
}
#byMonth #currentMonth td span.inactive_link {
  color: #CCC;
  border-color:#fff;
}
#woToday {
	background-color:#fff;
	padding:0;
	border-top:1px solid #333;
}
#what #woToday h2 {
	margin:0;
	padding:11px 8px 12px 8px;
	border-top:1px solid #81B2DF;
	background-color:#4B92D2;  /* default colour - gets overwritten in page */
}
#woToday ul {
	margin:4px 11px 0 11px;
	padding:0 0 5px 0;
}
#woToday ul li {
	list-style-type:none;
	font-size:0.85em;
	border-top:1px solid #e8e8e8;
	padding:0.6em 0;
}
#woToday ul li.first {
	border:0;
}
#woToday ul li a {
	display:block;
	margin-bottom:1px;
	font-size:1.1em
}
#woToday ul li .showTimes {
	display:block;
	font-weight:bold;
}
#byMonth #currentMonth td.inactive, #byMonth #currentMonth td.inactive span.inactive_link, #byMonth #currentMonth td.inactive a:visited {
	background-color:none;
}



/* Mailing List area
----------------------------------------------- */
#mailingList {
	background-color:#333;
	padding:0;
	border-top:1px solid #333;
	color:#fff;
}
#what #mailingList h2 {
	margin:0;
	padding:11px 8px 12px 8px;
	border-top:1px solid #81B2DF;
	background-color:#4B92D2;  /* default colour - gets overwritten in page */
}
#what #mailingList p {
	margin:0;
	padding:1em 8px 0 8px;
}
#what #mailingList p a {
	text-transform:uppercase;
}
#what #mailingList label {
	display:block;
	margin:0.7em 8px 0.2em 8px;
}
#what #mailingList .textbox {
	margin:0 8px;
	width:184px;
	background:#fff;
	border: 0;
	padding:3px;
	color:#333;
}
#what #mailingList #mbSubmit{
	margin:1em 4px;
}



/* Headings
----------------------------------------------- */
#title h2 {
	color:#A5C9E9;	/* default colour - gets overwritten in page */
}
#content h3 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.3em;
	color:#333;
	margin:1.2em 0 0.2em 0;
}
#content h4 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	color:#333;
	margin:1.2em 0 0.2em 0;
}
#content h2 a, #content h3 a, #content h4 a {
	color:#333;
}
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover {
	text-decoration:none;
	color:#4B92D2;	/* default colour - gets overwritten in page */
}



/* Special Announcements
----------------------------------------------- */
#speccialAnnounce {
	position: absolute;
	top: 20px;
	left: 280px;
}





/* Programmes
----------------------------------------------- */
#download {
	margin: 0 0 0 252px;
	padding-top: 23px;
	width:170px;
}
#download ul {
	margin:0;
	padding:0
}
#download ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#download ul li a {
	margin-bottom: 0;
}
#download ul li a img {
	float:left;
	margin: -23px 12px 0 0;
}




/* Search
----------------------------------------------- */
#search {
	float: left;
	margin-top: 13px;
	padding:0 18px 4px 0;
	border-right:1px solid #999;
}
#search label {
	display:block;
	margin:0 0 2px 0;
	width:115px;
	height:12px;
	background:url(../img/header/search.gif) no-repeat 0 1px;
	text-indent:-9999em;
}
#search input#showSearch {
	width:183px;
  	padding:2px 3px 3px 3px;
	margin:1px 2px 0 0;
	background-color:#fff;
	border:0;
}
#search input#go {
	vertical-align:middle;
}
#search #topAdvanced, #search #topAdvanced:visited {
	font-size:0.85em;
	color:#999;	
}




/* Box Office
----------------------------------------------- */
#boxOffice {
	background:url(../img/header/box_office.gif) no-repeat;
	float: right;
	height:14px;
	margin: -18px 0 0 0;
	padding: 0;
	text-indent:-9999em;
	width:238px;
}




/* Main
----------------------------------------------- */
#main {
	margin-top:20px;
}




/* Content
----------------------------------------------- */
#content {
	width:730px;
	background-color:#fff;
	float:right;
	padding-top: 0;
	position: relative;
}
#content p {
	line-height:1.4em;
}
.hasSubnav {
	padding-top:29px;
}




/* Social Bookmarks
----------------------------------------------- */
#socials {
	clear:both;
	margin-bottom:1.1em;
}
#socials li {
	margin:0 0.7em 0 0;
	padding:0;
	list-style-type:none;
	float:left;
}
#socials li a {
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999em;
	background-repeat:no-repeat;
	background-position:0 0;
}
#socials li.delicious a { background-image:url(../img/social/delicious.gif); }
#socials li.digg a { background-image:url(../img/social/digg.gif); }
#socials li.stumbleUpon a { background-image:url(../img/social/stumbleUpon.gif); }
#socials li.facebook a { background-image:url(../img/social/facebook.gif); }
#socials li.google a { background-image:url(../img/social/google.gif); }
#socials li.furl a { background-image:url(../img/social/furl.gif); }
#socials li.technorati a { background-image:url(../img/social/technorati.gif); }




/* What
----------------------------------------------- */
#what {
	float:right;
	width:214px;
	margin-right:35px;
	background:#4B92D2;  /* default colour - gets overwritten in-page */
}
#what h2 {
	margin:18px 0 7px 9px;
}




/* Forms
----------------------------------------------- */




/* Columns
----------------------------------------------- */
#columns #columnLeft, #columns #columnRight {
	float:left;
}
#columns h1 {
	font-weight:normal;
	text-transform:uppercase;
	color:#aeaeae;
	font-size:2.4em;
	margin:0;
}
#columns h2 {
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	font-size:1.9em;
	margin:0.4em 0 0.7em 0;
}
#columnLeft {
	width:325px;
	margin:1.8em 20px 1em 20px;
}

#columnRight {
	width:365px;
	margin:1.8em 0 1em 0;
}





/* Footer
----------------------------------------------- */
#footer {
	font-size:0.85em;
	margin:22px 0 1.6em 249px;
	color:#999;
}
#legals {
	width:50%;
	float:left;
}
#legals ul, #legals li {
	margin:0;
	padding:0;
}
#legals li {
	list-style:none;
	float:left;
	margin-left:12px;
	padding-left:12px;
	border-left:1px solid #717171;
}
#legals li.first {
	margin-left:0;
	padding-left:0;
	border-left:0;
}
#coInfo {
	float:left;
	padding-top:1em;
	width:80%;
}
#line {
	float:right;
	width:20%;
	text-align:right;
	margin-top:-1.2em;
}
#line a, #line a:visited, #line a:hover {
	color:#666;
}






/* Image Gallery
----------------------------------------------- */
#imageGallery {
	border:1px dashed #666;
	padding:12px;
	margin-bottom:14px;
}
#columnLeft #imageGallery {
	margin-left:20px;
}
#columnRight #imageGallery {
	margin-right:20px;
}
#imageGallery h3 {
	text-transform:uppercase;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0.6em 0;
}
#imageGallery ul {
	margin:0 -18px 0 0;
	padding:0;
}
#imageGallery ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	margin:0 18px 18px 0;
}



/* Media
----------------------------------------------- */

#columns .mediaPromo {
	border:none;
	padding:12px;
	margin-top:14px;
	margin-right:20px;
}

/* Promos
----------------------------------------------- */
#columns .promo {
	border:1px dashed #666;
	padding:12px;
	margin-top:14px;
	margin-right:20px;
}
#columns .promo h3 {
	font-weight:bold;
	font-size:1.3em;
	text-transform:uppercase;
	margin:0 0 0.6em 0;
}
#columns .promo h4 {
	font-weight:normal;
	font-size:1.1em;
	text-transform:uppercase;
	margin:1em 0 0.6em 0;
}
#columns .promo p {
	margin:0 0 0.6em 0;
}
#columns .promo p a {
	font-weight:bold;
}
#columns .promo img {
	float:left;
	margin:0 10px 0 0;
}
#columns #friends {
	background-color:#FFFFEA;
}







/* Cross Sell
----------------------------------------------- */
#crossSell {
	padding:14px 2px 2px 2px;
	background-color:#4B92D2; 	/* default colour, overwritten in page */
}
#crossSell h3 {
	color:#fff;
	margin:0 0 10px 14px;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.3em;
}
#crossSell ul {
	margin:0;
	padding:0;
}
#crossSell ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	width:242px;
	position:relative;
	background-repeat:no-repeat;
}
#crossSell ul li a {
	display:block;
	text-transform:uppercase;
	padding:140px 5px 0 30px;
	color:#333;
	font-weight:bold;
	font-size:1.1em;
	min-height:45px;
}
#crossSell ul li a.semiTrans {
	background:url(../img/home/semiTrans.png) no-repeat left bottom;
}
#crossSell ul li a.semiTrans:hover {
	color:#4B92D2;  /* default colour - gets overwritten in-page */
}
#crossSell ul li a:hover {
	text-decoration:none;
}
#crossSell .vertCat {
	position:absolute;
	left:0;
	top:31px;
	z-index:10;
	background-color:#4B92D2;  /* default colour - gets overwritten in-page */
}




/* Misc
----------------------------------------------- */
p.imgCaption {
	text-align:right;
	padding-right:20px;
}



/* Alex added to fix digital_eden page
----------------------------------------------- */


#showDetail {
	display: inline;
}
	
#main {
	width: 979px;
	float: left;
}
#columns {
	width: 730px;
	float: left;
	background: #fff;
	padding-bottom: 1em;
}
#crossSell {
	width: 726px;
	float: left;
}
#courseHighlights {
	float: left;
}
#footer {
	width: 730px;
	float: right;
}

/* Sponsors pages
----------------------------------------------- */
.sponsors {
	padding-left: 0;
}
.sponsors li {
	display: block;
	list-style: none;
	margin-bottom: 0.6em;
}


/* Additional information on event pages
----------------------------------------------- */

dl.additional_information {
	float: left;
	width: 100%;
}
dl.additional_information dt {
	clear: left;
	float: left;
	font-weight: bold;
	padding: 0 0 0.7em;
	width: 80px;
}
dl.additional_information dd {
	float: left;
	margin: 0;
	padding: 0 0 0.7em;
	width: 260px;
}