article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

p,
pre {
  margin: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl,
menu,
ol,
ul {
  margin: 0;
}

dd {
  margin: 0 0 0 40px;
}

menu,
ol,
ul {
  padding: 0;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0;
}

@font-face {
  font-family: 'open_sans_condensedbold';
  src: url("../fonts/opensans-condbold-webfont.eot");
  src: url("../fonts/opensans-condbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-condbold-webfont.woff") format("woff"), url("../fonts/opensans-condbold-webfont.ttf") format("truetype"), url("../fonts/opensans-condbold-webfont.svg#open_sans_condensedbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sans_semibold';
  src: url("../fonts/opensans-semibold.eot");
  src: url("../fonts/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold.ttf") format("truetype"), url("../fonts/opensans-semibold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sans';
  src: url("../fonts/opensans-regular.eot");
  src: url("../fonts/opensans-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular.ttf") format("truetype"), url("../fonts/opensans-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sans_bold';
  src: url("../fonts/opensans-bold.eot");
  src: url("../fonts/opensans-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold.woff") format("woff"), url("../fonts/opensans-bold.ttf") format("truetype"), url("../fonts/opensans-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fmCleanMenu .topLevel {
  position: relative;
}

.fmCleanMenu .topLevel li {
  float: left;
  list-style-type: none;
  position: relative;
}

.fmCleanMenu .topLevel li a {
  display: block;
}

.fmCleanMenu .topLevel li:hover a,
.fmCleanMenu .topLevel li a:hover {
  text-decoration: none;
}

.fmCleanMenu .topLevel li a div {
  display: block;
}

.fmCleanMenu .subLevel {
  display: none;
  position: absolute;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 1210;
}

.fmCleanMenu .topLevel li:hover .subLevel {
  display: block;
  white-space: nowrap;
}

.fmCleanMenu .subLevel ul {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1200;
}

.fmCleanMenu .subLevel li {
  float: none;
  clear: both;
  width: auto;
}

.fmCleanMenu .subLevel li.item a div {
  display: block;
  min-width: 125px;
  padding: 5px 15px;
}

.fmCleanMenu .subLevel li.item a div img {
  margin-right: .5em;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.fmCleanMenu .subLevel li.first>a div {
  padding: 5px 15px 5px 15px;
}

.fmCleanMenu .subLevel li.last>a div {
  padding: 5px 15px 6px 15px;
}

.fmCleanMenu .subLevelRight {
  display: none;
  position: absolute;
  left: 100%;
  top: 0px;
  width: auto;
  margin: 0 0 0 -3px;
}

.fmCleanMenu .subLevel li.first>.subLevelRight {
  top: 0px;
}

.fmCleanMenu .subLevel li:hover>.subLevelRight {
  display: block;
}

.fmCleanMenu .subLevel li.first>.subLevelRight li.first>.subLevelRight {
  top: 0px;
}

.fmCleanMenu .subLevelRight ul {
  display: block;
}

.fmCleanMenu .subLevelRight ul li {
  position: relative;
}

.fmCleanMenu .subLevelRight ul li a {
  display: block;
}

.fmCleanMenu .subLevelRight ul li a div {
  display: block;
  white-space: nowrap;
}

html,
body {
  background: #fff;
  width: 100%;
}

.cntrFix {
  margin: 0 auto;
  max-width: 96%;
  position: relative;
  width: 1000px;
}

.homepage a {
  text-decoration: none;
}

.clrFix {
  clear: both;
}

.fltL {
  float: left;
}

img.fltL {
  margin: 0 15px 15px 0;
}

.fltR {
  float: right;
}

img.fltR {
  margin: 0 0 15px 15px;
}

h1,
h3,
h5 {
  color: #7E8DB9;
  font-family: open_sans;
}

h2,
h4,
p {
  color: #66625B;
  font-family: open_sans;
}

header {
  background: #fff;
  position: fixed;
  transition: .4s;
  width: 100%;
  z-index: 20;
}

header .award {
  position: absolute;
  right: 0;
}

@media only screen and (max-width: 1280px) {
  header .award {
    display: none;
  }
}

header .headLeft {
  float: left;
  margin-top: 6px;
  width: 250px;
}

header .headRight {
  float: right;
  width: 350px;
  text-align: right;
}

header .headRight h2 {
  color: #818FB6;
  font: 22px/22px open_sans;
  margin: 28px 0 10px;
}

header .headRight h2 a:hover {
  color: #66625B;
  text-decoration: none;
}

header .headRight h2 .phoneBreak {
  display: none;
}

header .headRight ul {
  color: #818FB6;
  float: right;
  margin-bottom: 10px;
}

header .headRight ul li {
  display: inline-block;
  margin: 0 15px;
}

header .headRight ul li:last-child {
  margin-right: 0;
}

header .headRight ul li a {
  color: #818FB6;
  font: 14px/14px open_sans;
  text-decoration: none;
  text-transform: uppercase;
}

header .headRight ul li a:hover {
  color: #66625B;
  text-decoration: none;
}

nav.mainNav {
  background: #7E8DB9;
  height: 30px;
}

nav.mainNav .fmCleanMenu .subLevel {
  display: none !important;
}

nav.mainNav .fmCleanMenu li {
  margin: 0 25px;
}

nav.mainNav .fmCleanMenu li:first-child {
  margin: 0 28px 0 0;
}

nav.mainNav .fmCleanMenu li:last-child {
  margin: 0 0 0 28px;
}

nav.mainNav .fmCleanMenu li a {
  color: #FFF;
  font: 18px/18px open_sans_semibold;
  text-decoration: none;
}

nav.mainNav .fmCleanMenu li a div {
  line-height: 30px;
}

nav.mainNav .fmCleanMenu li a:hover {
  color: #FCBA07;
}

section.content {
  overflow: hidden;
  position: relative;
}

#BotBar {
  background: #66625B;
  bottom: 0;
  height: 57px;
  position: fixed;
  width: 100%;
  z-index: 15;
  transition: bottom 1s, left .4s;
}

#BotBar:hover {
  bottom: 0 !important;
}

#BotBar:hover .guideImgWrap {
  bottom: 0 !important;
}

#BotBar .guideImgWrap {
  display: inline-block;
  height: 57px;
  position: relative;
  transition: bottom 1s;
  z-index: 2;
}

#BotBar .guideImgWrap img {
  bottom: 0;
  position: absolute;
}

#BotBar .botLeftMenu {
  background: url("/portals/0/skins/rockcounty_2014/img/darkGrey.png") no-repeat left bottom;
  background-size: 0;
  bottom: 0;
  left: 60px;
  position: absolute;
  transition: all .4s;
  z-index: 1;
}

#BotBar .botLeftMenu a {
  display: block;
  padding: 0 10px 0 80px;
  position: relative;
  width: 193px;
}

#BotBar .botLeftMenu .sepBar {
  border-bottom: 1px solid #5A5854;
  border-top: 1px solid #2F2F2F;
  display: none;
  width: 100%;
}

#BotBar .botLeftMenu .hoverGuide {
  display: none;
  margin: 12px 0;
  opacity: 0;
  text-transform: uppercase;
  transition: all .4s;
}

#BotBar .botLeftMenu .hoverGuide:hover p {
  color: #DEAA5F;
}

#BotBar .botLeftMenu .hoverGuide p {
  color: #fff;
  float: right;
  font: 13px/16px open_sans_semibold;
  margin-bottom: 0;
  width: 140px;
}

#BotBar .botLeftMenu .hoverGuide span {
  display: block;
  font-size: 16px;
}

#BotBar .botLeftMenu .hoverGuide img {
  float: left;
  margin-top: 5px;
}

#BotBar .botLeftMenu .hoverGuide img[alt="Screen"] {
  margin-right: 10px;
}

#BotBar .botLeftMenu .hoverGuide img[alt="Book"] {
  margin-left: 4px;
  margin-right: 15px;
}

#BotBar .botLeftMenu:hover {
  background-size: 200% 100%;
  padding-top: 12px;
}

#BotBar .botLeftMenu:hover .hoverGuide {
  display: block;
  opacity: 1;
}

#BotBar .botLeftMenu:hover .sepBar {
  display: block;
}

#BotBar .trail-icon {
  padding-top: 13px;
  padding-right: 5px;
  vertical-align: top;
}

#BotBar ul {
  float: right;
}

#BotBar ul li {
  border-left: 1px solid #7E7B75;
  border-right: 1px solid #2F2F2F;
  float: left;
  margin: 3px 0;
  list-style-type: none;
}

#BotBar ul li:first-child {
  border-left: 0 none;
}

#BotBar ul li:last-child {
  border-right: 0 none;
}

#BotBar ul li a {
  background: none;
  font: 13px/51px open_sans;
  padding: 17px 15px;
  line-height: 51px;
  transition: all .2s;
}

#BotBar ul li a:hover {
  background: #3B3833;
}

#BotBar a {
  color: #fff;
  line-height: 56px;
  text-decoration: none;
  vertical-align: top;
}

#BotBar a:hover {
  color: #DEAA5F;
  text-decoration: none;
}

section.intContent {
  background: url("/portals/0/skins/rockcounty_2014/img/contentBack.png") repeat scroll 0 0 transparent;
  padding-top: 136px;
}

section.intContent .breadcrumb {
  line-height: 12px;
}

section.intContent .breadcrumb a {
  color: #757576;
  font: 12px/12px open_sans;
  text-decoration: none;
}

section.intContent .breadcrumb a:hover {
  text-decoration: underline;
}

section.intContent .sliderWrap {
  border: 6px solid #fff;
  -webkit-box-shadow: 0 0 5px 1px rgba(3, 3, 3, 0.44);
  -moz-box-shadow: 0 0 5px 1px rgba(3, 3, 3, 0.44);
  box-shadow: 0 0 5px 1px rgba(3, 3, 3, 0.44);
  margin: 0 0 20px 35px;
  max-width: 96%;
  position: relative;
  width: 445px;
}

section.intContent .sliderWrap .placeholder {
  position: relative;
  width: 100%;
}

section.intContent .sliderWrap .slider {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

section.intContent .sliderWrap~p {
  text-align: justify;
}

section.intContent p {
  color: #66625B;
  font: 14px/24px open_sans;
  margin-bottom: 16px;
}

section.intContent p a {
  color: #7E8DB9;
  text-decoration: none;
}

section.intContent p a:hover {
  text-decoration: underline;
}

section.intContent .venue {
  margin-bottom: 50px;
  vertical-align: middle;
}

section.intContent .venue p {
  margin-bottom: 0;
}

section.intContent .venue>div:first-child {
  display: inline-block;
  margin-right: 2%;
  width: 18%;
}

section.intContent .venue>div:last-child {
  display: inline-block;
  vertical-align: middle;
  width: 79%;
}

section.intContent .venue>div:last-child a {
  text-decoration: none;
}

section.intContent .venue>div:last-child a h2 {
  color: #7E8DB9;
  font: 22px/22px open_sans_bold;
}

section.intContent .venue img {
  max-width: 100%;
}

section.intContent .breadcrumb>div {
  padding-bottom: 20px;
}

section.intContent .twoPane {
  padding-bottom: 35px;
}

section.intContent .twoPane #dnn_LeftPane {
  display: inline-block;
  margin-right: 2%;
  vertical-align: top;
  width: 58%;
}

section.intContent .twoPane #dnn_RightPane {
  display: inline-block;
  vertical-align: top;
  width: 39%;
}

section.intContent ul {
  list-style-type: none;
}

section.intContent .ulClean {
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}

section.intContent .ulClean span {
  color: #66625B;
  display: block;
  font: 16px/20px open_sans_semibold;
  margin-bottom: 3px;
}

section.intContent .ulClean:not(.ulTwoCol) li:not(:last-of-type) a:after {
  color: #000;
  content: ",";
}

section.intContent .ulClean li {
  display: inline-block;
  margin: 0 8px 2px 0;
}

section.intContent .ulClean li:last-of-type {
  border: 0 none;
}

section.intContent .ulClean li a {
  color: #7E8DB9;
  font: 14px/20px open_sans;
  text-decoration: none;
}

section.intContent .ulClean li a:hover {
  text-decoration: underline;
}

section.intContent .ulTwoCol li {
  display: inline-block;
  width: 48%;
}

section.intContent #tblefmain {
  width: 400px;
}

section.intContent .tbLocation * {
  font-size: 14px;
  line-height: 20px;
}

section.intContent #BotBar {
  bottom: -48px;
}

section.intContent #BotBar .guideImgWrap {
  bottom: -66px;
}

section.intContent .trOdd:first-child {
  background: #7E8DB9;
}

section.intContent .trOdd td a {
  color: #7E8DB9;
  text-decoration: none;
}

section.intContent .trEven td {
  background: #EDEAE3;
}

section.intContent .trEven td a {
  color: #7E8DB9;
  text-decoration: none;
}

section.intContent a[name="BandB"],
section.intContent a[name="Cottage Rentals"],
section.intContent a[name="Campgrounds"],
section.intContent a[name="Evansville"],
section.intContent a[name="Edgerton"],
section.intContent a[name="Janesville"],
section.intContent a[name="Beloit"] {
  padding-top: 118px;
}

#dnn_SliderPane {
  margin: 0 auto;
  padding-top: 8px;
  position: relative;
}

#dnn_SliderPane .sliderWrap {
  position: relative;
  width: 100%;
  min-width: 1900px;
}

#dnn_SliderPane .sliderWrap>img.placeholder {
  position: relative;
  width: 100%;
}

#dnn_SliderPane .sliderWrap .slider {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

#dnn_SliderPane .sliderWrap .slider .slideCenter {
  height: 100%;
  margin: 0 auto;
  overflow: visible;
  width: 100%;
}

#dnn_SliderPane .sliderWrap .slider .slideCenter>img {
  margin-left: -452px;
  width: 1903px !important;
}

#dnn_FacebookPane {
  background: #fff;
  margin-top: 117px;
  position: fixed;
  right: 0;
  top: 0;
  transition: 1s;
  width: 295px;
  z-index: 10;
}

#dnn_FacebookPane div[class*="fb"] {
  background: none repeat scroll 0 0 #4A67B5;
  border-radius: 5px 5px 0 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  left: -46px;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  top: 37px;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  width: 45px;
}

#dnn_FacebookPane div[class*="fb"]:hover {
  cursor: pointer;
}

#dnn_FacebookPane div.fbShow {
  display: none;
}

.introSec {
  background: url("/portals/0/skins/rockcounty_2014/img/contentBack.png");
  text-align: center;
}

.introSec .boatImg {
  margin: 0 5% -262px;
  width: 90%;
}

.introSec h2 {
  color: #66625B;
  font: 55px/55px open_sans;
  margin-bottom: 22px;
}

.introSec p {
  color: #66625B;
  font: 20px/34px open_sans;
  margin: 0 30px;
}

.introSec p a {
  color: #66625B;
}

.introSec p a:hover {
  color: #7E8DB9;
}

.introSec img[src*="introBot"] {
  height: 68px;
  margin: 15px auto 20px;
  position: relative;
  width: 11px;
}

#dnn_CultureLeftPane {
  background: #151515;
  float: left;
  height: 629px;
  width: 50%;
}

#dnn_CultureLeftPane .cultLeft {
  float: right;
  margin-right: 70px;
  position: relative;
  text-align: center;
  width: 418px;
}

#dnn_CultureLeftPane .cultLeft p {
  color: #EDEAE3;
  font: 17px/27px open_sans;
  text-align: justify;
}

#dnn_CultureLeftPane .cultLeft p a {
  color: #EDEAE3;
}

#dnn_CultureLeftPane .cultLeft p a:hover {
  color: #7E8DB9;
}

#dnn_CultureLeftPane .cultLeft img {
  margin: 20px 0 90px;
}

#dnn_CultureLeftPane .greyStripe {
  background: #333333;
  margin: 106px 0 16px;
}

#dnn_CultureLeftPane .greyStripe h2.cultLeft {
  color: #EDEAE3;
  font: 35px/38px open_sans;
  text-align: left;
  margin: 16px 70px 16px 0;
}

#dnn_CultureLeftPane .greyStripe h2.cultLeft a {
  color: #EDEAE3;
}

#dnn_CultureLeftPane .greyStripe h2.cultLeft a:hover {
  color: #7E8DB9;
}

#dnn_CultureRightPane {
  float: right;
  width: 50%;
}

.SightsSec {
  border-bottom: 1px solid #B9BABA;
}

.SightsSec img[src*="deer.png"] {
  width: 952px;
}

#dnn_SightsLeftPane {
  float: left;
  position: relative;
  width: 50%;
}

#dnn_SightsLeftPane .Normal>img {
  position: absolute;
  right: 0;
}

#dnn_SightsRightPane {
  background: #F5EEDE;
  float: right;
  height: 638px;
  width: 50%;
}

#dnn_SightsRightPane .sightsRight {
  margin-left: 62px;
  width: 441px;
  font: 17px/27px open_sans;
  text-align: center;
}

#dnn_SightsRightPane .sightsRight p {
  color: #66625B;
  text-align: justify;
}

#dnn_SightsRightPane .sightsRight p a {
  color: #66625B;
}

#dnn_SightsRightPane .sightsRight p a:hover {
  color: #7E8DB9;
}

#dnn_SightsRightPane .sightsRight img {
  margin-top: 20px;
}

#dnn_SightsRightPane .orangeStripe {
  background: #DEAA5F;
  margin-bottom: 20px;
  margin-top: 66px;
  padding: 3px 0;
  width: 100%;
}

#dnn_SightsRightPane .orangeStripe h2.sightsRight {
  color: #3F4040;
  font: 35px/38px open_sans;
  margin: 0 0 0 62px;
  padding: 12px 12px 12px 0;
  text-align: left;
}

#dnn_SightsRightPane .orangeStripe h2.sightsRight a {
  color: #3F4040;
}

#dnn_SightsRightPane .orangeStripe h2.sightsRight a:hover {
  color: #7E8DB9;
}

.golfSec {
  background: url("/portals/0/skins/rockcounty_2014/img/contentBack.png");
  padding-bottom: 150px;
}

.golfSec h2 {
  color: #66625B;
  font: 35px/35px open_sans;
  margin: 0;
  padding: 80px 0 20px;
  text-align: center;
}

.golfSec h2 a {
  color: #66625B;
}

.golfSec h2 a:hover {
  color: #7E8DB9;
}

.golfSec p {
  color: #66625B;
  font: 17px/27px open_sans;
  margin-bottom: 55px;
  text-align: center;
}

.golfSec p a {
  color: #66625B;
}

.golfSec p a:hover {
  color: #7E8DB9;
}

.golfSec .golfCourses li {
  display: inline-block;
  list-style-type: none;
}

.golfSec .golfCourses li img {
  margin-bottom: 18px;
}

.golfSec .golfCourses li img[src*="PrairieWoods"] {
  margin-left: 45px;
}

.golfSec .golfCourses li img[src*="oakRidge"] {
  margin-left: 66px;
}

.golfSec .golfCourses li img[src*="evansville"] {
  margin-left: 55px;
}

.golfSec .golfCourses li img[src*="krueger"] {
  margin-left: 48px;
}

.golfSec .golfCourses li img[src*="blackhawk"] {
  margin-left: 55px;
}

.golfSec .golfCourses li img[src*="glenErin"] {
  margin-left: 55px;
}

.golfSec .golfCourses li img[src*="jLogo"] {
  margin-left: 15px;
}

.golfSec .golfCourses li img[src*="bonnyMeade"] {
  margin-left: 30px;
}

.golfSec .golfCourses li img[src*="bassCreek"] {
  margin-left: 38px;
}

.golfSec .golfCourses li img[src*="hackbarth"] {
  margin-left: 41px;
}

.golfSec .golfCourses li img[src*="cecelias"] {
  margin-left: 49px;
}

.golfSec .golfCourses li img[src*="turtleGreens"] {
  margin-left: 34px;
}

.golfSec .golfCourses li img[src*="edgertonTowne"] {
  margin-left: 28px;
}

.golfSec .golfCourses li img[src*="riversideMunicipal"] {
  margin-left: 25px;
}

.orangeBotBar {
  background: url("/portals/0/skins/rockcounty_2014/img/footTopper.png") no-repeat center 7px #DEAA5F;
  height: 39px;
}

.ActivitiesSec {
  background: url("/portals/0/skins/rockcounty_2014/img/footTopper.png") no-repeat center 778px #DEAA5F;
  height: 755px;
  padding-top: 55px;
}

.ActivitiesSec #dnn_ShopPane {
  float: left;
  position: relative;
  width: 50%;
}

.ActivitiesSec #dnn_ShopPane h2 {
  color: #3F4040;
  font: 32px/36px open_sans;
  margin: 32px 0 14px;
}

.ActivitiesSec #dnn_ShopPane p {
  color: #3F4040;
  font: 17px/27px open_sans;
  width: 475px;
}

.ActivitiesSec #dnn_ShopPane p a {
  color: #3F4040;
}

.ActivitiesSec #dnn_ShopPane p a:hover {
  color: #7E8DB9;
}

.ActivitiesSec #dnn_EventsPane {
  float: right;
  position: relative;
  width: 50%;
}

.ActivitiesSec #dnn_EventsPane .vertDots {
  border-left: 1px dotted #000000;
  bottom: -50px;
  height: 260px;
  position: absolute;
  width: 0;
}

.ActivitiesSec #dnn_EventsPane h2 {
  color: #3F4040;
  font: 32px/36px open_sans;
  margin: 32px 0 14px 40px;
}

.ActivitiesSec #dnn_EventsPane p {
  color: #3F4040;
  font: 17px/27px open_sans;
  margin-left: 40px;
  width: 475px;
}

.ActivitiesSec #dnn_EventsPane p a {
  color: #3F4040;
}

.ActivitiesSec #dnn_EventsPane p a:hover {
  color: #7E8DB9;
}

footer .footTop {
  border-bottom: 1px dotted #B5B5B5;
  padding-bottom: 20px;
}

footer .footVertDots {
  border-left: 1px dotted #B5B5B5;
  float: left;
  height: 135px;
  margin-top: 70px;
  width: 0;
}

footer #dnn_footTopLeftPane {
  width: 32.22%;
}

footer #dnn_footTopLeftPane p {
  font: 13px/20px open_sans;
  padding-right: 5px;
}

footer #dnn_footTopLeftPane p a:hover {
  color: #DEAA5F;
  text-decoration: none;
}

footer #dnn_footTopLeftPane .footVid img {
  margin-right: 5px;
  width: 125px;
}

footer #footMenu {
  width: 32%;
  margin-left: 7.2%;
}

footer #footMenu ul li {
  margin-right: 0 62px;
  width: 50%;
}

footer #footMenu ul li div {
  font: 13px/20px open_sans;
  padding-right: 5px;
}

footer #footMenu ul li:hover ul {
  display: none;
}

footer #dnn_footTopRightPane {
  margin-left: 5.5%;
  width: 22.5%;
}

footer #dnn_footTopRightPane li a {
  font: 13px/20px open_sans;
}

footer .footBotWrap {
  color: #91A6A4;
  font: 11px/11px open_sans;
}

footer .footBotWrap * {
  color: #91A6A4;
  line-height: 36px;
  text-decoration: none;
}

footer .footBotWrap a:hover {
  color: #3F4040;
}

footer .footBotWrap .footBotLeft {
  float: left;
}

footer .footBotWrap .footBotLeft * {
  margin: 0 4px;
}

footer .footBotWrap .footBotLeft>span {
  margin-left: 0;
}

footer .footBotWrap .footBotRight {
  float: right;
}

footer .footBotWrap .footBotRight>* {
  display: inline-block;
  margin: 0 4px;
}

footer .footBotWrap .footBotRight>.loginGroup {
  margin-right: 0;
}

#mobileMenu {
  display: none;
}

.mobile {
  display: none;
}

.desktop {
  display: inline;
  padding: 0;
}

.desktop ul {
  margin-bottom: 0;
}

.lt-ie11 #dnn_FacebookPane {
  display: none;
}

@media only screen and (max-width: 1100px) {
  nav.mainNav .fmCleanMenu li {
    margin: 0 9px;
  }

  nav.mainNav .fmCleanMenu li:first-child {
    margin-right: 9px;
  }

  nav.mainNav .fmCleanMenu li:last-child {
    margin-left: 9px;
  }

  .introSec .boatImg {
    margin-bottom: -200px;
  }

  #BotBar {
    display: none;
  }

  #dnn_ContentPane br {
    display: none;
  }

  #dnn_ContentPane .dvContactInfo br {
    display: block;
  }

  .content #dnn_CultureLeftPane div .cultLeft {
    margin-right: 40px;
    width: 335px;
  }

  .content #dnn_SightsRightPane div .sightsRight {
    margin-left: 40px;
    width: 335px;
  }

  #dnn_SightsRightPane .orangeStripe {
    margin-top: 18px;
  }

  #dnn_CultureLeftPane .cultLeft img,
  #dnn_SightsRightPane .sightsRight img {
    display: none;
  }

  .ActivitiesSec #dnn_ShopPane p {
    max-width: 94%;
    text-align: justify;
  }

  .ActivitiesSec #dnn_ShopPane h2 {
    font: 28px/28px open_sans;
  }

  .ActivitiesSec #dnn_ShopPane .Normal>img {
    max-width: 100%;
  }

  .ActivitiesSec #dnn_EventsPane p {
    max-width: 94%;
    margin-left: 6%;
    text-align: justify;
  }

  .ActivitiesSec #dnn_EventsPane h2 {
    font: 28px/32px open_sans;
  }

  .ActivitiesSec #dnn_EventsPane .Normal>img {
    max-width: 100%;
  }

  .fltR.locMap {
    display: block;
    float: none;
    margin: 0 auto 10px;
    max-width: 90%;
  }

  footer #footMenu {
    margin-left: 5.2%;
  }

  .footVid img {
    display: none;
  }
}

@media only screen and (max-width: 870px) {
  html header {
    position: relative;
  }

  html header .headLeft {
    margin-bottom: 6px;
  }

  html header .headLinks {
    display: none;
  }

  .desktop {
    display: none;
  }

  #mobileMenu {
    display: inline;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 911;
  }

  #mobileMenu #menuBtn {
    text-decoration: none;
  }

  #mobileMenu #menuBtn:focus {
    outline: 0 none;
  }

  #mobileMenu #menuBtn:active,
  #mobileMenu #menuBtn:hover {
    text-decoration: none;
  }

  #mobileMenu #menuBtn:active div,
  #mobileMenu #menuBtn:hover div {
    background-color: #66625B;
  }

  #mobileMenu #menuBtn div {
    background: url("../js/mmenu/menu.png") no-repeat scroll 58px 8px #7E8DB9;
    color: #fff;
    font: 19px/30px arial, verdana, tahoma;
    height: 100%;
    padding: 0 0 0 5px;
    width: 100%;
  }

  div.mm-page {
    width: 100%;
  }

  #dnn_SliderPane {
    padding-top: 0;
    width: 100%;
  }

  #dnn_SliderPane .sliderWrap {
    min-width: 0;
  }

  #dnn_SliderPane .sliderWrap .slider .slideCenter>img {
    height: 100% !important;
    margin-left: 0;
    width: 100% !important;
  }

  div#dnn_FacebookPane {
    position: absolute;
    margin-top: 0;
  }

  div#dnn_FacebookPane iframe {
    height: 400px !important;
  }

  .introSec {
    padding-bottom: 30px;
  }

  .introSec .boatImg,
  .introSec img[src*="introBot"] {
    display: none;
  }

  .introSec h2 {
    font: 40px/40px open_sans;
    margin-top: 0;
    padding-top: 20px;
  }

  section.intContent {
    padding-top: 20px;
  }

  section.intContent .venue>div:first-child {
    margin-top: 12px;
    vertical-align: top;
  }

  #dnn_CultureLeftPane {
    float: none;
    height: auto;
    padding-bottom: 30px;
    padding-top: 1px;
    text-align: center;
    width: 100%;
  }

  #dnn_CultureLeftPane .greyStripe {
    margin-top: 30px;
  }

  #dnn_CultureLeftPane div .Normal *.cultLeft {
    text-align: center;
    width: 94%;
    margin: 0 auto;
    float: none;
    padding: 12px 0;
  }

  #dnn_CultureLeftPane div .Normal *.cultLeft img {
    display: none;
  }

  #dnn_CultureRightPane {
    float: none;
    width: 100%;
  }

  #dnn_CultureRightPane .Normal>img {
    width: 100%;
  }

  #dnn_SightsLeftPane {
    float: none;
    width: 100%;
  }

  #dnn_SightsLeftPane .Normal>img {
    position: relative;
    width: 100%;
  }

  #dnn_SightsRightPane {
    float: none;
    height: auto;
    padding-bottom: 30px;
    padding-top: 1px;
    width: 100%;
  }

  #dnn_SightsRightPane .orangeStripe {
    margin-top: 30px;
  }

  #dnn_SightsRightPane div.Normal *.sightsRight {
    margin: 0 auto;
    width: 96%;
    padding: 12px 0;
    text-align: center;
  }

  #dnn_SightsRightPane div.Normal *.sightsRight br {
    display: none;
  }

  #dnn_SightsRightPane div.Normal *.sightsRight img {
    display: none;
  }

  .golfSec {
    padding-bottom: 25px;
  }

  .golfSec h2 {
    padding-top: 30px;
  }

  .golfSec ul.golfCourses {
    text-align: center;
  }

  .golfSec #dnn_GolfPane .golfCourses li img {
    margin: 0 10px 10px;
  }

  footer .footBotWrap {
    margin-top: 10px;
  }

  footer .footBotWrap .footBotLeft,
  footer .footBotWrap .footBotRight {
    width: 100%;
    float: none;
    text-align: center;
    line-height: 20px;
    margin-bottom: 5px;
  }

  footer .footBotWrap .footBotLeft *,
  footer .footBotWrap .footBotRight * {
    line-height: 20px;
  }

  section.intContent table#tblefmain {
    width: 350px;
  }

  section.intContent table#tblefmain table {
    width: 350px !important;
  }

  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td input,
  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td textarea,
  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td input,
  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td select {
    width: 200px !important;
  }

  a[name="BandB"],
  a[name="Cottage Rentals"],
  a[name="Campgrounds"],
  a[name="Evansville"],
  a[name="Edgerton"],
  a[name="Janesville"],
  a[name="Beloit"] {
    padding-top: 0 !important;
  }
}

@media only screen and (max-width: 650px) {
  header div.headLeft {
    float: none;
    text-align: center;
    width: 100%;
  }

  header .headRight {
    float: none;
    text-align: center;
    width: 100%;
  }

  header .headRight h2 {
    margin-top: 7px;
  }

  .introSec #dnn_FacebookPane {
    right: auto !important;
    position: relative;
    width: 96% !important;
    background-color: transparent;
    margin: 0 auto;
  }

  .introSec #dnn_FacebookPane .fbShow,
  .introSec #dnn_FacebookPane .fbHide {
    display: none !important;
  }

  .introSec #dnn_FacebookPane iframe {
    width: 90% !important;
    margin: 10px 5% 0 !important;
    float: none !important;
    background: white;
  }

  .introSec h2,
  #dnn_CultureLeftPane .greyStripe h2.cultLeft,
  #dnn_SightsRightPane .orangeStripe h2.sightsRight,
  .golfSec h2 {
    font: 28px/28px open_sans;
  }

  .ActivitiesSec {
    background-position: center bottom;
    background-size: 90% auto;
    height: auto;
    padding-bottom: 40px;
  }

  .ActivitiesSec #dnn_ShopPane,
  .ActivitiesSec #dnn_EventsPane {
    float: none;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
    width: 96%;
  }

  .ActivitiesSec #dnn_ShopPane h2,
  .ActivitiesSec #dnn_EventsPane h2 {
    line-height: 32px;
    margin-bottom: 6px;
    margin-top: 12px;
  }

  .ActivitiesSec #dnn_ShopPane .vertDots,
  .ActivitiesSec #dnn_EventsPane .vertDots {
    display: none;
  }

  .ActivitiesSec #dnn_ShopPane .Normal>img,
  .ActivitiesSec #dnn_EventsPane .Normal>img {
    width: 100%;
  }

  .ActivitiesSec #dnn_ShopPane p,
  .ActivitiesSec #dnn_EventsPane p {
    margin: 0 auto;
    width: 94%;
  }

  section.intContent .sliderWrap.fltR {
    float: none;
    margin: 0 auto 20px;
  }

  section.intContent .ulTwoCol li {
    display: block;
    text-align: center;
    width: 70%;
    margin: 0 auto 8px;
  }

  section.intContent .ulTwoCol li a {
    line-height: 17px;
  }

  tr.trOdd td:nth-child(3),
  tr.trEven td:nth-child(3) {
    display: none;
  }

  footer .footTop {
    padding-bottom: 10px;
  }

  footer .footTop div#dnn_footTopLeftPane {
    width: 90%;
    max-width: 320px;
    float: none;
    margin: 0 auto;
  }

  footer .footTop .footerBox {
    text-align: center;
  }

  footer .footTop .footerBox h2 {
    margin-top: 20px;
  }

  footer .footTop .footerBox h2 img {
    position: relative;
  }

  footer .footTop #footMenu {
    width: 90%;
    margin: 0 auto;
    max-width: 320px;
    float: none;
  }

  footer .footTop #dnn_footTopRightPane {
    width: 90%;
    max-width: 225px;
    margin: 0 auto;
    float: none;
  }

  footer .footTop .footVertDots {
    border-left: 0 none;
    border-bottom: 1px dotted #b5b5b5;
    width: 100%;
    height: 0;
    margin: 10px 0;
    float: none;
  }

  footer .footBotWrap span#dnn_dnnCopyright_lblCopyright:after {
    white-space: pre;
    content: "\a";
  }

  footer .footBotWrap .footBotLeft,
  footer .footBotWrap .footBotRight {
    font-size: 0;
  }

  footer .footBotWrap .footBotLeft *,
  footer .footBotWrap .footBotRight * {
    font-size: 12px;
  }

  footer .footBotWrap .footBotLeft p,
  footer .footBotWrap .footBotRight p {
    width: 100%;
    margin: 0;
  }

  .dvContactInfo {
    float: none;
    text-align: center;
  }

  section.intContent table#tblefmain {
    margin: 0 auto;
    width: 310px;
  }

  section.intContent table#tblefmain table {
    width: 310px !important;
  }

  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td input,
  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td textarea,
  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td input,
  section.intContent table#tblefmain table .DCC_EF_FieldCaptionStyle+td select {
    width: 200px !important;
  }

  .intMain h1 span {
    display: block;
    text-align: center;
  }

  div#footMenu:after {
    content: " ";
    white-space: pre;
    height: 0;
  }
}

@media only screen and (max-width: 425px) {
  header .headRight h2 .phoneBreak {
    display: block;
    line-height: 5px;
  }

  header .headRight h2 .headPhone {
    display: none;
  }

  section.intContent .venue {
    margin-bottom: 30px;
  }

  section.intContent .venue div:first-child {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 96%;
  }

  section.intContent .venue>div:last-child {
    display: block;
    margin: 0 auto;
  }

  section.intContent .venue>div:last-child h2 {
    text-align: center;
  }

  .footBotRight p a:before {
    content: " \A ";
    white-space: pre;
  }
}

/*
	jQuery.mmenu CSS
*/
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal>.mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border;
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid transparent;
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0);
}

.mm-menu .mm-hidden {
  display: none;
}

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0;
}

.mm-fixed-top {
  top: 0;
}

.mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened .mm-page,
.mm-menu>.mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: #fff;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.mm-menu>.mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}

.mm-menu>.mm-panel.mm-opened {
  left: 0%;
}

.mm-menu>.mm-panel.mm-subopened {
  left: -40%;
}

.mm-menu>.mm-panel.mm-highest {
  z-index: 1;
}

.mm-menu>.mm-panel.mm-hidden {
  display: block;
  visibility: hidden;
}

.mm-menu .mm-list {
  padding: 20px 0;
}

.mm-menu>.mm-list {
  padding: 20px 0 40px 0;
}

.mm-panel>.mm-list {
  margin-left: -20px;
  margin-right: -20px;
}

.mm-panel>.mm-list:first-child {
  padding-top: 0;
}

.mm-list,
.mm-list>li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-list {
  font: inherit;
  font-size: 14px;
}

.mm-list a,
.mm-list a:hover {
  text-decoration: none;
}

.mm-list>li {
  position: relative;
}

.mm-list>li>a,
.mm-list>li>span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}

.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.mm-list a.mm-subopen::before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}

.mm-list a.mm-subopen+a,
.mm-list a.mm-subopen+span {
  padding-right: 5px;
  margin-right: 40px;
}

.mm-list>li.mm-selected>a.mm-subopen {
  background: transparent;
}

.mm-list>li.mm-selected>a.mm-fullsubopen+a,
.mm-list>li.mm-selected>a.mm-fullsubopen+span {
  padding-right: 45px;
  margin-right: 0;
}

.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}

.mm-list>li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}

.mm-list>li.mm-spacer {
  padding-top: 40px;
}

.mm-list>li.mm-spacer.mm-label {
  padding-top: 25px;
}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}

.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel {
  display: block;
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen {
  height: 40px;
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 16px;
}

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-ismenu {
  background: #333333;
}

.mm-menu {
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu .mm-list>li:after {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list>li>a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list>li>a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu .mm-list>li.mm-selected>span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list>li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(255, 255, 255, 0.05);
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 80%;
}

.mm-menu {
  width: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 440px;
  }
}

html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

html.mm-nooverflowscrolling.mm-opened body {
  overflow: auto;
}

html.mm-nooverflowscrolling.mm-opened .mm-page {
  min-height: 1000px;
  position: fixed;
}

html.mm-nooverflowscrolling.mm-opened .mm-menu {
  height: auto;
  min-height: 1000px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  left: auto;
  top: auto;
}

html.mm-nooverflowscrolling.mm-opened>.mm-panel {
  position: relative;
  height: auto;
  display: none;
  left: 0;
}

html.mm-nooverflowscrolling.mm-opened>.mm-panel.mm-current {
  display: block;
}

/*Derrek's Fixes */
nav.mm-opened {
  background: #66625B;
}

nav.mm-opened .mm-list>li>a.mm-subclose {
  color: #fff;
}

nav.mm-opened .subLevel.mm-panel {
  display: block;
}

nav.mm-opened .subLevel.mm-panel ul {
  margin: 0 -20px;
}

nav.mm-opened .item {
  width: 100%;
}

nav.mm-opened .item div {
  color: #FFFFFF;
}

/* FancyBox - jQuery Plugin Simple and fancy lightbox alternative  Examples and documentation at: http://fancybox.net  Copyright (c) 2008 - 2010 Janis Skarnelis That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.  Version: 1.3.4 (11/11/2010) Requires: jQuery v1.3+  Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("fancybox.png");
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("fancybox.png") -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("blank.gif");
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url("fancybox.png");
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url("fancybox.png");
  background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("fancybox-x.png");
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("fancybox.png");
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("fancybox-y.png");
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("fancybox.png");
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("fancybox-x.png");
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("fancybox.png");
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("fancybox-y.png");
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("fancybox.png");
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url("fancy_title_over.png");
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("fancybox.png") -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("fancybox-x.png") 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("fancybox.png") -55px -90px no-repeat;
}

/* IE6 */
.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2) + (ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}