body {text-align:center; margin:0px; font-family:Arial; font-size:72%; background:#F1F1F1; color:#B3B3B3;}
body a {color:#B3B3B3; text-decoration:underline;}
body form {width:775px;  margin:0px auto 0px auto; text-align:left;}
body form div {margin:0px; padding:0px;}
body form iframe {border:1px outset #FFFFFF;}

#top {height:16px; background:url(../../../../../images/templates/Youth/topSlice.gif) repeat-x; font-size:90%; font-family:Tahoma;}
#top a {color:#FFFFFF; text-decoration:none; display:block; float:left; padding:1px 4px 2px 4px;}
#top a:hover {text-decoration:underline;}
#top #QL {padding:0px 17px 0px 17px;}
#top #QL li {background:url(../../../../../images/templates/Youth/QLSep.gif) no-repeat left; padding-left:1px;}
#top #QL li.noSep {background:none; padding-left:0px;}
#top #controls {float:right;}
#top #controls #SiteLink {}
#top #controls #BannerLink {padding:3px 5px 4px 4px; width:10px; height:9px; display:none;}
#top #controls #BannerLink .button {overflow:hidden; width:10px; height:9px; background:url(../../../../../images/templates/Youth/bannerExpand.gif) no-repeat 0px 0px; display:block; cursor:pointer;}
#top #controls #BannerLink.on .button {background-position:0px 0px;}
#top #controls #BannerLink.off .button {background-position:0px -9px;}

#bannerBG {background:black;}
#bannerBG #banner {background:url(../../../../../images/templates/Youth/banner.jpg) no-repeat; width:775px; height:100px; border:solid #FFFFFF; border-width:1px 0px 1px 0px; overflow:hidden;}
#bannerBG #banner a {display:block; width:145px; height:90px; margin:5px 0px 0px 20px; float:left;}

#main {background:url(../../../../../images/templates/Youth/mainSlice.gif) repeat-y #000000; float:left; padding:25px 13px 0px 13px; width:749px; overflow:hidden;}
#main #centre {float:left; position:relative; z-index:1; padding-bottom:12px;}
#main #centre #panels {float:left; position:relative; z-index:1;}
#main #centre #panels li {padding:0px 13px 13px 0px;}
#main #centre #panels li a {text-decoration:none; cursor:pointer;}
#main #right {float:right; width:138px; position:relative; z-index:1; padding-bottom:10px;}
#main #right #search {margin-bottom:11px; float:left;}
#main #right #search label {display:none;}
#main #right #search input {background:#121212; border:1px solid #FFFFFF; color:#FFFFFF; padding:1px 0px 1px 2px; font-family:Arial; font-size:100%; width:110px !important; height:auto !important; float:left; margin-right:5px;}
#main #right #search a {display:block; float:left; height:18px; background:url(../../../../../images/templates/Youth/searchButton.gif) no-repeat center; height:18px; width:18px;}
#main #right #search a img {display:none;}
#main #right #menu {width:138px; margin-bottom:15px;}
#main #right #menu li {}
#main #right #menu li a {color:#B3B3B3; padding:0px 0px 0px 0px; background-position:-291px 3px; padding-left:7px; text-decoration:none; width:138px; float:left;}
#main #right #menu li a.home {background:url(../../../../../images/templates/Youth/home.gif) no-repeat left;}
#main #right #menu li a:hover {text-decoration:underline; color:#FFFFFF;}
#main #right #menu li ul {}
#main #right #menu li ul li {}
#main #right #menu li ul li a {padding-left:13px;}
#main #right #logo {display:block; background:url(../../../../../images/templates/Youth/logo.gif) no-repeat center 7px; width:138px; height:1px; opacity:0; filter:alpha(opacity=50); float:left; margin:0px;}
#main #right #guide {display:block; background:url(../../../../../images/templates/Youth/guide.gif) no-repeat center; width:138px; height:67px; float:left; margin:10px 0px 0px 0px;}
#main #buttonsBorder {background:url(../../../../../images/templates/Youth/buttonsBorder.gif) no-repeat top; width:745px; height:1px; float:left;}
#main #buttons {display:block; height:5px; overflow:hidden; width:300px; float:left; padding-top:10px; margin:-155px -15px 0px -15px; padding:165px 236px 20px 237px; position:relative; z-index:0;}
#main #buttons li {clear:none; width:15px; height:15px; margin:0px 4px 0px 4px;}
#main #buttons li a {display:block; text-decoration:none;}
#main #buttons li a .button {display:block; width:15px; height:15px; position:relative; z-index:2; cursor:pointer;}
#main #buttons li a .panel {position:relative; display:block; margin:0px -61.5px -141px -61.5px; z-index:1; cursor:default; top:10px; width:138px;}

#footer {font-size:90%; font-family:Tahoma;}
#footer ul {width:482px; padding:0px 146px 0px 147px;}
#footer ul li {background:url(../../../../../images/templates/Youth/footerSep.gif) no-repeat 0px 7px; padding-left:1px;}
#footer ul li .item {color:#666666; display:block; padding:5px 5px 5px 5px; text-decoration:none; float:left;}
#footer ul li a.item:hover {text-decoration:underline;}
#footer ul li #directgov {display:block; width:61px; height:24px; background:url(../../../../../images/templates/Youth/directgov.gif) no-repeat center;}
#footer ul li.noSep {background:none; padding-left:0px;}
#footer address {color:#666666; font-style:normal; text-align:center; width:100%;}

/* Colour Coding */
.daytrips {background:url(../../../../../images/templates/Youth/daytrips.gif) no-repeat; color:#FFFFFF;}
.daytrips .sel {color:#71BF44 !important;}
.sports {background:url(../../../../../images/templates/Youth/sports.gif) no-repeat; color:#FFFFFF;}
.sports .sel {color:#00AEEF !important;}
.artsessions {background:url(../../../../../images/templates/Youth/artsessions.gif) no-repeat; color:#2F2F30;}
.artsessions .sel {color:#EE1C23 !important;}
.dancetheatre {background:url(../../../../../images/templates/Youth/dancetheatre.gif) no-repeat; color:#FFFFFF;}
.dancetheatre .sel {color:#F7931D !important;}
.clubnights {background:url(../../../../../images/templates/Youth/clubnights.gif) no-repeat; color:#FFFFFF;}
.clubnights .sel {color:#ED008C !important;}
.livemusiccinema {background:url(../../../../../images/templates/Youth/livemusic.gif) no-repeat; color:#2F2F30;}
.livemusiccinema .sel {color:#FCB814 !important;}
.outdooractivitiesyouthfacilities {background:url(../../../../../images/templates/Youth/outdooractivitiesyouthfacilities.gif) no-repeat; color:#FFFFFF;}
.outdooractivitiesyouthfacilities .sel {color:#0089D0 !important;}
.streetwork {background:url(../../../../../images/templates/Youth/streetwork.gif) no-repeat; color:#FFFFFF;}
.streetwork .sel {color:#00A99D !important;}
.youthprojectsclubs {background:url(../../../../../images/templates/Youth/youthprojectsclubs.gif) no-repeat; color:#FFFFFF;}
.youthprojectsclubs .sel {color:#A3238E !important;}
.coursesworkshops {background:url(../../../../../images/templates/Youth/coursesworkshops.gif) no-repeat; color:#2F2F30;}
.coursesworkshops .sel {color:#71BF44 !important;}
.advicevolunteering {background:url(../../../../../images/templates/Youth/adviceservicesvolunteering.gif) no-repeat; color:#FFFFFF;}
.advicevolunteering .sel {color:#EE0F59 !important;}
.eventscalendar {background:url(../../../../../images/templates/Youth/cinema.gif) no-repeat; color:#2F2F30;}
.eventscalendar .sel {color:#AFE4D4 !important;}

.top {display:block; height:9px; width:138px; overflow:hidden;}
.bg {display:block; width:126px; height:31px; background-position:-138px 0px; background-repeat:repeat-y; text-transform:uppercase; font-size:105%; padding:0px 6px 3px 6px;}
.pic {display:block; width:138px; background:no-repeat; height:89px; overflow:hidden;}
.bottom {display:block; height:9px; width:138px; background-position:0px -9px; overflow:hidden;}
.button {background-position:-276px 0px; overflow:hidden;}

/* Non-Bulleted Lists */
.nobullets {list-style:none; margin:0px; padding:0px; float:left;}
.nobullets li {margin:0px; padding:0px; float:left; background:none; clear:none;}
.nobullets * ul {list-style:none; margin:0px; padding:0px; float:left;}

/* Invisible Text */
.invisi {display:none;}

/* Selectable Styles */
H1, .Heading1 {font-size:165%; color:#FFFFFF; margin:0px; font-weight:normal;}
H2, .Heading2 {font-size:130%; color:#FFFFFF; margin:0px; font-weight:bold;}
H3, .Heading3 {font-size:130%; color:#FFFFFF; margin:0px; font-weight:bold;}
P, .Normal {margin:0px;}

/* Template Specific Styles */
body.page {}
body.page #main {}
body.page #main #pageControls {height:22px; margin:-25px -13px 23px -13px; background:url(../../../../../images/templates/Youth/pageControlsBG.gif) repeat-y left top;}
body.page #main #pageControls #textSizes {width:93px; height:13px; float:left; padding:4px 10px 5px 79px;}
body.page #main #pageControls #textSizes .label {display:block; float:left; padding-top:2px; color:#FFFFFF;}
body.page #main #pageControls #textSizes a {display:block; float:left; overflow:hidden; width:13px; height:13px; background:url(../../../../../images/templates/Youth/textSizes.gif) no-repeat;}
body.page #main #pageControls #textSizes a.small {background-position:0px 0px;}
body.page #main #pageControls #textSizes a.medium {background-position:-12px 0px; width:12px; margin-right:1px;}
body.page #main #pageControls #textSizes a.large {background-position:-24px 0px;}
body.page #main #pageControls #bread {float:left; padding:4px 12px 4px 12px;}
body.page #main #left {width:138px; float:left;}
body.page #main #left .panel {text-decoration:none; cursor:pointer;}
body.page #main #centre {width:409px; margin:0px 30px 0px 30px;}

/* FF3 Fixes */
#main #centre #panels {width:604px;}
body.page #main #pageControls #textSizes {width:96px;}

/*Events Calendar */
.eventsborder {background-color:#666666; color:#ffffff; line-height:15px;}
.eventsboxbg {background-color:#000000; font-size:100%; color:#ffffff;}
.eventsbullet {background-image:url(../../images/document.png);}
/* eWorld UI Calendar Control */
.calCtrl {font-size:70%; font-weight:normal;}
.calCtrlDayHeader {background-color: #005B9A;}
.calCtrlMonthHeader {background-color: #666666; color:white;}
.calCtrlWeekDay {background-color: #FFFFFF;}
.calCtrlOffMonth {background-color: #778898; }
.calCtrlGoToToday {background-color: #FFFFFF;}
.calCtrlTodayDay {background-color: #0f9fef;}
.calCtrlWeekend {background-color: #D3D3D3; }
.calCtrlSelectedDate {background-color: #228B22;}
.calCtrlClearDate {background-color: #FFFFFF;}
.calCtrlHoliday {background-color: #FFFFFF;}