/*Chester css
narrower 920width set after generic css see lower down
nav bg image is under tpics2*/
body{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
background-image:url(../tpics/stars.png);
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#4375b2;
text-align:center;
}
.subevent{
padding:15px;
border:#CCCCCC solid 1px;
margin-bottom:20px;
line-height:1.5em;
}
.subevent_title{
font-size:1.2em;
font-weight:bold;
}
.subevent h2{
font-size:1.2em;
}
.event_title{/*lime green title*/
font-size:1.2em;
margin:-10px -10px 0 -10px; /*allows h2 within parent div - can look good going over edges!*/
color:#000000;
background-color:#B5E601;
padding:10px;
background-image:url(/whats-on/images/bg2.png);
background-repeat:no-repeat;
background-position:top right;
}
.eventdates{
color:#FF0000;
font-weight:bold;
}









.event{
margin:0 0 15px 0;
padding:10px 0 20px 0;
border-bottom:1px solid #CCCCCC;
}
.event_title_red{
color:white;
font-size:1.2em;
background-color:#CC0000;
padding:10px;
margin:-15px -15px 0 -15px; /*allows h2 within parent div*/
background-image:url(../whats-on/images/bg2.png);
background-repeat:no-repeat;
background-position:top right;
}

/*whatson boxdecember*/
.box_event{
border:solid 1px #D4D8BD;
border-top:none;
padding:10px;
margin-bottom:15px;
line-height:1.6em;
}
.box_event a{
color:#CC0000;
}
#topad{
padding:25px 0 25px 0;
}
#botad img{
max-width:100%;
height:auto;
}
#topad{
width:900px;
background-color:#FFFFFF;
margin:0 auto;
text-align:center;
padding:10px 10px 10px 10px;
}
#et{/*h1*/
font-size:1.2em;
text-align:left;
color:white;
background-color:#CC0000;
padding:10px;
margin:0px;
background-image:url(/whats-on/images/bg2.png);
background-repeat:no-repeat;
background-position:top right;
}
.be{
font-family:Arial,Helvetica,sans-serif;
text-align:left;
border:solid 1px #D4D8BD;
border-top:none;
padding:15px;
margin-bottom:15px;
line-height:1.6em;
}
.be img{
max-width:500px;
}
.be h3{/*faster date format*/
font-size:17px;
font-weight:bold;
color:#FF0000;
}

/*whats on top month nav*/
#rmonthnav{
box-sizing:border-box;
width:920px;
margin:0 auto 0 auto;
background-color:#FFFFFF;
padding:10px;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
/*font-size:0; remove white space hack dont use. remove space in html*/
}
#rmonthnav ul{
margin:0;
padding:0;
text-align:center;
}
#rmonthnav ul li{
display:inline;/*leave*/
margin:0 2px 0 0;
padding:0;
}
#rmonthnav ul a{
padding:6px 10px;
color:#FFFFFF;
text-decoration:none;
background-image:url(../tpics2/menubg.gif);
background-position:center center;
background-color:#000000;
}
#rmonthnav ul a:hover{
background-color:#B5E601;
color:#000000;
background-image:none;
}

/*homepage*/
.leftmenu{
border-left:1px solid #000000;
padding-bottom:0;
margin-bottom:16px;
}
.leftmenu ul{
margin:0;
padding:0;
list-style:none;
}
.leftmenu ul a{
display:block;
color:#000000;
padding:0.3em;
font-size:0.9em;
text-decoration:none;
border-bottom:1px #FFFFFF solid;
}
#tb1 ul a{background-color:#c9ba65;}
#tb2 ul a{background-color:#e2dfa8;}
#tb3 ul a{background-color:#d4d8bd;}
.leftmenu a:hover{
background-color:#CC0000;
color:#FFFFFF;
}

.newtb{
background-color:#FFFFFF;
color:#999999;
}
.newtb th{
border-left:1px #000000 solid;
padding-left:8px;
text-align:left;
letter-spacing:0.2em;
}
.newtb td{
border-left:1px #000000 solid;
padding-left:7px;
}
.newtb a{
color:#000000;
text-decoration:none;
}
.newtb a:hover{
text-decoration:underline;
}
.newtitle_black24{
font-size:1.8em;
}
.box_standard{
font-family:Arial,Helvetica,sans-serif;
border:1px solid #D4D8BD;
padding:15px;
margin-bottom:10px;
line-height:1.5em;
text-align:left;
}
.box_standard h2{
color:#000000;
}


/*restaurants and hotels*/
#greenmenu{
padding-bottom:0;
margin-bottom:16px;
}
#greenmenu ul{
margin:0;
padding:0;
list-style:none;
}
#greenmenu ul a{
background-color:#d4d8bd;
display:block;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:0.3em;
text-decoration:none;
border-bottom:1px #FFFFFF solid;
}
#greenmenu a:hover{
background-color:#CC0000; 
color:#FFFFFF;
}
#greenmenu_title{
background-color:#CC0000;
border-bottom:1px solid #FFFFFF;
padding:8px 0px 8px 8px;
margin-top:15px;
}
#greenmenu_title a{
font-family:Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
font-weight:bold;
}
#news{
vertical-align:middle;
}

.attraction{
font-family:Arial,Helvetica,sans-serif;
border:#D4D8BD solid 1px;
padding:10px;
margin-bottom:19px;
color:#000000;
line-height:1.5em;
}
.attraction h2{
margin:-10px -10px 0 -10px; /*overide parent*/
color:#FFFFFF;
background-color:#CC0000;
padding:10px;
background-image: url(../whats-on/images/bg2.png);
background-repeat: no-repeat;
background-position:top right; /*100% 0px;*/
}
.attraction a{
color:#DE002B;
}






/*-----Generic------*/
#mysearchbutton{/*top search btn leave*/
/*background:transparent url("../tpics/searchbtn.png") no-repeat center top;
height:30px;width:30px;*/

background:transparent url("../tpics/btn-search.gif") no-repeat center top;
height:20px;width:52px;
cursor:pointer;/*hand*/
cursor:hand;/*IE*/
text-indent:-9999px;/*hides search text*/
border:none;
}
#mysearchbox{
width:190px;
}
#page{
width:920px;/*-padding*/
margin:0 auto 20px auto;
background-color:#FFFFFF;
color:#000000;
padding:0 10px 15px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
h1, .red22{
color:#FF0000;
}
h1{
text-align:center;
}
#topdate{
color:#000000;
}
.red24{
color:#D60000;
}
.offers{
margin:0 auto;
text-align:left;
border:solid 1px #D4D8BD;
padding:10px;
margin-bottom:15px;
}
#banner{
padding-bottom:10px;
}
#top950{
background-color:#FFFFFF;
width:930px;
height:50px;
margin:0 auto;
padding:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
#search{
width:300px;
float:left;
}
#logo{
width:300px;
float:left;
vertical-align:top;
text-align:center;
}
#translate{
vertical-align:top;
text-align:right;
float:left;
width:300px;
}
#topbanner{
background-color:#FFFFFF;
margin:0 auto;
text-align:center;
padding:10px 0 10px 0;
}
/*top black nav*/
#rnav{
width:930px;
margin:0 auto 0 auto;
background-color:#FFFFFF;
padding:10px;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
/*font-size:0;white space hack dont use. remove space in html*/
}
#rnav ul{
margin:0;
padding:0;
text-align:center;
}
#rnav ul li{
display:inline;/*leave*/
margin:0 2px 0 0;
padding:0;
}
#rnav ul a{
padding:6px 12px;/*toprightbotleft*/
color:#FFFFFF;
text-decoration:none;
background-position:center center;
background-color:#000000;
background-image:url(../tpics2/menubg.gif);/*chester only*/
}
#rnav ul a:hover{
background-color:#B5E601;
color:#000000;
background-image:none;
}
/*top sub menu*/
#rsubmenu{
width:930px;
margin:0 auto 0 auto;
background-color:#FFFFFF;
padding:10px;
}
#rsubmenu ul{
margin:0;
padding:0;
text-align:center;
}
#rsubmenu ul li{
display:inline;
margin:0 2px 0 0;
padding:0;
}
#rsubmenu ul a{
padding:5px;
color:#000000;
text-decoration:none;
}
#rsubmenu ul a:hover{
text-decoration:underline;
}
#cities{
position:relative;/*keep*/
width:950px;
margin:0 auto;
padding:10px 0;
text-align:center;
background-color:#FFFFFF;
}
#cities img{
border:0;
}
#city1,#city2,#city3{
width:33%;
float:left;
text-align:center;
}
#botlogo{
margin:25px;
text-align:center;
}

#leftcol{
width:180px;
float:left;
padding:10px 10px 10px 0;
text-align:left;
background-color:#FFFFFF;
}
#centrecol{
text-align:left;
background-color:#FFFFFF;
float:left;
width:530px;
padding:10px;
}
#centrecolfull{/*wide template*/
background-color:#FFFFFF;
width:100%;
padding:10px 0 0 0;/*fixes stupid 21px margin on h1??*/
margin:0;
box-sizing:border-box;
}
#rightcol{
float:left;
width:180px;
padding:10px 0 10px 10px;
background-color:#FFFFFF;
}
.box1{
text-align:left;
border:solid 1px #D4D8BD;
padding:15px;
margin-bottom:10px;
line-height:1.5em;
}
.box1 strong, .box1 b{
font-size:17px;
}
.event_dates{
color:#FF0000;
font-weight:bold;
}

/*top events list*/
#mostviewed{
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
list-style:none;
color:#000000;
text-align:left;
}
#mostviewed li{
padding:4px 0px 5px 0px;
border-bottom:#CCCCCC 1px solid;
}
#mostviewed a{
color:#FF0000;
text-decoration:none;
}
#mostviewed a:hover{
text-decoration:underline;
}
#ref{
background-color:#000000;
position:fixed;
top:0;left:0;
text-align:left;
color:#FFFFFF;
padding:0.4em;
font-size:0.9em;
}
#ref a{
color:#FFFFFF;
}
.ie{
color:#FF0066;
font-size:0.9em;
text-align:right;
}
.ie a{
color:#666666;
}
#rfoot{
width:930px;
margin:0 auto 20px auto;
color:#FFFFFF;
padding:10px;
line-height:1.8em;
text-align:center;
}
#rfoot a{
padding:6px;
color:#FFFFFF;
text-decoration:none;
}
#rfoot a:hover{
text-decoration:underline;
}
#orangemenu{
background-color:#FF3300;
width:170px;
padding-bottom:0;
margin-bottom:16px;
}
#menu3{
margin:0;
padding:0;
list-style:none;
}
#menu3 a{
display:block;
color:#FFFFFF;
padding:2px 6px 2px 6px;
text-decoration:none;
}
#menu3 a:hover{
background-color:#B5E601;
color:#000000;
}
.leftmenutitles{
width:170px;
background-image:url(../tpics/top_black2.png);
background-repeat:no-repeat;
background-color:#000000;
}
.leftmenutitles a{
color:#FFFFFF;
display: block;
text-decoration:none;
padding:7px 1px 7px 10px;
}
/*AttractionsMenu*/
#mydiv{
background-image:url(../tpics/AboutBkg.gif);
width:170px;
padding-bottom:0;
margin-bottom:16px;
}
#tourist{
margin:0;
padding:0;
list-style:none;
}
#tourist a{
display: block;
color:#FFFFFF;
padding:2px 6px 2px 6px;
text-decoration:none;
}
#tourist a:hover{
background-color:#B5E601;
color:#000000;
}
.ebox{
font-family:Arial,Helvetica,sans-serif;
border:solid 1px #D4D8BD;
text-align:left;
padding:0.5em;
margin:15px 0;
border-radius:4px;
line-height:1.4em;
}
.ebox img{
max-width:500px;
}
.ebox b, .ebox strong{
font-size:18px;
}
.ebox h2, .ebox h3{
color:#000000;
margin-bottom:4px;
}
.addthis_sharing_toolbox{
margin:20px 0 20px 0;
}
#botmonths{
text-align:center;
font-family:Georgia,"Times New Roman",Times,serif;
text-decoration:none;
font-style:italic;
font-size:1.3em;
}
#botmonths a{
color:#000000;
text-decoration:none;
padding:4px;
}
#botmonths a:hover{
color:#FF0000;
text-decoration:underline;
}
#mobmenubar{
display:none;
}
#mobmenu{
display:none;
}
#cop{
color:#FFFFFF;
text-align:center;
}
#cop a{
color:#FFFFFF;
}




/*chester is 920 width set here after generic css*/
#page, #top950, #rnav, #rsubmenu, #rfoot, #topbanner, #cities{
width:920px;
box-sizing:border-box;/*stop stupid widths*/
}
#top950{
height:60px;
}
#leftcol, #rightcol{
width:160px;
}


@media screen and (max-device-width:480px){
#centrecol img, #centrecolfull img{
max-width:100%;
height:auto;
}
body{
background-image:none;
}
#top950{
width:100%;
height:auto;
padding:0;
margin:0;
}
#search{
display:none;
}
#logo{
width:100%;
float:none;
padding:0.5em;
box-sizing:border-box;
}
#logo img{
max-width:100%;
height:auto;
}
#translate{
display:none;
}
#topbanner{
width:100%;
padding:0;
margin:0;
}
#topbanner img{/*some banners have been resized*/
max-width:100%;
height:auto;
}
#page{
width:100%;
padding:0;
margin:0 0 10px 0;
}
#leftcol{
display:none;
}
#centrecol,#centrecolfull{
width:100%;
float:none;
box-sizing:border-box;
padding:5px;
margin:0;
}
#rightcol{
display:none;
}
#rfoot{
width:100%;
margin:0 auto;
padding:0.5em;
box-sizing:border-box;
}
#cities{
display:none;
}
#botlogo img{
max-width:100%;
height:auto;
}
.ebox{
font-size:1.1em;
width:100%;
padding:0.4em;
line-height:1.5em;
box-sizing:border-box;
}
/*ytube*/
iframe{
width:100%;
height:auto;
}
#botad{
width:100%;
margin:0;
padding:0;
}
#rnav, #rsubmenu{
display:none;
}
#rmonthnav{
display:none;
}
#mobmenubar{
text-transform:uppercase;
display:block;
box-sizing:border-box;/*nice*/
width:100%;
margin:0;
padding:0.5em;
background-color:#FF0000;
color:#FFFFFF;
font-size:1.5em;
}
#mobmenu{
margin:0;
display:none;
width:100%;
text-transform:capitalize;
}
#mobmenu ul{
padding:0;
list-style-type:none;
}
#mobmenu ul li{
display:block;
box-sizing:border-box;
border-bottom:1px solid #FFFFFF;
background-color:#000000;
}
#mobmenu ul li a{
display:block;
width:100%;
padding:0.6em;
color:#FFFFFF;
font-size:1.2em;
text-decoration:none;
}
/*chester only*/
.box_standard{
padding:0.5em;
}
#botmonths a{
display:block;
font-size:1.3em;
padding:0.5em;
}

}