@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
/* END RESET CSS */

@font-face {
	font-family: 'Eurostile';
	src: url('../fonts/eurostile.eot');
	src: local('?'), url('../fonts/eurostile.woff') format('woff'), url('../fonts/eurostile.ttf') format('truetype'), url('../fonts/eurostile.svg#webfontI9rqhaSM') format('svg'); font-weight: normal; font-style: normal;}
html {background-color:#ddddc9; -webkit-font-smoothing: antialiased;}
body {margin:0; padding:0; font-family:"Helvetica Neue", helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-transform:normal; letter-spacing:normal; line-height:1.2em; background:url(../images/topGradient.png) 0 0 repeat-x; color:#cd6b2c; scrollbar-face-color:#ffffff; scrollbar-shadow-color:#EEEEEE; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#CCCCCC; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#b5df9d; scrollbar-arrow-color:#666666;}

.fr_image{margin:6px; padding:4px; border:2px outset #CECECE; display:block; float:right;}

/* UNIVERSAL STYLES */
:link,:visited {text-decoration: none;} 
:focus {outline: none; -moz-outline-style:none;} 
:active {outline:none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1.1em; text-rendering: optimizeLegibility;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border:0; border:none; /*remove border for linked images*/}
address {font-style: normal;}
span.hide {display: none;}
span.arial {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;} 
em.warn {font-style: normal; color: #f00;}
strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {list-style: none;}
ul .plain li{padding:0; background:none;}
.pageBlock ul li{padding:5px 20px; margin:0; font-size:12px; line-height:1.3em; color:#015f90; font-weight:bold; list-style-type:none;  background:transparent url(../images/bullet.png) no-repeat 0 50%;} 
a {color: #015f90; text-decoration: none;}
a:hover, a:active {outline: none;}
a:hover {color: #c84e06; text-decoration: underline;}
a:focus {outline:0;}
a.whitelinks:link, a.whitelinks:visited {color:#fff;}
a.whitelinks:hover, a.whitelinks:active {color:#fc0;}
a.continuelink { padding-right:12px; background:url(../images/arrow_right.gif) right no-repeat; font-weight:600;}
img {border:0; display:block; padding:0; margin:0;}
a img,:link img,:visited img {border:none;}
.imgl, .imgr {border:1px solid #999999; padding:5px;}
.imgl {float:left; margin:0 8px 8px 0; clear:left;}
.imgr {float:right; margin:0 0 8px 8px; clear:right;}
h1{font-family:"Eurostile", Helvetica, sans-serif; font-size:32px; font-style:normal; font-weight:normal; letter-spacing:3px; text-transform:uppercase; color:#bc4e07; margin:0 0 20px 0;} 
h2{font-family:"Eurostile", Helvetica, sans-serif; font-size:22px; font-style:normal; font-weight:normal; letter-spacing:-1px; text-transform:normal;  color:#909b4d; margin:10px 0;} 
h3{font-family:"Eurostile", Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; text-transform:capitalize; line-height: 1.1em; color:#433a33;}
h4{font-family:"Helvetica", Helvetica, Verdana, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-transform:normal; letter-spacing: 1px; line-height: 1.1em;}
h5{font-family:"Helvetica", Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform:normal; letter-spacing: 1px; line-height: 1em;}
h1.menu{font-family:"Eurostile", Helvetica, sans-serif; color:#444445; font-size:14px; line-height:0.02em; text-transform:inherit; text-align:right;}
h1.pageTitle{font-family:"Eurostile", Helvetica, sans-serif; font-size:32px; font-style:normal; font-weight:normal; letter-spacing:3px; text-transform:uppercase; color:#bc4e07; margin:0; padding:20px;}
hr{border:none; height:1px; background-color:#a8a6a0;}
p.location{font-family:"Eurostile", Helvetica, sans-serif; font-size:18px; line-height:0.02em; text-transform:inherit; text-align:center; color:#FFF;}
p {font-family:"Helvetica", Helvetica, Verdana, Arial, sans-serif; font-size:13px; font-style:normal; font-weight:normal; text-transform:normal; color:#CD6B2C; line-height:1.2em; text-indent:10px; margin:5px 0;} 
a.btn-learnmore{display:block; width:93px; height:26px; text-indent:-9999px; background:transparent url(../images/btn-learnmore.png)no-repeat left top;}  


.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none; font-family:"Eurostile", helvetica, sans-serif; color:#444445; font-size:16px; text-transform:inherit; z-index:1000;}
.sf-menu {line-height:1.6em;}
.sf-menu ul {position:absolute; top:-999em; width:9em; text-align:right;}
.sf-menu ul li {width:100%;  list-style:none; text-align:left; }
.sf-menu li {padding:0; float:left; position:relative;}
.sf-menu li li {background:none;}
.sf-menu li li li {background:#a6aa96;}
.sf-menu a {display:block; position:relative; padding:0; text-decoration:none;}
.sf-menu a, .sf-menu a:visited  {color:#fff;}
.sf-menu li:hover {visibility:inherit; -moz-border-radius:8px;}
.sf-menu li li:hover{background:none;} 
.sf-menu li li li:hover{background:none;} 
.sf-menu li:hover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{background:url(../images/MenuOverBG.png);}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:5px; top:12px; z-index:99;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:#444445; outline:0;}
.sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:#f5eacd; outline:0; background:none;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {top:10px; left:11em;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {top:10px; left:11em;}
.sf-menu a.sf-with-ul {min-width:14px; }
.sf-sub-indicator {position:absolute; display:block; right:12px; top:1px; width:14px; height:14px; text-indent:-999em; overflow:hidden; background:url(../images/arrows-ffffff.png) 0 0 no-repeat;}
a > .sf-sub-indicator {top:5px; background-position: 0 -100px;}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -14px -100px; /* arrow hovers for modern browsers*/}
.sf-menu ul .sf-sub-indicator { background-position: -14px 0;}
.sf-menu ul a > .sf-sub-indicator { background-position:-14px 0;}
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -14px 0; /* arrow hovers for modern browsers*/}
.sf-shadow ul {padding: 0 8px 12px 0; background:url(../images/shadow.png) no-repeat bottom right; 
-moz-border-radius-bottomleft: 14px;-moz-border-radius-topright: 14px;-webkit-border-top-right-radius: 14px;-webkit-border-bottom-left-radius: 14px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
/* VERTICLE SETTINGS */
.sf-vertical, .sf-vertical li {margin:0 0 0 23px; width:190px;}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {left:183px; top:0;}
.sf-vertical .sf-sub-indicator {background-position: 2px 0; }
.sf-vertical a > .sf-sub-indicator { background-position:2px 0; }
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, 
.sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {background-position: -14px 0;}

table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px;}
table thead th{color:#FFFFFF; background-color:#000000; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse;}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{color:#CCCCCC; background-color:#333333;}
table tbody tr.dark{color:#CCCCCC; background-color:#1E1E1E;}

/* LAYOUT */
#top {margin:0 auto; padding:8px 0 0; height:83px; width:1035px; background:transparent url(../images/DriftboatTop.png) no-repeat 0 8px;}
#middleHome {margin:0 auto; padding:0; min-height:560px; width:1035px; background:transparent url(../images/DriftboatMiddle.png) repeat-y 0 0;}
#middle {margin:0 auto; padding:0; min-height:570px; width:1035px; background:transparent url(../images/DriftboatMiddle.png) repeat-y 0 0; overflow:auto;}
#contentPage{margin:0 0 0 15px; padding:0; float:left;}
#homeContent{margin:0 0 0 10px; padding:0; float:left; z-index:0;}
#contentTop{margin:15px 0 0 0; padding:0; width:750px; height:40px; background:transparent url(../images/contentTop-BG.png) no-repeat;}
.contentMiddle{margin:0; padding:10px 0 5px 20px; width:730px; min-height:505px; background:transparent url(../images/contentbody-bg.jpg) repeat-y; overflow:hidden;}
.content {margin:0 10px 0 0; width:460px; display:block; float:left;}
#contentBottom{margin:0; padding:0; width:750px; height:17px; background:transparent url(../images/contentBottom-BG.png) no-repeat;}
#bottom {margin:0 auto; padding:0; height:244px; width:1035px; background:transparent url(../images/driftboatbottom.gif) no-repeat 0 0;}

.mid{margin:-25px 0 0; text-indent:0; font-size:12px;}
#sideMenuHome{margin:0; padding:0 10px 0 2px; width:205px; float:left;} 
#sideMenu{margin:0; padding:0 10px 0 2px; width:198px; float:left;}
#sideRight{margin:0; padding:0 10px 0 2px; width:205px; float:left;}

.middle{padding:13px 0; min-width:770px; background-color:#191817;} 
.middle .intro{padding-top:20px; width:330px; margin-right:37px;}
.middle .intro{float:none; padding-top:20px; width:330px; margin-right:37px;}
.middle h1{color:#c16b52; text-shadow:#191817; margin:0 0 10px 0;}
.middle p{font-size:12px; line-height:1.4em; color:#969696; text-shadow:#191817000; margin:18px 0 25px 0;}
.middle a .btn-learnmore{width:93px; height:26px; background:transparent url(../images/btn-learnmore-blk.png)no-repeat left top;}
.middle .mid-image{float:right;}
.middle .mid-imageimg{border:5px solid #262626;}
.RoDriftboatsLogo {color:#FFFFFF;} 
.RoDriftboatsImage {color:#FFFFFF;} 
#TagLine {margin:0 auto; padding:24px 0 0 0; height:20px; width:885px; border:none; text-indent:-5000px;}
#TagLine a {height:20px; width:885px; border:none; display:block; background:url(../images/Ro-DriftBoats-Stongest-Lightest-Warranty.png) no-repeat;}
#Commitment {margin:30px 0 0 45px; padding:0; height:18px; width:943px; float:left; border:none; text-indent:-5000px;}
#Commitment a {height:20px; width:943px; border:none; display:block; background:url(../images/Ro-Driftboats-the-Finest-Driftboats-and-Skiffs.png) no-repeat;}
#Commitment a:hover{background:url(../images/Ro-Driftboats-the-Finest-Driftboats-and-Skiffs.png) no-repeat;}
/* ADVERT CONTAINERS STYLES */ 
#largeImageSlider {position:absolute; background:transparent url(../images/HandmadeDriftboats.jpg)no-repeat left top;}
#bottomAdContainer {margin:38px 0 -10px 50px; padding:0; height:140px; width:950px; display:inline-block;}
#AdContainerVerticle {margin:0 0 0 50px; padding:0; height:130px; width:950px; display:inline; position:relative;}
 
/* HOME STYLES */ 
.welcome {color:#FFFFFF;}
#WelcomeHome {margin:10px 0 0 10px; padding:0; height:55px; width:260px; float:left; border:none; text-indent:-5000px; position:absolute; z-index:2;}
#WelcomeHome a {height:55px; width:260px; border:none; display:block; background:url(../images/WelcometoRO.png) no-repeat;}
#WelcomeHome a:hover{background:url(../images/WelcometoRO.png) no-repeat 0 -56px;}

.RoAd {color:#FFFFFF; font-weight:bold; text-transform:capitalize; width:235px; height:127px;}
#RoAd1 {margin:0; padding:0; height:127px; width:235px; float:left; border:none; text-indent:-5000px; background:url(../images/homeAdsBG.png) no-repeat;}
#RoAd1 a {height:127px; width:235px; border:none; display:block; background:url(../images/homeAds/1.png) no-repeat;}
#RoAd1 a:hover{background:url(../images/homeAds/1.png) 0 -127px no-repeat;}
#RoAd2 {margin:0; padding:0; height:127px; width:235px; float:left; border:none; text-indent:-5000px; background:url(../images/homeAdsBG.png) no-repeat;}
#RoAd2 a {height:127px; width:235px; border:none; display:block; background:url(../images/homeAds/2.png) no-repeat;}
#RoAd2 a:hover{background:url(../images/homeAds/2.png) 0 -127px no-repeat;}
#RoAd3 {margin:0; padding:0; height:127px; width:235px; float:left; border:none; text-indent:-5000px; background:url(../images/homeAdsBG.png) no-repeat;}
#RoAd3 a {height:127px; width:235px; border:none; display:block; background:url(../images/homeAds/3.png) no-repeat;}
#RoAd3 a:hover{background:url(../images/homeAds/3.png) 0 -127px no-repeat;}
#RoAd4 {margin:0; padding:0; height:127px; width:235px; float:left; border:none; text-indent:-5000px; background:url(../images/homeAdsBG.png) no-repeat;}
#RoAd4 a {height:127px; width:235px; border:none; display:block; background:url(../images/homeAds/4.png) no-repeat;}
#RoAd4 a:hover{background:url(../images/homeAds/4.png) 0 -127px o-repeat;}
#HomePageLogo {margin:0; padding:0; height:120px; width:160px; float:right; border:none; text-indent:-5000px;}
#HomePageLogo a {height:120px; width:160px; border:none; display:block; background:url(../images/Ro-Drift-Boats-Logo-Small.png) no-repeat;}
#HomePageLogo a:hover{background:url(../images/Ro-Drift-Boats-Logo-Small.png) 0 -120px no-repeat;}
#MenuAds {margin:0; padding:0; height:120px; width:180px; float:right; border:none; text-indent:-5000px;}
#MenuAds a {margin:5px 0 0 22px; height:180px; width:180px; border:none; display:block; background:url(../images/homeAds/Contact-Us-Advert.png) no-repeat;}
#MenuAds a:hover{background:url(../images/homeAds/Contact-Us-Advert.png) 0 -180px no-repeat;}
  
#BoatPage-boats-container {width:700px; height:250px; outline:0;}

/* FEATURE BOAT STYLES */
#contentRoDriftBoat{background:url("../images/Ro-Drift-Boats-ContentBoat.png") no-repeat scroll 0 0 transparent;
height:105px;
margin:-75px 0 0 265px;
padding:0;
width:497px;
position:absolute;}
#RowBoat{margin:0 7px 0 0; padding:0; float:right;}
#boatContainer{margin:0 10px 0 420px; padding:0; height:425px;  position:absolute; width:400px; z-index:3;}  
#RoDriftBoat1{margin:0; padding:0; width: 375px; height:106px; background:url(../images/HomeBoatRight.png) no-repeat;}
#RoDriftBoat2{margin:0 0 0 7px; padding:0; width: 375px; height:106px; background:url(../images/HomeBoatLeft.png) no-repeat;}
#RoDriftBoat3{margin:0; padding:0; width: 375px; height:106px; background:url(../images/HomeBoatRight.png) no-repeat;}
#RoDriftBoat4{margin:0 0 0 7px; padding:0; width: 375px; height:106px; background:url(../images/HomeBoatLeft.png) no-repeat;}

#TheGuide{margin:0 0 20px -15px; padding:0; width:480px; height:255px; float:left; text-indent:-5000px; background:url(../images/RoBoats-Guide.png) no-repeat;}
#TheSkiff{margin:0 0 20px -15px; padding:0; width:480px; height:255px; float:left; text-indent:-5000px;background:url(../images/RoBoats-Skiff.png) no-repeat;}
#TheDeville{margin:0 0 20px -15px; padding:0; width:480px; height:255px; float:left; text-indent:-5000px; background:url(../images/RoBoats-Deville.png) no-repeat;}
#TheSouthForkSkiff{margin:0 0 20px -15px; padding:0; width:480px; height:255px; float:left; text-indent:-5000px; background:url(../images/RoBoats-SFSkiff.png) no-repeat;}

#TheHullFlow{ margin:0px 0 20px -15px; padding:0; width:225px; height:130px; float:left; text-indent:-5000px; background:url(../images/RoBoats-HullFlow.png) no-repeat;}
#TheSideView{ margin:0px 0 20px -15px; padding:0; width:225px; height:130px; float:left; text-indent:-5000px; background:url(../images/RoBoats-SideView.png) no-repeat;}
#TheFrontView{margin:0px 0 20px -15px; padding:0; width:225px; height:130px; float:left; text-indent:-5000px; background:url(../images/RoBoats-FrontView.png) no-repeat;}

.noUnderline{border-bottom:none;}
/* PAGE BLOCK */
div.pageBlock {position:relative; float:left; margin:0; text-align:left;}
.pageBlock ul li{background:none;}

/* CONTENT */
#container {padding:10px 10px 0 0; line-height:1.4em; color:#4d4d4f;} 
#container a {color:#004b84;}
#container h1.underline, #container h2.underline{margin:10px 0 5px 0; padding-bottom:3px; border-bottom:1px dotted #999999;}
#container h1, #container h2{margin:10px 0 5px 0; padding-bottom:3px;}
#Video{margin:6px 0 0 0; position:absolute; z-index:0;}
#PhotoGallery{margin:-10px 0 0 0; position:absolute; z-index:0;}
/* BREADCRUMB */
#breadcrumb {padding:0; margin:-14px 0 0 10px; position:absolute;}
#breadcrumb a {color:#0068cd; text-transform:capitalize; font-weight:bold;}
#breadcrumb ul {margin:0; padding:0; list-style:none;}
#breadcrumb ul li {display:inline;}

/* LATEST */
#latest {padding:10px 0 0 0;}
#latest .fl_right h2, #latest .fl_right p {margin:0 0 8px 0; padding:0; border:none; line-height:normal;}
#latest .fl_right h2 {font-size:24px;}
#latest .fl_right p {line-height:1.2em;}
#latest .fl_left {margin:5px; padding:2px; border:4px ridge #c3c9a8; display:block; float:left;}
#latest .fl_right {display:block; float:right; width:360px; padding:5px; color:#fafafa;}
#latest .fl_right ul {margin:0; padding:0; list-style:none; display:block;}
#latest ul li {display:block; float:left; width:100px; height:100px; margin:0 10px 0 0; padding:4px; border:1px solid #333333; background:none;}
#latest ul li.last {margin-right:0;}

.pageBreak{margin:0 0 0 15px; padding:0; width:690px; height:32px; background:url(../images/pageBreak.png) no-repeat;}

/* TOP PANEL SLIDER STYLES */
.highlight {background-color:#FF9D9D; border-bottom:#F30 1px solid; border-top:#F30 1px solid; padding:4px 10px}
/* Panel Tab/button */
.tab {background:url(../images/slidingTopPanel/tab_b.png) repeat-x 0 0; height:42px; position:relative; top:0; z-index:999;}
.tab ul.login {display:block; position:relative; float:right; clear:right; height:42px; width:auto; font-weight:bold; line-height:42px; margin:0; right:10px; color:white; font-size:80%; text-align:center;}
.tab ul.login li.left {background:url(../images/slidingTopPanel/tab_l.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left;}
.tab ul.login li.right {background:url(../images/slidingTopPanel/tab_r.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left;}
.tab ul.login li {text-align:left; padding:0 6px; display:block; float:left; height:42px; background:url(../images/slidingTopPanel/tab_m.png) repeat-x 0 0;}
.tab ul.login li a {color:#15ADFF;}
.tab ul.login li a:hover {color:white;}
.tab a.open, .tab a.close {height:20px; line-height:20px !important; padding-left:30px !important; cursor:pointer; display:block; width:140px; position:relative; top:11px;}
.tab a.open {background:url(../images/slidingTopPanel/bt_open.png) no-repeat left 0;}
.tab a.close {background:url(../images/slidingTopPanel/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background:url(../images/slidingTopPanel/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background:url(../images/slidingTopPanel/bt_close.png) no-repeat left -19px;}
/* sliding panel */ 
#toppanel {position:absolute; /*Panel will overlap content */
/*position:relative; *//*Panel will "push" the content down */
top:0; width:100%; z-index:9999; text-align:center; margin-left:auto; margin-right:auto;}
#panel {width:100%; height:230px; color:#999999; background:#272727; overflow:hidden; position:relative; z-index:3; display:none;}
#panel h1 {font-size:1.6em; padding:5px 0 10px; margin:0; color:white;}
#panel h2{font-family:"Helvetica", Helvetica, Verdana, Arial, sans-serif; letter-spacing:0px; font-size:1.2em; padding:10px 0 5px; margin:0; color:white;} 
#panel p {margin:5px 0; padding:0;}
#panel a {text-decoration:none; color:#15ADFF;}
#panel a:hover {color:white;}
#panel a-lost-pwd {display:block; 	float:left;}
#panel .content {width:960px; margin:0 auto; padding-top:15px; text-align:left; font-size:0.85em;}
#panel .content .left {width:280px; float:left; padding:0 15px; border-left:1px solid #333;}
#panel .content .right {border-right:1px solid #333;}
#panel .content form {margin:0 0 10px 0;} 
#panel .content label {float:left; padding-top:8px; clear:both; width:280px; display:block;}
#panel .content input.field {border:1px #1A1A1A solid; background:#414141; margin-right:5px; margin-top:4px; width:200px; color:white; height:16px;}
#panel .content input:focus.field {background:#545454;}
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {display:block; float:left; clear:left; height:24px; text-align:center; cursor:pointer; border:none; font-weight:bold; margin:10px 0;}
#panel .content input.bt_login {width:74px; background:transparent url(../images/slidingTopPanel/bt_login.png) no-repeat 0 0;}
#panel .content input.bt_register {width:94px; color:white; background:transparent url(../images/slidingTopPanel/bt_register.png) no-repeat 0 0;}
#panel .lost-pwd {display:block; float:left; clear:right; padding:15px 5px 0; font-size:0.95em; text-decoration:underline;}

/* INTRO */
#intro {padding:25px 0 15px 0;}
#intro div, #intro img, #intro h2{margin:0 0 8px 0; padding:0;}
#intro h2 {color:#0054a6; font-weight:bold;}
#intro p {margin:0 0 8px; padding:0 5px; width:220px; letter-spacing:0.2px; text-align:justify;}
#intro ul {margin:0; padding:0; list-style:none;}
#intro li {display:block; float:left; width:245px; margin:0 0 0 -5px; padding:0;  background:none;}
#intro li.last {margin-right:0;}
#intro div.imgholder {display:block; width:230px;}
#intro div.imgholder img {margin:0; padding:0; border:solid medium;}
#intro p.readmore {margin:0;}
#intro p.readmore a {font-weight:bold; padding:5px 15px; color:#FAFAFA; background-color:#0054A6; -moz-border-radius:6px 6px 6px 6px;}

/* COMMENTS */
#comments {margin:0;}
#comments .commentlist {margin:0; padding:0;}
#comments .commentlist ul {margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even {margin:0 0 10px 0; padding:15px; list-style:none;  background:none;}
#comments .commentlist li.comment_odd {color:#CCCCCC; background-color:#333333;}
#comments .commentlist li.comment_odd a {color:#FDC609; background-color:#333333;}
#comments .commentlist li.comment_even {color:#CCCCCC; background-color:#1E1E1E;}
#comments .commentlist li.comment_even a {color:#FDC609; background-color:#1E1E1E;}
#comments .commentlist .author .name {font-weight:bold;}
#comments .commentlist .submitdate {font-size:smaller;}
#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal; text-transform: none;}
#comments .commentlist li .avatar {float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}
 
/* COLUMNS */ 
#columnLeft {margin:5px 20px 0 0; width:210px; display:block; float:left;}
.column {margin:25px 0px 0 0; width:230px; display:block; float:right; }
.column h2{font-size:20px;}
#columnLeft h2{font-size:20px;}
.holder, .featured {margin:15px 0 10px 0; width:220px; display:block; background:none;}
.holder h2.title {display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:1px dashed #fafafa;}
.holder h2.title img {float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;}
.holder p {line-height:1.6em;}
.holder p.readmore {display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
.column div.imgholder {display:block; width:210px; margin:0 0 10px 0; padding:4px; border:1px solid #666666;}

.subnav{display:block; width:220px; padding:15px; background-color:#8d9068; margin-top:25px;} 
.subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font-weight:normal; color:#Fafafa; line-height:normal; border-bottom:1px dashed #e2e4da;}
.subnav ul{ margin:0; padding:0; list-style:none;}
.subnav li{ margin:0 0 3px 0; padding:0;}
.subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
.subnav a{ display:block; margin:0; padding:5px 10px 5px 20px; color:#FDC609; background-image:url(../images/yellow_file.gif); background-position:10px center; background-repeat:no-repeat; text-decoration:none; border-bottom:1px dotted #e2e4da;}
.subnav a:hover{color:#0054a6;}
.subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url(../images/white_file.gif) no-repeat;}
.subnav ul ul a{padding-left:40px; background-position:30px center;}
.subnav ul ul ul a{padding-left:50px; background-position:40px center;}
.subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
.subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

/* FEATURED BLOCK */
#featured a {color:#FDC609;}  
#featured li h2 {margin:0; padding:0 0 14px 0; font-size:20px; font-weight:normal; color:#FDC609; line-height:normal; border-bottom:1px dashed #fafafa;}
#featured p.readmore {display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal;}
#featured ul, #column #featured h2, #column #featured p {margin:0; padding:0; list-style:none;}
#featured li {display:block; width:210px; margin:0; padding:20px 25px; color:#fafafa;}
#featured li p {line-height:1.6em;}
#featured li p.imgholder {display:block; width:200px; height:90px; margin:10px 5px; padding:4px; color:#fafafa; background-color:#333333; border:1px solid #666666;}

#latestnews {display:block; width:100%; margin:0; padding:0; list-style:none;}
#latestnews li {display:block; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px dotted #999999;}
#latestnews li.last {margin-bottom:0;}
#latestnews p {margin:0 0 5px 0; padding:0;}
#latestnews p.readmore {margin:0; padding:0;}
#latestnews .imgl {margin:0 10px 10px 0; padding:4px;} 

/*SPECIAL FORMATS*/
.footnote { color:#999; font-size:11px; line-height:16px; padding:5px 0; margin:10px 0; border-top:1px solid #ddd; clear:both; }
a[href$='.pdf'] { padding:2px 18px 2px 0; margin:-2px 2px -2px 0; background:transparent url(../images/app_pdf.png) no-repeat right; }
a[href$='.doc'] { padding:2px 18px 2px 0; margin:-2px 2px -2px 0; background:transparent url(../images/app_word.png) no-repeat right; }
a[href$='.xls'] { padding:2px 18px 2px 0; margin:-2px 2px -2px 0; background:transparent url(../images/app_excel.png) no-repeat right; }
a[href$='.ppt'] { padding:2px 18px 2px 0; margin:-2px 2px -2px 0; background:transparent url(../images/app_ppt.png) no-repeat right; }
a[href$='http:'], a.externallink { padding:2px 12px 2px 0; margin:-2px 2px -2px 0; background:transparent url(../images/app_externallink.gif) no-repeat right; }
a[target$='_blank'], a.newwindow { padding:2px 12px 2px 0; margin:-2px 2px -2px 0; background:transparent url(../images/app_newwindow.gif) no-repeat right; }
a[href$='http:'] + img, a[target$='_blank:'] + img { padding:0; margin:0; background:none; }
a[href ^="mailto:"] {padding-right: 18px; background: transparent url(icon_email.gif) no-repeat center right;}
a[class ="popup"] {padding-right: 18px; background: transparent url(app_newwindow.gif) no-repeat center right;}
a[rel ~='external'] {padding-right: 18px; background: transparent url(app_externallink.gif) no-repeat center right;}

/* POPUP IMAGES */
.highslide span {display: block; padding-left: 22px; background-image: url(graphics/zoom.png); background-repeat: no-repeat;}
.highslide-wrapper, .highslide-outline {background: #8e9069;}
.highslide img {border: 1px solid #D0D0D0;}
.highslide:hover img {border-color: #A0A0A0;}
.highslide-active-anchor img {visibility: visible;border-color: #808080 !important;}
.highslide-dimming {background: #433a33;}
.highslide-image {border: 4px solid #8e9069;}
.highslide-caption {color: #ffffff; font-family: sans-serif !important; text-align: center; font-size: 14pt !important; padding: 2px;}
.highslide-loading {display: block; padding: 3px 0 3px 22px; width: 0; height: 16px; overflow: hidden; background-color: black; background-repeat: no-repeat; 
	background-position: 3px 3px; background-image: url(graphics/loader.black.gif);}
.highslide-controls {position: static !important;margin-bottom: 0;width: 195px !important;}
.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a {background-image: url(graphics/controlbar-black-border.gif);}
.highslide-gallery ul li {width: 106px;height: 106px;border: 1px solid #D0D0D0;background: #EDEDED;margin: 2px;}
.highslide-thumbstrip-horizontal img {height: 80px;}
.highslide-thumbstrip-horizontal .highslide-marker {top: 87px;}
.highslide-thumbstrip-horizontal .highslide-scroll-up, .highslide-thumbstrip-horizontal .highslide-scroll-down {top: 23px;}
.highslide-html {background: none;}
.highslide-header ul a {background-image: url(graphics/controlbar-text-buttons.png);padding-left: 16px;}
.highslide-header ul li.highslide-previous {display: inline;}
.highslide-header .highslide-previous a {background-position: 0 -141px;}
.highslide-header ul li.highslide-next {display: inline;}
.highslide-header .highslide-next a {background-position: 0 -201px;}
.highslide-header .highslide-move a {background-position: 0 -281px;}
.highslide-header .highslide-close a {background-position: 0 -221px;}

#wibiyaToolbar_center .itemLeft a, #wibiyaToolbar_center .itemRight a {display:none; text-decoration:none;}
.wibiyaToolbar_wiwi_footerlink, .wibiyaToolbar_wiwi_footerlink:link {display:none;}
.tar {display:none;}
a.nb:link, a.nb:visited, a.nb:active, a.nb:hover {display:none;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* ----------------------------------------------Forms in Content Area-------------------------------------*/
#container #respond{display: block; width:100%;}
#container #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}
#container #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}	
#container #respond p{margin:5px 0;}
#container #respond #submit, #container #respond #reset{margin:0; padding:5px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC; cursor:pointer;}
/* ----------------------------------------------Newsletter-------------------------------------*/
#footer form{display:block; width:300px; margin:0; padding:10px 0; border:none;}
#footer input{display:block; float:left; width:245px; margin:0 5px 0 0; padding:5px; color:#666666; background-color:#FFFFFF; border:1px solid #DBDBDB; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#footer input#news_go{margin:0; padding:4px; width:auto; height:auto;}

/* FOOTER */
#footer{margin: 0 0 0 25px; width:1030px; line-height:1.0;} 
.FooterContactBox{margin:0px 20px 0 0; padding:0; width:235px; float:left; overflow:hidden; background: url(../images/dots_vert.gif) right 50px repeat-y;}
.FooterBox{font-size:11px; letter-spacing:0.5px; margin:0; padding:0; float:left; overflow:hidden; line-height:1.4;}
#footer ul {padding:0 5px;}
#footer ul li {width:150px; float:left; display:block;}
#footer ul li ul {padding:0;}
#footer ul li ul li { }
#footer a:link, #footer a:visited {font-weight:lighter; color:#ddddc9;}
#footer a:hover, #footer a:active {color:#cecece; }
#footer a.continuelink {color:#fff; font-weight:bold; background:none; padding-bottom:10px; }

#footer a.facebooklink:link,
#footer a.facebooklink:visited,
#footer a.facebooklink:hover,
#footer a.facebooklink:active { padding-left:22px; background:url(../images/ico_facebook.gif) left no-repeat;}

#footer a.twitterlink:link,
#footer a.twitterlink:visited,
#footer a.twitterlink:hover,
#footer a.twitterlink:active { padding-left:22px; background:url(../images/ico_twitter.gif) left no-repeat; }

#footer a.rsslink:link,
#footer a.rsslink:visited,
#footer a.rsslink:hover,
#footer a.rsslink:active { padding-left:22px; background:url(../images/ico_rss.gif) left no-repeat; }

#footer a.emaillink:link,
#footer a.emaillink:visited,
#footer a.emaillink:hover,
#footer a.emaillink:active { padding-left:22px; background:url(../images/ico_email.gif) left no-repeat; }

/*extra icons for future usage*/
#footer a.phonelink:link,
#footer a.phonelink:visited,
#footer a.phonelink:hover,
#footer a.phonelink:active { padding-left:22px; background:url(../images/ico_phone.gif) left no-repeat; }

#footer a.flickrlink:link,
#footer a.flickrlink:visited,
#footer a.flickrlink:hover,
#footer a.flickrlink:active { padding-left:22px; background:url(../images/ico_flickr.gif) left no-repeat; }

#footer a.myspacelink:link,
#footer a.myspacelink:visited,
#footer a.myspacelink:hover,
#footer a.myspacelink:active { padding-left:22px; background:url(../images/ico_myspace.gif) left no-repeat; }

#footer a.posterouslink:link,
#footer a.posterouslink:visited,
#footer a.posterouslink:hover,
#footer a.posterouslink:active { padding-left:22px; background:url(../images/ico_posterous.gif) left no-repeat; }

#footer a.tripadvisorlink:link,
#footer a.tripadvisorlink:visited,
#footer a.tripadvisorlink:hover,
#footer a.tripadvisorlink:active { padding-left:22px; background:url(../images/ico_tripadvisor.gif) left no-repeat; }

#footer a.youtubelink:link,
#footer a.youtubelink:visited,
#footer a.youtubelink:hover,
#footer a.youtubelink:active { padding-left:22px; background:url(../images/ico_youtube.gif) left no-repeat; }

/*Subfooter*/
.subfooter {clear:both; margin:10px 40px 0 20px; padding:5px 0 0 0; border-top:1px solid #ececec; line-height:20px; font-size: 10px; color:#FFF;}
.subfooter a:link, .subfooter a:visited, .subfooter a:hover, .subfooter a:active {display:inline; padding:0 5px; margin:0; color:#fff;}
.subfooter a:hover {text-decoration: underline;}
.subfooter a:first-child { padding-left:0; }

/* FOOTER TEXT STYLES */
h1.footer{margin: 16px 0 8px 0px; padding:0; font-size:18px; font-weight:bold; letter-spacing:2px; word-spacing:1px; color:#c3c9a8;}
h1.footerLinks{margin:24px 0 8px 0px; padding:0; font-size:12px; font-weight:bold; letter-spacing:1px; word-spacing:1px; color: #dfdfdf;}
h3.footer {margin:0; padding:10px 0 6px 0; font-family:Verdana; font-size:14px; font-weight:bold; letter-spacing:1px; word-spacing:1px; color:#ffffff;} 
p.footer{font-family:Verdana, sans-serif; font-size:13px; font-style:normal; font-weight:normal; text-transform:normal; color:#ffffff; line-height:.9em;}
.copyright {margin:0px 15px 0 0;padding: 0;float:right;font-size: 10px;color:#FF9;}
.copyright a {text-decoration: none;color: #ffffff;}.copyright a:hover {text-decoration: underline;}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }