@charset "utf-8";

html, body{
height:100%;
}

body{
padding:0;
margin:0;
font-family: Tahoma, sans-serif;
font-size: 0.8em;
background:transparent url('../images/grassbg.jpg') 0 0;
color:#000;
}

h1{
font-family: georgia;
font-size: 1.5em;
font-weight:200;
color:#FFF;
margin:0 0 10px 0;
}

span.bluebg{
background:#0069AA;
display:block;
padding:8px 10px;
}

h2{
font-family: georgia;
font-size: 1.3em;
font-weight:200;
color:#FFF;
margin-bottom:0;
}

span.redbg{
padding:8px 10px;
background:#CD071E;
display:block;
}

span.date{
font-size:small;
padding-left:10px;
color:#000;
}

span.margtopbot{
margin-bottom:10px;
}

a{
color:#0069AA;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

p{
padding-left:5px;
}

#feedme{
padding:10px;
}

#button{
width:20px;
height:20px;
float:left;
margin-right:10px;
}

#zbhead{
background:transparent url('../images/zbhead.gif') 0 0 repeat-x;
height:182px;
position:relative;
margin-bottom:-149px;
z-index:1;
}

#shadow{
width:1010px;
margin:0 auto;
background:transparent url('../images/shadow.png') 0 0 repeat-y;
margin-bottom:40px;
position:relative;
z-index:2;
}

#container{
width:980px;
margin:0 auto;
background:transparent url('../images/containerbg.png') 0 0;
border:3px solid #FFF;
position:relative;
z-index:2;
}

#header{
height:237px;
position:relative;
z-index:3;
}

#black{
background:transparent url('../images/blopaque.png') 0 0;
width:980px;
height:70px;
position:absolute;
bottom:0;
left:0;
border-bottom:1px solid #797979;
}

#menu{
position:absolute;
bottom:2px;
left:4px;
}

#menu ul{
margin:0;
padding:0;
margin-left:-3px;
}

#menu ul li{
font-family: verdana;
display:inline;
text-align:center;
font-weight:bold;
background:url('../images/menubg.gif') 0 0 repeat-x;
cursor:pointer;
padding:3px 10px;
border-left:1px solid #CCC;
border-right:1px solid #797979;
position:relative;
}

#menu ul li:hover, #menu ul li.active{
background:url('../images/menubg_active.gif') 0 0 repeat-x;
}

#menu ul li a{
color:#0069AA;
text-decoration:none;
}

#menu ul li:hover a, #menu ul li.active a{
color:#000;
text-decoration:none;
}

#searchbox{
width:265px;
position:absolute;
bottom:0;
right:0;
}

#searchbox input{
width:200px;
border:1px solid #6F7D3F;
padding:3px;
background:#FFF url('../images/inputbg.gif') 0 0 repeat-x;
color:#CCC;
}

img#logozbgolf{
position:absolute;
top:0;
left:0;
z-index:1000;
}

img#logozgolfclub{
position:absolute;
top:0;
right:0;
z-index:1000;
}

#content{
width:665px;
float:left;
margin:10px 5px 0 0;
padding:4px;
}

.content{
margin-bottom:50px;
}

#sidebar{
width:300px;
float:left;
}

.box{
background:transparent url('../images/transgrey.png') 0 0;
}

.box ul{
margin:0;
padding:10px;
list-style:none;
}

.box ul li:hover{}

.box ul li:hover a{}

/* rotator in-page placement */
div#rotator {
position:relative;
height:300px;
}

/* rotator css */
div#rotator ul li {
float:left;
position:absolute;
list-style: none;
}

/* rotator image style */
div#rotator ul li img {
border:1px solid #ccc;
padding: 4px;
background: #FFF;
}

div#rotator ul li.show {
z-index:500
}

.banner{
margin-top:20px;
}

#credits{
width:950px;
margin:0 auto;
text-align:center;
padding:10px;
}

.txtshadow{
color:#FFF;
position:absolute;
top:4px;
left:11px;
z-index:1;
}

.txthover{
position:relative;
z-index:300;
}

/* ### HIGHLIGHT SEARCH RESULTS ### */

.highlight, .highlight1{
background-color:yellow;
}
.highlight2 {
background-color:lime;
}
.highlight3 {
background-color:pink;
}

hr{
height:1px;
border:0px;
background-color:#007ADA;
margin:4px 0px 4px 0px;
}

.clear{
clear:both;
}

div.separator{
margin-top: 10px;
padding-bottom: 10px;
clear:both;
}

img{
border:none;
}

/*  ### FOTOGALLERY ### */

.gallery {
background: #fff; 
border: 1px solid #ddd;
float: right;
text-align: left;
padding: 3px; 
}

.thumb{
margin-right:3px;
opacity:0.4;
filter:alpha(opacity=40);
height:34px;
}

.thumb:hover {
opacity: 1;
filter:alpha(opacity=100);
}

.invisible{
visibility:hidden;
}

.image_right{
width:150px;
text-align:center;
float:right;
padding:0 0 5px 5px;
}

#footer{
background:transparent url('../images/footerbg.png') 0 0;
height:60px;
color:#FFF;
margin-top:20px;
}

#footer a{
color:#CD071E;
}

/*### COLORBOX STARTS HERE ###*/

#colorbox, #cboxOverlay, #cboxWrapper{
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}

#cboxOverlay{
position:fixed;
width:100%;
height:100%;
}

#cboxMiddleLeft, #cboxBottomLeft{
clear:left;
}

#cboxContent{
position:relative;
overflow:visible;
}

#cboxLoadedContent{
overflow:auto;
}

#cboxLoadedContent iframe{
display:block;
width:100%;
height:100%;
border:0;
}

#cboxTitle{
margin:0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic{
position:absolute;
top:0;
left:0;
width:100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
cursor:pointer;
}

#cboxOverlay{
background:#000;
}

#colorbox{}
#cboxContent{
background:#000; margin-top:20px;
}

#cboxLoadedContent{
background:#000;
padding:5px;
}

#cboxTitle{
position:absolute;
top:-20px;
left:0;
color:#ccc;
}

#cboxCurrent{
position:absolute;
top:-20px;
right:0px;
color:#ccc;
}

#cboxSlideshow{
position:absolute;
top:-20px;
right:90px;
color:#fff;
}

#cboxPrevious{
position:absolute;
top:50%;
left:5px;
margin-top:-32px;
background:url(../images/controls.png) top left no-repeat;
width:28px;
height:65px;
text-indent:-9999px;
}

#cboxPrevious.hover{
background-position:bottom left;
}

#cboxNext{
position:absolute;
top:50%;
right:5px;
margin-top:-32px;
background:url(../images/controls.png) top right no-repeat;
width:28px;
height:65px;
text-indent:-9999px;
}

#cboxNext.hover{
background-position:bottom right;
}

#cboxLoadingOverlay{
background:#000;
}

#cboxLoadingGraphic{
background:url(../images/loading.gif) center center no-repeat;
}

#cboxClose{
position:absolute;
top:5px; right:5px;
display:block;
background:url(../images/controls.png) top center no-repeat;
width:38px;
height:19px;
text-indent:-9999px;
}

#cboxClose.hover{
background-position:bottom center;
}

/* ### COLORBOX ENDS HERE ### */


/* ### GENERAL FORM STYLES ### */
fieldset {
margin: -40px 0 15px 0;
padding: 10px;
position: relative;
border:0;
}

fieldset p {
font-size: 0.85em;
}

legend {
padding: 1px 0;
}

input, textarea {
cursor: auto;
vertical-align: middle;
padding: 4px;
color: #111111;
border: 1px solid #AFAEAA;
background-color: #E9E9E2;
}

input:hover, textarea:hover {
background-color: #FFF;
}

optgroup, select {
font-weight: normal;
font-style: normal;
cursor: pointer;
vertical-align: middle;
width: auto;
color: #000;
}

optgroup {
font-size: 1.00em;
font-weight: bold;
}

optgroup.disabled-options {
display: none;
background-color: gray;
}

option {
padding: 0 1em 0 0;
color: #000;
}

option.disabled-option {
color: graytext;
}

textarea {
width: 60%;
padding: 2px;
}

label {
cursor: pointer;
font-size: 0.85em;
padding: 0 5px 0 0;
}

label input {
font-size: 1.00em;
vertical-align: middle;
}

label img {
vertical-align: middle;
}

select option.disabled {
background-color: #bbb;
color: #fff;
}

dl {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.00em;
}

dt {
float: left;
width: auto;
}

dd {
color: #666666;
}

dd + dd {
padding-top: 5px;
}

dt span {
padding: 0 5px 0 0;
}

dt .explain {
font-style:italic;
}

dt label {
font-size: 1.00em;
text-align: left;
font-weight: bold;
color: #4A5A73;
}

dd label {
font-size: 1.00em;
white-space: nowrap;
margin: 0 10px 0 0;
color: #4A5A73;
}

/* Tweak for Moz to align checkboxes/radio buttons nicely */
html>body dd label input {
vertical-align: text-bottom;
}
/* end */

dd input {
font-size: 1.00em;
max-width: 100%;
}

dd select {
font-size: 100%;
width: auto;
max-width: 100%;
}

dd textarea {
font-size: 0.90em;
width: 90%;
}

dd select {
width: auto;
font-size: 1.00em;
}

fieldset dl {
margin-bottom: 15px;
font-size: 0.85em;
}

fieldset dt {
width: 30%;
text-align: left;
border: none;
border-right: 1px solid #CCCCCC;
padding-top: 3px;
}

fieldset dd {
margin: 0 0 0 30%;
padding: 0 0 0 5px;
border: none;
border-left: 1px solid #CCCCCC;
vertical-align: top;
font-size: 1.00em;
}

dd.full {
margin: 0;
border: 0;
padding: 0;
padding-top: 3px;
text-align: center;
width: 95%;
}

/* Hover highlights for form rows */
fieldset dl:hover dt, fieldset dl:hover dd {
border-color: #666666;
}

fieldset dl:hover dt label {
color: #000000;
}

fieldset dl dd label:hover {
color: #BC2A4D;
}

input:focus, textarea:focus {
border: 1px solid #BC2A4D;
background-color: #FFF;
color: #BC2A4D;
}

/* ### SUBMIT BUTTONS FIELDSETS AND PARAGRAPHS ### */
fieldset.submit-buttons {
text-align: center;
border: none;
background-color: transparent;
margin: 0;
padding: 4px;
margin-top: -1px;
}

p.submit-buttons {
text-align: center;
margin: 0;
padding: 4px;
margin-top: 10px;
}

fieldset.submit-buttons input, p.submit-buttons input {
padding: 3px 2px;
}

fieldset.submit-buttons legend {
display: none;
}

/* ### INPUT FIELD STYLES ### */

input.radio, input.permissions-checkbox {
width: auto !important;
background-color: transparent;
border: none;
cursor: default;
}

input.full, textarea.full {
width: 95%;
}

input.title {
width:95%;
font-size:1.5em;
font-weight:bolder;
padding:3px;
}

input.medium {
width: 60%;
}

input.narrow {
width: 25%;
}

input.tiny {
width:10%;
}

input.disabled {
font-weight: normal;
color: #666666;
}