@charset "utf-8";
/* CSS Document */  /*Puerto Rico*/

body{
margin:0px;
padding:0px;
font: 12px arial, sans-serif;
color:#333333;
background: #f5f7ee;
}

body, html{ height:100%;}

a img{ border:0px;}
a{ color:#870000; text-decoration:none;}
a:hover{ color:#870000; text-decoration:underline;}

.image-left{ float:left; margin:4px 10px 0 0;}
.image-right{ float:right; margin:4px 0 0 10px;}

h1.index{
float:left;
width:473px;
font-size:11px;
font-weight:normal;
}

h1{margin-bottom:10px; font-size:17px; color:#920000; clear:both;}
h2{ font-size:14px; margin-bottom:10px;}
h1 span{ color:#6385A1}
h3{color:#000; margin-bottom:3px; font-size:12px; }
h3.red{color:#cc0000; font-size:13px;}
h3.line{ font-size:11px; border-bottom:1px solid #E4EEF0; padding:0 0 2px 0; margin-bottom:10px;}
h4{color:#2F88AD;}

strong{ font-weight:normal;}
p{ line-height:135%; margin-bottom:10px;}
.filler {width:100%;height:0;overflow:hidden;clear:both;}
.aright{ text-align:right;}
.margin-10{ margin-bottom:10px;}
.left{ float:left;}

#sitenav{ width:1000px; margin:0 auto; height:17px; padding-top:3px;}
#sitenav a.black{color:black;}
#sitenav div{ float:right;margin-right:5px;}
#sitenav div .flag{ padding-top:2px; }

#wrapper-160-index{ width:1000px;margin:0 auto;} #banner-160{ padding-top:20px; float:left;}
#wrapper-160{ width:1170px;margin:0 auto;} #banner-160{ padding-top:20px; float:left;}
#wrapper{ width:1000px;  float:left; margin-right:10px;}
#wrapper-no {width:1000px;margin:0 auto;}

/* #main
____________________________________________________________*/
#main{  margin:0 auto; width:970px; border:5px solid #EBEBEB; background-color:white; padding:10px;}

/* #header
____________________________________________________________*/
#header{ height:117px; *height:117px; background:transparent url(/images/polaroid.jpg) repeat-x scroll 0 0;}
#header.nopolaroid{background:transparent url(/images/header_repeat_new.gif) repeat-x scroll 0 0;}
#header-top{ height:97px;background:transparent url(/images/logo.gif) no-repeat scroll 0 0;}
#header-top .tollfree{ float:right;}
#header-top .addthis_button{ float:right; margin-top:5px;}
#header-top #search {
float:right;
padding:12px;
/*background:#e1e8f5;*/
margin-top:25px;
padding-top:14px;
margin-right:10px;
width:390px;
}
#extralinks {float: left; width: 200px; margin-top: 16px;}
#extralinks a{margin:0 10px 0 0;}

#topnav {
background:transparent url(/images/topnav_repeat_new.gif) repeat-x scroll 0 0;
font-size:12px;
height:32px;
position:absolute;
top:120px;
width:970px;
}
#topnav ul{z-index:9999;}
#topnav ul li {
background:transparent url(/images/topnav-split.gif) no-repeat scroll 100% 1px;
float:left;
height:16px;
padding:8px 10px;
}
#topnav ul li a{ text-decoration:none; color:#fff;}
#topnav ul li a:hover{ text-decoration:none; color:#CC0000;}

#railway{background:url(/images/railway.gif) 0 0 no-repeat; height:20px; font-size:10px; font:10px tahoma; margin-bottom:10px;}

#railway ul li{ float:left;background:url(/images/arrow-grey.gif) 0 8px no-repeat; height:16px; padding:4px 10px 0 10px;}
#railway ul li a{ text-decoration:none;}
#railway ul li a:hover{ text-decoration:underline;}
#railway ul .railwayclass{ background:none; font-weight:bold;}

#main-imgs{ margin-bottom:6px;}

/*.left-column
____________________________________________________________*/
.left-column{ float:left; width:160px; margin-right:10px;}

.leftnav, #leftnavmenu{ margin-bottom:10px;}
.leftnav li, #leftnavmenu li {background:url(/images/leftnav.gif) 0 0 no-repeat; margin-bottom:1px;/*height:25px;*/}
.leftnav li a, #leftnavmenu li a{ text-decoration:none; color:black;padding:6px 0 0 8px; display:block; height:19px;}
.leftnav li a:hover, #leftnavmenu li a:hover{ text-decoration:underline;}
#leftnavmenu .heading{background:url(/images/leftnav-on.gif) 0 0 no-repeat;}
#leftnavmenu li.nolink a{ text-decoration:none;}
#leftnavmenu .heading a{ color:white;}
.leftnav .heading a, #leftnavmenu .heading li a{ color:#000;}
.leftnav .on, #leftnavmenu .on{background:url(/images/leftnav-on.gif) 0 0 no-repeat; color:#fff;}
.leftnav .on a, #leftnavmenu .on a{ color:#fff;}
/*.leftnav li ul li, #leftnavmenu li ul li{background:url(/images/leftnav-sub.gif) 0 0 no-repeat; margin-bottom:1px;height:25px;}*/
#main .leftnav ul li, #main #leftnavmenu ul li{
/*background:url(/images/leftnav-sub.gif) 0 0 no-repeat; */
background:none;
background-color:#e4eef0;
margin-bottom:1px;
height:auto;
}
#main .leftnav a, #main #leftnavmenu a{
height:auto;
padding-top:5px;
padding-bottom:5px;
}


/* Extra code for left nav*/
#leftnavmenu {float:left;}
#leftnavmenu li {float:left;width:160px;height:auto;}
#leftnavmenu ul {}
#leftnavmenu li.on ul a {color:#000;}
#leftnavmenu li.on li {height:25px;}


/*#leftmap{ float:left;background:url(/images/map-mini-bround.gif) 0 0 no-repeat; padding:10px; margin-bottom:10px;}*/
#leftmap{ float:left;background-color:#E4EEF0;padding:10px; margin-bottom:10px;}


/*.content
____________________________________________________________*/
.content{ width:490px; float:left;z-index:2;}
.content p{ font-size:12px;}

#content-map{ height:205px; margin-bottom:15px;}
#content-map #content-map-top{ z-index:2;height:22px;background:url(/images/contentmap-top.gif) 0 0 no-repeat; float:left; width:480px; padding:3px 0 0 10px;}
#content-map-top span{ float:left; padding:5px 3px 0 3px;z-index:1;}
#activity-list{ float:left; height:20px;z-index:1;}
#location-list{ float:left;height:20px;z-index:1;}
#btn_display-now{ float:left}

#map-gg-city {float:left;width:490px;height:185px;margin-bottom:15px;z-index:1;}
#map-gg-city div {z-index:1;}

#contant-gas{ float:right;}

.content ul{ margin:0 0 10px 10px;}
.content ul li{ margin:0 0 5px 0; padding:0 0 0 10px;background:url(/images/arrow-blue.gif) 0 4px no-repeat;}

/*right-column
____________________________________________________________*/
.right-column{ float:right; width:300px;}

.extend{ width:400px;}

#right-hotel-search{ margin-bottom:10px;}

/*.directory
____________________________________________________________*/
.directory{ width:590px;}

#directory-top{background:url(/images/directory-top.gif) 0 0 no-repeat; height:20px; padding:5px 0 0 10px; margin-bottom:20px;}
#directory-top h1 span{ color:#CC0000; font-weight:normal;}
.directory .left{ margin:2px 10px 20px 0;}


.directory-right{ width:200px; float:right;}
.rightnav{}
.rightnav li{background:url(/images/rightnav.gif) 0 0 no-repeat; margin-bottom:1px; height:20px; padding:5px 0 0 5px; float:left; width:200px;}
.rightnav li a{ text-decoration:none; color:#000; float:left;}
.rightnav li a:hover{ text-decoration:underline;}
.rightnav li img{ margin:0 7px 0 0; padding:0 0 0 0; float:left;}

/*#footer
____________________________________________________________*/
#footer{ width:970px; margin:0 auto; text-align:left; padding:10px 15px 0 15px;
color:#000000;font-weight:normal;height:300px; font-size:11px;}
#footer a{color:#000000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}


/*#video_viewer
____________________________________________________________*/
#video_viewer{ text-align:center; margin-bottom:10px;}


/*#comments
____________________________________________________________*/
#comments{}

.user_comment{ border-top:1px solid #e4eef0; padding:20px 0 20px 0;}
.user_comment img{ float:left; margin-right:10px;}
#comments_add{ width:480px; height:100px;}

.video_list{ margin-bottom:10px; padding:10px 0 10px 0; border-bottom:1px solid #eaeaea}
.video_list p{ float:left; width:300px; margin-left:10px;}
.video_feed{ float:left;}


/*#index-articles
____________________________________________________________*/

#index-articles{height:380px;}
#index-articles div{ height:67px;}
#index-articles p{ line-height:100%;}
#index-articles .index-blogimg{ width:55px;height:55px;background:url(/images/temp-blog.gif) 0 0 no-repeat; display:block; float:left; margin:2px 5px 0 0;}


.block{ background-color:#E4EEF0; padding:10px 10px 10px 10px; float:left;}

/*map page styling
____________________________________________________________*/

#map-nav{ width:300px; padding:5px; float:right; background-color:white; margin-bottom:6px;}
#map-nav ul{ float:left; margin-right:20px; margin-bottom:20px;}
#map-nav ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/arrow-mini.gif) no-repeat scroll 10px 10px;
padding:5px 0 5px 20px;
width:100px;
font-size:12px;
}

.map-content{ padding:10px; background:white; margin-bottom:6px; font-size:12px}
.map-content img{ float:left; margin:0 10px 0 0}

.map-listings p{ margin-bottom:20px; height:80px;}
.map-listings b{ display:block;}

.map-boxes{ padding:5px; background:white; clear:both;}

.mappage{ background:white; padding:5px; margin-bottom:6px}
.mappage #search-all{ background:none;}

/*#newsletter
____________________________________________________________*/
#newsletter{ background:white; margin-bottom:6px; padding:10px;}
#newsletter h3{ font-size:14px; margin-bottom:6px;}

#newsletter #name,#newsletter #emailadd{ border:1px solid #bebebe; background:url(/images/newsletter.gif) 0 0 no-repeat;height:18px; padding:4px 0 0px 2px; font-size:12px; width:120px; margin-bottom:5px;}
#newsletter #name{ margin-right:10px;}
#newsletter #emailadd{ width:148px;}
#newsletter p{ margin-bottom:0; text-align:right;}
#newsletter #joinbtn{ width:80px; cursor:pointer; font-size:12px;}

#newsletter.nl-site{ border:1px solid #dadada; clear:both; border-bottom:2px solid #bebebe; border-right:2px solid #bebebe;}
#newsletter.nl-site #emailadd{ width:136px;}


.quoted { font-style:italic; color:#787878; background:url(/images/quote.gif) 70px 0 no-repeat; padding:5px 0 0 80px; margin-bottom:10px;}