html {height: 100%;}
body {margin: 0px; padding: 0px; height: 100%;}
body {height:auto;} /* 20110105 to get page to extend full height in IE8 */
#container {position: relative; top: 0px; left: 0px; width: 900px; margin-left: auto; margin-right: auto; background: #edecd6; height: auto; min-height: 100%;}
#ds-left {position: absolute; top: 0px; left: -10px; width: 10px; height: 100%; margin-left: auto; margin-right: auto;}
#dsl0, #dsl1, #dsl2, #dsl3, #dsl4, #dsl5, #dsl6, #dsl7, #dsl8, #dsl9 {position: absolute; top: 0px; width: 1px; height: 100%; background: #000;}
#dsl0 {left: 0px; opacity: .01;}
#dsl1 {left: 1px; opacity: .02;}
#dsl2 {left: 2px; opacity: .04;}
#dsl3 {left: 3px; opacity: .07;}
#dsl4 {left: 4px; opacity: .11;}
#dsl5 {left: 5px; opacity: .16;}
#dsl6 {left: 6px; opacity: .22;}
#dsl7 {left: 7px; opacity: .29;}
#dsl8 {left: 8px; opacity: .37;}
#dsl9 {left: 9px; opacity: .46;}
#ds-rite {position: absolute; top: 0px; right: -10px; width: 10px; height: 100%; margin-left: auto; margin-right: auto;}
#dsr0, #dsr1, #dsr2, #dsr3, #dsr4, #dsr5, #dsr6, #dsr7, #dsr8, #dsr9 {position: absolute; top: 0px; width: 1px; height: 100%; background: #000;}
#dsr9 {left: 9px; opacity: .01;}
#dsr8 {left: 8px; opacity: .02;}
#dsr7 {left: 7px; opacity: .04;}
#dsr6 {left: 6px; opacity: .07;}
#dsr5 {left: 5px; opacity: .11;}
#dsr4 {left: 4px; opacity: .16;}
#dsr3 {left: 3px; opacity: .22;}
#dsr2 {left: 2px; opacity: .29;}
#dsr1 {left: 1px; opacity: .37;}
#dsr0 {left: 0px; opacity: .46;}
#grid-top {position: relative; top: 0px; left: 0px; width: 900px; height: 30px; background: url(images/grid-top.jpg);}
#grid-flash {position: relative; top: 0px; left: 0px; width: 900px; height: 185px; background: url(images/grid-flash-bg.jpg);}
#grid-swf {position: absolute; top: 10px; left: 20px; width: 860px; height: 165px; background: #fff;}
#grid-main-cap {position: relative; top: 0px; left: 0px; width: 900px; height: 20px; background: url(images/grid-main-cap.jpg); font-size: 1px; line-height: 1px;}
#grid-main-top {position: relative; top: 0px; left: 0px; width: 900px; height: 20px; background: url(images/grid-main-top.jpg); font-size: 1px; line-height: 1px;}
#date {position: absolute; top: 8px; left: 20px; width: 200px; height: 14px; font: 11px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666;}
#consearch {position: absolute; top: 5px; right: 20px; width: 370px; height: 20px; font: 11px/20px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666;}
#searchForm {margin: 0px; padding: 0px;}
#search {position: absolute; top: 0px; right: 40px; width: 130px; height: 19px; font: 11px/15px Verdana, Tahoma, sans-serif; margin: 0px; padding: 0px;}
#gobut {position: absolute; top: 0px; right: 0px; width: 34px; height: 19px; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #ededed; text-transform: uppercase; letter-spacing: 1px; text-align: center; text-indent: 1px;}
#grid-main {position: relative; top: 0px; left: 0px; width: 900px; margin: 0px; padding: 0px;}
#content {margin: 0px; padding: 0px;}
#left {float: left; width: 225px; margin: 0px; padding: 0px;}
#leftbox {position: relative; top: 0px; left: 0px; width: 225px; margin: 0px; padding: 0px; background: url(images/grid-left-bg.jpg);}
#ln-head {position: relative; top: 0px; left: 20px; width: 190px; height: 25px; margin: 0px; margin-bottom: 5px; padding: 0px; font: bold 13px/22px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; text-align: center; text-shadow: #000 0px 2px 1px;}
#leftnav {position: relative; top: 0px; left: 20px; width: 190px; margin: 0px; padding: 0px; font: 12px/25px Arial, Helvetica, sans-serif;}
#menu {width: 190px;}
#menu div {margin: 0px; padding: 0px;}
#menu ul {position: relative; margin: 0px; padding: 0px;}
#menu li {position: relative; list-style-type: none; font-weight: bold;}
#menu a {text-decoration: none; display: block; clear: both; width: 170px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #fff; color: #494e46;}
#menu a:hover {color: #fff;}
.lotxt, a.lotxt:link, a.lotxt:visited, a.lotxt:active, a.lotxt:focus {font: bold 12px/25px Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; text-indent: 10px; color: #fff;}
.hitxt, a.hitxt:link, a.hitxt:visited, a.hitxt:active, a.hitxt:focus {font: bold 12px/25px Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; text-indent: 10px; color: #fff;}
.itemBorder {border: 1px solid #fff;}
.itemBorderBlank {border: 1px solid #fff;}
#leftnav-bot {position: relative; top: 0px; left: 0px; width: 225px; height: 15px; margin: 0px; padding: 0px; font-size: 10px; line-height: 15px; background: url(images/grid-left-bot.jpg);}
#callout0 {position: relative; top: 0px; left: 0px; width: 180px; height: 105px; margin: 0px; padding: 0px; padding-top: 15px; padding-left: 15px; background: url(images/calloutbox-weather.gif); padding-bottom: 10px;}
#callout1 {position: relative; top: 0px; left: 0px; width: 170px; height: 56px; margin: 0px; padding: 0px; padding-top: 24px; padding-left: 30px; padding-right: 25px; font: bold 13px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ededed; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/calloutbox-purple.gif);}
#callout2 {position: relative; top: 0px; left: 0px; width: 205px; height: 115px; margin: 0px; padding: 0px; padding-top: 15px; padding-left: 20px; background: url(images/calloutbox-reading.gif);}
#callout3 {position: relative; top: 0px; left: 0px; width: 180px; height: 105px; margin: 0px; padding: 0px; padding-top: 15px; padding-left: 15px; background: url(images/calloutbox-vguide.gif);}
#callout4 {position: relative; top: 0px; left: 0px; width: 170px; height: 56px; margin: 0px; padding: 0px; padding-top: 24px; padding-left: 30px; padding-right: 25px; font: bold 13px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ededed; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/calloutbox-yellow.gif);}
#callout5 {position: relative; top: 0px; left: 0px; width: 170px; height: 56px; margin: 0px; padding: 0px; padding-top: 21px; padding-left: 30px; padding-right: 25px; font: bold 11px/13px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ededed; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/calloutbox-red.gif);}
#callout6 {position: relative; top: 0px; left: 0px; width: 170px; height: 56px; margin: 0px; padding: 0px; padding-top: 24px; padding-left: 5px; padding-right: 50px; font: bold 13px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ededed; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/calloutbox-mobile.gif);}
#callout7 { padding:6px 0 6px 18px; }
#co1-head {position: relative; top: 0px; left: 0px; width: 190px; height: 25px; margin: 0px; margin-bottom: 5px; padding: 0px; font: bold 10px/24px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/head-190-grey.gif);}
#rite {float: right; width: 195px; margin: 0px; padding: 0px;}
#ritebox {position: relative; top: 0px; left: 0px; width: 195px; margin: 0px; padding: 0px; background: url(images/grid-rite-bg.jpg);}
#rn-head {position: relative; top: 0px; left: 15px; width: 160px; height: 25px; margin: 0px; margin-bottom: 5px; padding: 0px; font: bold 13px/22px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; text-align: center; text-shadow: #000 0px 2px 1px;}
#ritenav {position: relative; top: 0px; left: 15px; width: 140px; margin: 0px; padding: 10px; padding-top: 0px; font: 11px/14px Arial, Helvetica, sans-serif; background: #f3f3e4; color: #494e46;}
.cal-item {position: relative; top: 0px; left: 0px; width: 140px; /*SRF 20080908 height: 60px;*/ margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999; overflow: hidden;}
.cal-item a {font-size: 12px; line-height: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;}
/*** .cal-date {font-size: 12px; font-weight: bold; text-transform: uppercase;} ***/
#calbut {position: relative; top: 0px; left: 15px; width: 140px; height: 42px; margin: 0px; margin-top: 5px; padding: 0px; padding-top: 8px; padding-left: 10px; padding-right: 10px; font: bold 13px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ededed; text-align: center; text-shadow: #000 0px 2px 1px;}
#housingbut {position: relative; top: 0px; left: 0px; width: 140px; height: 42px; margin: 0px; margin-top: 0px; padding: 0px; padding-top: 8px; padding-left: 10px; padding-right: 10px; font: bold 13px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ededed; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/bighead-160-lightblue.gif);}
#kids-button {position: relative; top: 0px; left: 0px; width: 140px; height: 42px; margin: 0px; margin-top: 0px; padding: 0px; padding-top: 8px; padding-left: 10px; padding-right: 10px; font: bold 12px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ededed; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/bighead-160-purple.gif);}
#ritenav-bot {position: relative; top: 0px; left: 0px; width: 195px; height: 15px; margin: 0px; padding: 0px; font-size: 10px; line-height: 15px; background: url(images/grid-rite-bot.jpg);}
#co0-head {position: relative; top: 0px; left: 0px; width: 160px; height: 25px; margin: 0px; margin-bottom: 5px; padding: 0px; font: bold 13px/24px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; text-align: center; text-shadow: #000 0px 2px 1px; background: url(images/head-160-grey.gif);}
/**/
#right {float: right; width: 135px; margin: 0px; padding: 0px;}
#rightbox {position: relative; top: 0px; left: 0px; width: 135px; margin: 0px; padding: 0px; background: url(images/grid-right-bg.jpg);}
#ads {position: relative; top: 0px; left: 15px; width: 100px; margin: 0px; padding: 0px; padding-top: 5px; line-height: 20px;}
#ads-bot {position: relative; top: 0px; left: 0px; width: 135px; height: 15px; margin: 0px; padding: 0px; font-size: 10px; line-height: 15px; background: url(images/grid-right-bot.jpg);}
#middle {float: left; margin: 0px; width: 480px; background: url(images/grid-middle-bg.jpg); font: 12px/15px Arial, Helvetica, sans-serif; color: #333;}
.contentx {font: 12px/15px Arial, Helvetica, sans-serif; color: #333;}
#feature1 {position: relative; top: 0px; left: 0px; width: 440px; margin: 0px; margin-left: 15px; margin-bottom: 6px; padding: 0px; padding-bottom: 20px; padding-right: 10px; border-bottom: 1px dotted #c4c4c4;}
#feature2 {position: relative; float: left; top: 0px; left: 0px; width: 210px; margin: 0px; margin-bottom: 6px; margin-left: 0px; padding: 0px; padding-top: 10px; padding-right: 15px; padding-bottom: 15px; border-right: 1px dotted #c4c4c4;padding-left: 15px;}
#feature3 {position: relative; float: right; top: 0px; left: 0px; width: 210px; margin: 0px; margin-bottom: 6px; margin-right: 15px; margin-left: -1px; padding: 0px; padding-top: 10px; padding-bottom: 15px; padding-left: 14px; border-left: 1px dotted #c4c4c4;}
#footer {position: relative; float: left; top: 0px; left: 0px; width: 450px; margin: 0px; margin-left: 15px; padding: 0px; padding-top: 20px; text-align: center; font: 10px/14px Arial, Helvetica, sans-serif; color: #666; border-top: 1px dotted #c4c4c4;}
#middle-bot {position: relative; clear: both; top: 0px; left: 0px; width: 480px; height: 15px; margin: 0px; padding: 0px; font-size: 10px; line-height: 15px; background: url(images/grid-middle-bot.jpg);}
#middle-bot, #center-bot {background-repeat: no-repeat; text-align: center;}
/**/
#center {float: left; margin: 0px; width: 540px; background: url(images/grid-center-bg.jpg); font: 12px/15px Arial, Helvetica, sans-serif; color: #333;}
#header {position: relative; top: 0px; left: 0px; width: 510px; margin: 0px; margin-left: 15px; padding: 0px; border-bottom: 1px dotted #c4c4c4;}
.odd {position: relative; top: 0px; left: 0px; width: 510px; height: 145px; margin: 0px; margin-left: 0px; padding: 0px; background: #dedec1; border-bottom: 1px dotted #c4c4c4;}
.eve {position: relative; top: 0px; left: 0px; width: 510px; height: 145px; margin: 0px; margin-left: 0px; padding: 0px; background: #f3f3e4; border-bottom: 1px dotted #c4c4c4;}
.x {position: relative; top: 0px; left: 0px; width: 480px; margin: 0px; padding: 15px; background: #dedec1; border-bottom: 1px dotted #c4c4c4;}
.y {position: relative; top: 0px; left: 0px; width: 480px; margin: 0px; padding: 15px; background: #f3f3e4; border-bottom: 1px dotted #c4c4c4;}
.x2 {position: relative; top: 0px; left: 0px; width: 500px; margin: 0px; padding: 5px; padding-top: 10px; background: #dedec1; border-bottom: 1px dotted #c4c4c4;}
.y2 {position: relative; top: 0px; left: 0px; width: 500px; margin: 0px; padding: 5px; padding-top: 10px; background: #f3f3e4; border-bottom: 1px dotted #c4c4c4;}
.z {position: relative; top: 0px; left: 0px; width: 500px; margin: 0px; margin-left: 0px; padding: 5px; font: 10px/25px Arial, Helvetica, sans-serif; text-align: right;}
.z2 {position: relative; top: 0px; left: 0px; width: 500px; margin: 0px; margin-bottom: -45px; padding: 5px; font: 10px/25px Arial, Helvetica, sans-serif; text-align: right;}
#copy {position: relative; top: 0px; left: 0px; width: 510px; margin: 0px; margin-left: 15px; margin-top: 15px; padding: 0px; border-bottom: 1px dotted #c4c4c4;}
#foot {position: relative; float: left; top: 0px; left: 0px; width: 510px; margin: 0px; margin-left: 15px; padding: 0px; padding-top: 20px; text-align: center; font: 10px/14px Arial, Helvetica, sans-serif; color: #666; border-top: 1px dotted #c4c4c4;}
#center-bot {position: relative; clear: both; top: 0px; left: 0px; width: 540px; height: 15px; margin: 0px; padding: 0px; font-size: 10px; line-height: 15px; background: url(images/grid-center-bot.jpg);}
#clearall {clear: both; height: 5px; font-size: 3px; line-height: 5px; margin: 0px; padding: 0px;}
a.txt:link {color: #666; text-decoration: underline;}
a.txt:visited {color: #666; text-decoration: underline;}
a.txt:active {color: #666; text-decoration: underline;}
a.txt:hover {color: #000; text-decoration: underline;}
a.but:link {color: #ededed; text-decoration: none;}
a.but:visited {color: #ededed; text-decoration: none;}
a.but:active {color: #ededed; text-decoration: none;}
a.but:hover {color: #fff; text-decoration: none;}
h1 {margin: 0px; margin-bottom: 10px; padding: 0px; font: bold 22px/28px Arial, Helvetica, sans-serif; text-transform: uppercase;}
h2 {margin: 0px; margin-bottom: 10px; padding: 0px; font: bold 14px/18px Arial, Helvetica, sans-serif; text-transform: uppercase;}
h3 {margin: 0px; padding: 0px; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #333;}
h4 {margin: 0px; margin-bottom: 5px; padding: 0px; font: bold 12px/20px Arial, Helvetica, sans-serif; text-transform: uppercase;}
.icon {margin-bottom: -2px; margin-right: 10px;}
.thumb {margin-right: 15px; margin-bottom: 15px;}
.thumb123 {margin-right: 15px; margin-bottom: 10px; margin-top: 2px;}
#thumb1 {position: relative; top: 0px; left: 0px; width: 125px; height: 125px;}
#feat1txt {position: relative; top: 0px; margin-top: -125px; left: 140px; width: 300px;}
.thumbnail {margin-left: 15px; margin-top: 0px; margin-right: 15px; margin-bottom: 20px; border: 1px solid #333;}
.nothumbnail {margin-left: 6px; margin-top: 1px; margin-right: 6px; margin-bottom: 21px; border: none;width: 0px;}
.pic {width: 125px; height: 125px; margin: 0px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #333;}
.pic2 {width: 100px; height: 100px; margin: 0px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #333;}
.pic3 {margin: 0px; margin-right: 15px; margin-bottom: 15px;}
#staycation{
background-color:#EDECD6;
left:0px;
margin-left:0px;
margin-right:2px;
padding-left:40px;}
#twofor1 {
padding-left:15px;
background-color:#EDECD6;
margin-right:2px;
}
#gg_getaway {
background: #ffffff url(images/Girlfriends2011.jpg) no-repeat scroll 0 0;
padding-top:250px;
}
#gg_getaway p {padding:15px 15px 0 15px;}
#gg_getaway .x p, #gg_getaway .y p {padding:0;}
#gg_getaway .x {background-color:transparent;}
#gg_getaway .y {background-color:transparent;}
#takesurvey {display:none;} /* hide take survey button */
.filmcommissionpage .x,
.filmcommissionpage .y {margin-left:15px;} /* SRF 20091013 */
.filmcommissionpage #filmflickr {
display:block; float:left; margin-left:20px;
}
.filmcommissionpage #filmyoutube {
display:block; float:left; margin-left:5px;
}
* html .filmcommissionpage #filmflickr {margin-left:10px;} /* ie6 */
* html .filmcommissionpage #filmyoutube {margin-left:3px;} /* ie6 */
.filmcommissionpage #filmaboutol {
margin-left:100px; list-style-position:outside;
}
* html .filmcommissionpage #filmaboutol {margin-left:145px;} /* ie6 */
*:first-child+html .filmcommissionpage #filmaboutol {margin-left:145px;} /* ie7 */
#header-visit-mobile-link {
display:block;
width:860px; height:165px;
background:transparent url(../images/mobile-header-button.jpg) no-repeat scroll 0 0;
overflow:hidden;
text-indent:-998em;
}
.takearidepage #container {
background-color:#EDECD6;
height:auto;
}
.takearidepage #center {
width:480px;
background-image:url("images/grid-middle-bg.jpg");
}
.takearidepage #header {
width:449px;
}
.takearidepage #copy {
width:455px;
}
.takearidepage #foot {
width:450px;
}
.takearidepage #center-bot {
background:#EDECD6 url("images/grid-middle-bot.jpg") no-repeat scroll 0 0;
width:480px;
}