/*Liv*/
.feature{
padding:15px;
border:#CCCCCC solid 1px;
margin-bottom:15px;
font-size:15px;
line-height:1.6em;
}
.feature strong{
font-size:20px;
}
.subevent h2{
font-size:20px;
}
#mysearchbutton{/*top google search btn leave*/
height:20px;
width:52px;
cursor:pointer;/*hand*/
cursor:hand;/*IE*/
text-indent:-9999px;
border:none;
background:transparent url("../tpics/search.gif") no-repeat center top;
}
body{ 
font-family:"Trebuchet MS",Georgia,Arial,sans-serif;
font-size:15px;
color:black;
margin-top:25px;
background-image:url(../tpics/stars.png);
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#4375b2;
}
#banner{
background-color:#FFFFFF;
width:950px;
text-align:center;
padding-bottom:10px;
}
#top950{
border-bottom-style:solid;
border-width:0;
-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;
}
#botad{
width:930px;
background-color:#FFFFFF;
margin:0 auto 20px auto;
text-align:center;
padding:10px 10px 40px 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;
}
.title_black{
color:black;
font-size:22px;
letter-spacing:0.1em;
}
.title_red{
color:#990000;
font-size:24px;
}
.newtitle_red24{
color:#CC0000;
font-size:24px;
}
.red24{
color:#E60000;
font-size:24px;
}
.red26{
color:#CC0000;
font-size:26px;
}
.box_standard{
border:solid 1px #D4D8BD;
padding:15px;
margin-bottom:18px;
margin-top:18px;
color:black;
font-size:15px;
line-height:1.7em;
}
.box_standard a{
color:#DE002B;
}
#border{
background-image:url("/tpics/top.jpg");
background-repeat:no-repeat;
background-position:top;
font-size:11px;
border-bottom-style:solid;
border-width:0px;
}
.v12{
font-size: 12px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.v12_white{
font-size: 12px;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.v12_white a:link{
font-size: 12px;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.v12_white a:visited{
font-size: 12px;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.event_title{
color:black;
font-size:19px;
background-color:#B5E601;
padding:10px;
margin:0;
border-bottom-width:0px;
font-style:normal;
background-image: url(/tpics/bg2.png);
background-repeat: no-repeat;
background-position:top right;
}
.event_title_red{
color:white;
font-size:18px;
background-color:#CC0000;
padding:10px;
margin:0px;
font-style:normal;
background-image: url(/tpics/bg2.png);
background-repeat: no-repeat;
background-position:top right;
}
.box_event{
border:solid 1px #D4D8BD;
padding:0px;
margin-bottom:18px;
color:black;
font-size:15px;
line-height:1.6em;
}
.box_event a{
color:#DE002B;
}
.box_event p{
padding-left:15px;
padding-right:15px;
}
.box_event h3{
padding-left:15px;
padding-right:15px;
}
.box_event b, .box_event strong{
font-size:17px;
}
.event_dates{
font-weight:bold;
font-size:17px;
color:#FF0000;
}
.advert_box{
font-size:15px;
color:#CC0000;
}
.advert_box a{
text-decoration:none;
}
.leftimg{
margin-right:10px;
float:left;
}
.treb_14, .treb_14 a{
color:black;
font-size:14px;
text-decoration:none;
}
.treb_14 a:hover{
text-decoration:underline;
}
.treb_15{
color:black;
font-size:15px;
}
.treb_16{
color:black;
font-size:16px;
}
.treb_20{
color:#CC0000;
font-size:20px;
}
/*right side hotel search frm used on files outside wp*/
#htlsearch{
height:280px;
background-image:url(/tpics/hotel-search.jpg);
background-repeat:no-repeat;
font-size:12px;
padding:8px 6px 0 6px;
color:#FFFFFF;
}
#htlsearch #book{/*large title*/
font-size:17px;
font-weight:bold;
padding-bottom:10px;
color:#FFFFFF;
}
#htlsearch #city{/*keyword input*/
font-size:11px;
margin:2px 0 10px 0;
padding:1px;
width:140px;/*else goes over edge page border */
}
#htlsearch select{/*all selects*/
font-size:12px;
padding:1px;
width:100%;
}
#htlsearch #arrivaldates{/*dates select*/
margin:2px 0 5px 0;
}
#htlsearch #nonights{/*nights select*/
margin:4px 0 5px 0;
}
#htlsearch #people{/*sleeps select*/
margin:4px 0 10px 0;
}
#htlsearch submit{
font-weight:bold;
}
/*used twice home*/
.top10{
/*used my func top postssdisplay: block;  full width*/
margin:0;
padding:0;
list-style:none;
font-size:13px;
color:#000000;
}
#top10 li{
padding:4px 0px 5px 0px;
border-bottom:#CCCCCC 1px solid;
}
#top10 a{
color:#CC0000;
text-decoration:none;
}
#top10 a:hover{
text-decoration:underline;
}
.subevent{
font-size:15px;
padding:15px;
border:#CCCCCC solid 1px;
margin-bottom:15px;
}
.subeventtitle{
font-size:20px;
font-weight:bold;
}
.subevent img{
max-width:500px;
}
.subevent b,.subevent strong{
font-size:22px;
}
.addthis_sharing_toolbox{
margin:20px 0 10px 0;
}

/*top black nav*/
#nav{
width:930px;
margin:0 auto 0 auto;
background-color:#FFFFFF;
text-align:center;
font-size:16px;
padding:10px;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
}
#nav ul{
margin:0;
padding:0;
list-style:none;
}
#nav ul li{
display:inline;
margin:0 2px 0 0;
padding:0;
}
#nav ul a{
padding:6px 12px 6px 12px;
color:#FFFFFF;
text-decoration:none;
background-image:url(../tpics/menubg.gif);
background-position:center center;
background-color:#000000;
}
#nav ul a:hover{
background-color:#B5E601;
color:#000000;
background-image:none;
}


/* Sub Menu at top */
#mininav a{
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#000000;
text-decoration:none;
}
#mininav a:hover{
text-decoration:underline;
border-width:0;
}


/*Top Orange Menu*/
#orangemenu{
background-color:#FF3300;
width:170px;
padding-bottom:0;
margin-bottom:16px;
}
#menu3{
margin:0;
padding:0;
list-style:none;
}
#menu3 a{
display:block;/*makes links full width not just link width */
font-size:15px;
color:#FFFFFF;
padding:4px 6px 4px 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{
font-size:14px;
color:#FFFFFF;
display: block;
text-decoration:none;
padding:7px 1px 7px 10px;
}

/*Middle Attractions Menu*/
#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; /* makes links full width not just link width */
font-size:15px;
color:#FFFFFF;
padding:4px 6px 4px 6px;
text-decoration:none;
}
#tourist a:hover{
background-color:#B5E601;
color:#000000;
}

/*new hotels list */
#hotelslist{
width:170px;
padding-bottom:0;
margin-bottom:16px;
background-color:#262424;
}
#hotels_ul{
margin:0;
padding:0;
list-style:none;
}
#hotels_ul a{
display: block;
font-size:14px;
color:#CCCCCC;
padding:4px 0px 4px 6px;
text-decoration:none;
}
#hotels_ul a:hover{
background-color:#B5E601;
color:#000000;
}

/*Bottom Theatre Menu*/
#theatremenu{
background-image:url(../tpics/bg_orange.png);
width:170px;
padding-bottom:0;
margin-bottom:16px;
}
#theatre{
margin:0;
padding:0;
list-style:none;
}
#theatre a{
display: block; /* makes links full width not just link width */
font-size:15px;
color:#FFFFFF;
padding:4px 6px 4px 6px;
text-decoration:none;
}
#theatre a:hover{
background-color:#B5E601;
color:#000000;
}

#footertable a{
color:#FFFFFF;
font-size:13px;
text-decoration:none;

}
#footertable a:hover{
color:#FF3399;
}

#new3 a{
font-size:14px;
color:#FFFFB0;
text-decoration:none;
}

/* new hotels list */
#hotelslist{
width:170px;
padding-bottom:0;
margin-bottom:16px;
background-color:#262424;
}
#hotels_ul{
margin:0;
padding:0;
list-style:none;
}
#hotels_ul a{
display:block;
font-size:14px;
color:#CCCCCC;
padding:4px 0px 4px 6px;
text-decoration:none;
}
#hotels_ul a:hover{
background-color:#B5E601;
color:#000000;
}


/*media queries order is important that why down here
I moved 2008.css below other linked css now works*/
@media screen and (max-device-width:480px){
/*@media screen and (device-aspect-ratio: 40/71){*/
/*@media screen and handheld{*/
/*@media screen and (device-aspect-ratio: 40/71){*/
#nav{
/*display:none; the simple option*/
width:100%;
font-size:1.5em;
}
#translate{
display:none;
}


}