html {padding: 0px; margin: 0px; width: 100%; height: 100%;}
body {padding: 0px; margin: 0px; width: 100%; height: 100%; font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: justify; background: #EFEFEF url(../images/design/gray-gradient-background.png) left top repeat-x;}

img {border-style: none;}
strong, b {font-weight: bold;}
em, i, cite {font-style: italic;}

del {text-decoration: line-through;}
ins {text-decoration: underline;}
address {font-style: normal; text-transform: none;}

abbr{border: none; /*border-bottom: 1px dashed gray;/**/}
acronym {font-variant: small-caps; border-bottom: 1px dashed gray;}
dfn {font-style: italic; border-bottom: 1px dashed gray;}
/*pre {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
/**/

h1 {color: #C84B4B; font-size: 140%; font-weight: bold;}
h2 {font-size: 110%; color: #C84B4B;}
h3, h4, h5, h6 {font-size: 100%; color: #C84B4B;}

legend {font-size: 110%; color: #C84B4B;}
fieldset img {float: right; padding: 5px 5px 5px 15px;}

small {font-size: 80%;}
big {font-size: 120%;}

a {color: #C84B4B; font-weight: bold; text-decoration: underline;}
a:link {color: #C84B4B; text-decoration: none;}
a:visited {color: #DD8E8E; text-decoration: none;}
a:hover {color: #DD8E8E; text-decoration: underline;}
.center {text-align: center; margin: auto;}
.float {float: right; clear: both; margin: 5px 10px; padding: 10px; color: #C84B4B; text-align: center; text-transform: uppercase; font-size: 110%; line-height: 1.1em; border: 2px solid #C84B4B;}
.no-border {border: none;}
.border {border: 1px solid gray;}
.required {color: #C84B4B;}
.inline {display: inline; padding: 10px;}

.video {text-align: center; padding: 10px;}

.clear {clear: both;}

.home-box {width: 820px; padding-bottom: 50px;}
.box {position: relative; float: left; width: 250px; height: 150px; margin: 10px; text-align: center;}
.box a {display: block; width: 100%; height: 100%;}
.box a, .box a:link, .box a:visited, .box a:hover {color: white; font-weight: normal; text-decoration: none;}

.box big {position: absolute; left: 0; top: 0; width: 100%; text-transform: uppercase; font-weight: bold; text-align: center;}
.box big.shadow {margin: 2px 2px 0 0; color: #333;  /*z-index: -1;/**/}
.box .box-text {position: absolute; left: 5px; top: 120px; width: 240px; text-align: center; color: #333; /*display: none;/**/ /*font-size: 75%; width: 70px;/**/}


.box.golf-schools {background: transparent url(../images/content/home-page/golf-schools.jpg) left top no-repeat;}
.box.juniors {background: transparent url(../images/content/home-page/juniors.jpg) left top no-repeat;}
.box.corporate {background: transparent url(../images/content/home-page/corporate.jpg) left top no-repeat;}
.box.ladies {background: transparent url(../images/content/home-page/ladies.jpg) left top no-repeat;}
.box.golf-getaways {background: transparent url(../images/content/home-page/golf-getaways.jpg) left top no-repeat;}
.box.the-immel-bar {background: transparent url(../images/content/home-page/the-immel-bar.jpg) left top no-repeat;}
.box.private-instruction {background: transparent url(../images/content/home-page/private-instruction.jpg) left top no-repeat;}



#wrapper {position: relative; margin: auto; top: 25px; padding-bottom: 20px; width: 900px; height: auto;}

#header {position: relative; height: 290px; background: white url(../images/design/round-header-top.png) left top no-repeat;}
.wai {position: absolute; right: 10px; top: -1.8em; text-transform: uppercase; background-color: #333;}
.wai a, .wai a:visited, .wai a:hover {color: #CCC;}
.phone {position: absolute; top: 10px; right: 10px; width: 184px; padding: 15px 10px 10px 10px; text-align: right; text-shadow: 1px 1px 0 #666; font-size: 190%; color: white; background: transparent url(../images/design/phone-background.png) left top no-repeat;}

#banner {position: absolute; top: 60px; left: 0; width: 880px; height: 180px; margin: 0 10px; background: #666 url(../images/design/banner.jpg) left top no-repeat;}
#banner a, #banner a:link, #banner a:visited, #banner a:hover {color: white; font-weight: normal; text-transform: uppercase; text-decoration: none;}

.title {position: absolute; top: 50px; right: 50px; font-size: 350%;}
.motto {position: absolute; top: 95px; right: 135px; font-size: 150%;}

table {text-align: center;}
th,td {padding: 0 10px;}
/*th {color: #C84B4B;}/**/

table.citrus th {font-size: larger;}
table.citrus tr > td {text-align: left;}
table.citrus td + td {text-align: center;}
table.citrus .emphasized td {font-weight: bold;  padding-bottom: 10px;}


.menu.above {position: absolute; left: 7px; top: 10px; margin: auto; color: black; font: 150% "Trebuchet MS", sans-serif; text-align: center; z-index: 1;}
.menu ul {margin: 0; padding: 0; list-style-type: none; z-index: 1;}
.menu ul li {float: left; background: transparent url(../images/design/menu-separator.png) -1px bottom no-repeat;}

.menu ul li.first {background-image: none;}
.menu ul li a {color: #333; display: block; margin: 0 3px; text-decoration: none; font-weight: bold; text-align: center; }
.menu ul li span {display: block;}
.menu ul li a .middle {padding: 15px 0 10px 0; margin-right: 15px;}
.menu ul li a .right {margin-left: 15px;}

.menu ul li a:hover {color: white; text-shadow: 1px 1px 0 #666; background: transparent url(../images/design/menu-item-left.png) left top no-repeat;}
.menu ul li a:hover .middle {background: transparent url(../images/design/menu-item-middle.png) left top repeat-x;}
.menu ul li a:hover .right {background: transparent url(../images/design/menu-item-right.png) right top no-repeat;}

.menu li ul {position: absolute; width: 235px; left: -999em; margin-left: 3px; font-size: 85%; background: #C84B4B url(../images/design/menu-dropdown-background.png) left top repeat-y; border-bottom: 2px solid white; border-right: 2px solid white;}
.menu ul li ul li {clear: both; width: 100%; background-image: none;}
.menu li ul.short {width: 150px;}
.menu ul li ul li a {display: block; width: 100%; margin: 0; padding-left: 10px; text-align: left; text-shadow: none;}
.menu ul li ul li a:hover {background-image: none; text-shadow: 1px 1px 0 #666;}

.menu.below {position: absolute; left: 10px; top: 240px; /* -> /**/ width: 880px; padding-left: 0; /* <- 880px /**/ margin: auto; color: black; font: 120% "Trebuchet MS", sans-serif; text-transform: uppercase; text-align: center; z-index: 1; background: #C84B4B url(../images/design/menu2-background.png) left bottom no-repeat;}
.menu.below ul li {float: left; background-image: none; /*background: transparent url(../images/design/menu-separator.png) -1px bottom no-repeat;/**/}

.menu.below ul li a {color: white; text-shadow: 1px 1px 0 #666;/* display: block; margin: 0 3px; text-decoration: none; font-weight: bold; text-align: center; /**/}
.menu.below ul li a .middle {padding: 15px 9px; margin: 0;}
.menu.below ul li a .right {margin: 0;}

.menu.below ul li a:hover {color: #333; text-shadow: none; background-image: none;}
.menu.below ul li a:hover .middle {background-image: none;}
.menu.below ul li a:hover .right {background-image: none;}

.menu.below li ul {position: absolute; width: 235px; left: -999em; margin-left: 3px; font-size: 85%; background-image: none; border: 2px solid white;}

.menu li:hover ul, .menu li.sfhover ul {left: auto;}

.book-lesson {float: right;}
.book-lesson a {display: block; padding: 15px; text-decoration: none; text-shadow: 1px 1px 0 #666;/**/ background: transparent url(../images/design/book-lesson-background.png) 10px 10px no-repeat; font-size: 110%;;}

.book-lesson a:hover {background: transparent url(../images/design/book-lesson-hover-background.png) 10px 10px no-repeat;/*color: #333; text-shadow: none;/**/}


#content {width: auto; padding: 10px; text-align: justify; font-size: 120%; background-color: white;}
#sponsors {clear: both; text-align: center;}
#sponsors img {padding: 10px;}

#footer {clear: both; height: 100px; padding: 7px; text-align: center; background: #333 url(../images/design/footer-gray-background.png) left top repeat-x;}
#footer address {margin-top: 22px; color: white; font-size: 120%;}
#footer small {color: #CCC;}
#footer small a, #footer small a:visited, #footer small a:hover {color: white;}

@media print {
html {padding: 0; margin: 0; width: 100%; height: 100%;}
body {padding: 0; margin: 0; width: 100%; height: 100%; font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: justify; background-color: white; background-image: none;}

img {border-style: none;}
strong, b {font-weight: bold;}
em, i, cite {font-style: italic;}

h1 {color: #666; font-size: 120%; font-weight: bold;}
h2 {color: #666; font-size: 110%;}
h3, h4, h5, h6 {color: #666; font-size: 100%;}

small {font-size: 80%;}
big {font-size: 120%;}

a, a:link, a:visited, a:hover {color: #666; font-weight: bold; text-decoration: underline;}
.print-hide,.float {display: none;}
.required {color: #666;}

#wrapper {position: relative; margin: auto; padding: 0; top: 0; width: 100%; height: auto; background-color: white; background-image: none;}
.menu,#header,#sponsors,#footer {display: none;}
#content_wrapper {width: auto; margin: 0; background-color: white; background-image: none;}
#content {width: auto; margin: 10px; padding: 0;}
}