body {
    background: #222222 url(/art/bkgnd1.gif) left top repeat-x;
    font-family:        Verdana, Arial, Helvetica;
    font-size:          12pt;
}
h1 {
    font-size:          150%;
    padding:            0;
    margin:             0;
}
h2 {
    font-size:          120%;
    padding:            0;
    margin:             0;
}
img {
    vertical-align:     middle;
    border:             none;
}
a:link, a:visited { color:#004400; text-decoration: none; }
a:hover {text-decoration:underline; color:#00aa00;}
a.clickHere:link, a.clickHere:visited {text-decoration: underline; color:#ffdd00; }
a.clickHere:hover {color:#00ddff;}
div p {
    margin:             0;
    padding:            0;
}
div#box {
    position:           relative;
    width:              960px;
    margin:             0 auto;
    border:             none;
    background:         #ffffff;
}
div#title {
    position:           relative;
    margin:             8px 0 0;
    width:              960px;
    height:             125px;
    padding:            10px;
    overflow:           hidden;
}
div#title div#tclogo {
    position:           absolute;
    top:                10px;
    left:               10px;
}
div#title div#welcome {
    position:           absolute;
    top:                10px;
    left:               145px;
    width:              525px;
    height:             125px;
    padding:            0 0 0 8px;
}
div#title div#mcpcity {
    position:           absolute;
    top:                10px;
    left:               815px;
    width:              126px;
    height:             125px;
    padding:            0 10px;
}
div#title div#wxReports {
    position:           absolute;
    top:                10px;
    left:               690px;
    height:             125px;
    overflow:           hidden;
}
div#title div#wxReports div {
    position:           relative;
    top:                -24px;
}
div#title div#wxReports div a {
    display:            block;
    width:              100%;
    text-align:         center;
}
div#title table {
    font-size:          80%;
    border-collapse:    collapse;
    border-top:         1px solid #444444;
    margin-top:         5px;
    width:              100%;
}
div#title table td {
    vertical-align:     top;
    text-align:         left;
}
/* Horizontal Navigation Bar */
div#hzNav {
    margin:             0;
    padding:            0;
    clear:              both;
}
div#hzNav a {
    display:            block;
    float:              left;
    width:              200px;
    height:             19px;
    margin:             5px;
    padding:            8px 4px 8px 26px;
    font-size:          11pt;
    font-weight:        bold;
    color:              #000000;
    background:         #ffffff url(/art/hzfade1.jpg) top left no-repeat;
}
div#hzNav a:hover {
    color:              #0000ff;
}
div#hzNav a#teeTime {
    background:         #ffffff url(/art/btnGolf.jpg) top left no-repeat;
}
div#hzNav a#courseMap {
    background:         #ffffff url(/art/btnMap.jpg) top left no-repeat;
}
div#hzNav a#menu {
    background:         #ffffff url(/art/btnInfo.jpg) top left no-repeat;
}
div#hzNav a#signin {
    background:         #ffffff url(/art/btnLock.jpg) top left no-repeat;
}
div#hzNav a#photos {
    background:         #ffffff url(/art/btnCamera.jpg) top left no-repeat;
}
/* Information Panel ------------------------------------------*/
div#infPanel {
    position:           relative;
    background-color:   #eeeeee;
    color:              #000000;
    padding:            12pt;
    border:             1px solid #000000;
}
div#infPanel h1 {
    font-size:          130%;
    margin:             10pt 0 0;
    padding:            5pt 0;
    border-top:         1pt solid #000000;
}
div#infPanel p {
    text-align:         justify;
    margin:             0 0 5pt 0;
}
div#infPanel span.left {
    font-size:          10pt;
}
div#infPanel span.right {
    float:              right;
    font-size:          10pt;
}
/* Events Div -------------------------------------------------*/
div#evtPanel {
    position:           absolute;
    top:                190px;
    right:              0;
    width:              240px;
    padding:            5px 0px 5px 10px;
    background:         #ffffff;
    font-size:          10pt;
}
div#evtPanel a img {
    margin:             0 0 5px;
}
div#evtPanel h1 {
    font-size:          12pt;
    font-weight:        bold;
    margin:             0;
    padding:            0;
}
div#evtPanel ul {
    list-style-type:    none;
    margin:             0 0 0 5pt;
    padding:            0;
}
div#events {
    width:              452px;
    padding:            14px;
    float:              left;
}
div#tournaments {
    padding:            14px;
}
div#events h1,
div#tournaments h1 {
    font-size:          12pt;
    font-weight:        bold;
    margin:             0;
    padding:            0;
}
div#events p,
div#tournaments p {
    font-size:          10pt;
    font-weight:        normal;
    margin:             0;
    padding:            0;
}
/* Site Information Bar ---------------------------------------*/
div#siteInfo {
    position:           relative;
    clear:              both;
    font-size:          10pt;
    background:         #444444;
    color:              #dddddd;
    padding:            10pt;
}
div#siteInfo a:link,
div#siteInfo a:visited {
    color:              #00aa00;
}
div#siteInfo a:hover {
    color:              #00ff00;
}
/* Javascript Popup Divs --------------------------------------*/
div#login, div#usrMenu {
    display:            none;
    position:           absolute;
    top:                205px;
    left:               50%;
    margin-left:        -240px;
    width:              460px;
    padding:            60px 10px 10px 10px;
    border:             2px solid #444444;
    background:         #eeeeee;
}
div#login, div#usrMenu {
    background:         #e0d584 url(/art/bkgnd2.jpg) top left no-repeat;
}
div#login h1, div#usrMenu h1,
div#login h2, div#usrMenu h2 {
    position:           relative;
    height:             40px;
    margin:             -55px 20% 15px 90px;
}
div#login label, div#usrMenu label {
    width:              174px;
    float:              left;
    text-align:         right;
    padding-right:      10px;
}
div#login div, div#usrMenu div {
    clear:              both;
    padding:            5px 0;
}
div#login input, div#usrMenu input,
div#login textarea {
    border:             1px solid #444444;
    width:              264px;
    padding:            2px 5px;
}
div#login button, div#usrMenu button {
    border:             1px solid #444444;
    padding:            5px;
}
div#login div#message {
    padding:            10px 10px 10px 90px;
}
div#login div#message button {
    margin-left:        250px;
}
/* Login Form -------------------------------------------------*/
div#login button#btnPrev, div#login button#btnNext {
    width:              80px;
    margin:             0 10px 0 0;
}
div#login button#btnSubmit {
    margin:             0 10px 0 184px;
    width:              175px;
}
div#login button#btnCancel {
    margin:             0;
    width:              90px;
}
div#login a#forgotPwd,
div#login a#newUser {
    display:            block;
    text-align:         center;
    padding:            5px 0;
    margin:             0 0 0 184px;
    width:              276px;
}
div#login a:link, div#login a:visited {
    color:              #475019;
    text-decoration:    underline;
    font-weight:        bold;
}
div#login a:hover {
    color:              purple;
}
div#login p {
    font-size:          80%;
}
div#login p.padLt {
    padding-left:       90px;
}
div#login div#pageList {
    margin:             0;
    padding:            0 0 0 90px;
    font-size:          80%;
}
div#login div#pageList a:link,
div#login div#pageList a:visited {
    display:            block;
    float:              left;
    height:             15px;
    width:              20%;
    padding:            5px;
    margin:             -32px 0 8px 0;
    border:             1px solid #444444;
    text-align:         center;
    text-decoration:    none;
    font-weight:        normal;
    color:              #444444;
    background:         #c69e22;
}
div#login div#pageList a:link.active,
div#login div#pageList a:visited.active {
    background:         #e0ded0;
    color:              #444444;
    border-bottom:      none;
    padding-bottom:     6px;
}
div#login div#pageList a:hover {
    background:         #e0d584;
}
div#login div#wzdContent2 {
    clear:              both;
    height:             200px;
}
div#login div#wzdControl2 button#btnSubmit {
    margin-left:        0px;
}
div#login div#name,
div#login div#password {
    padding-left:       45px;
}
div#login div#name input,
div#login div#password input {
    width:              219px;
}
div#login div#offers {
    padding-top:        20px;
}
div#login div#offers div {
    margin-top:         10px;
    margin-bottom:      10px;
}
div#login div#offers label {
    width:              360px;
}
div#login div#offers input {
    width:              auto;
    border:             none;
}
div#login div#security {
    padding-left:       90px;
}
div#login div#security select {
    margin:             5px 0 5px 0;
    width:              100%;
    border:             1px solid #444444;
}
div#login div#security label {
    text-align:         left;
}
div#login div#security input {
    width:              358px;
}
div#login p#cq {
    font-weight:        bold;
    padding-left:       90px;
}
/* User Menu Styles -------------------------------------------*/
div#usrMenu a:link,
div#usrMenu a:visited {
    display:            block;
    margin:             5px 0 5px 90px;
    border:             1px dotted #444444;
    padding:            5px;
}
div#usrMenu a:hover {
    color:              #444444;
    background:         #e0d584;
}
/* Special Close Link Styles ----------------------------------*/
a#close:link, a#close:visited {
    position:           relative;
    display:            block;
    width:              20%;
    height:             25px;
    padding:            0;
    left:               80%;
    margin:             -55px 0 30px 0 !important;
    color:              #eeeeee !important;
    text-decoration:    none !important;
    border:             none !important;
    text-align:         right !important;
}
a#close:hover {
    color:              #ffffff;
    text-decoration:    underline;
    background:         none !important;
}
/* Tee Time Box -----------------------------------------------*/
div#teeTimeBox {
    position:           relative;
    top:                0;
    left:               0;
    width:              0;
    height:             0;
    background:         #444444;
    color:              #dddddd;
    border:             1px dotted #e0d584;
}
div#teeTimeBox a#close {
    margin-top:         0 !important;
    margin-bottom:      0 !important;
}
div#teeTimeBox div#teeHeading {
    position:           relative;
    height:             23px;
    top:                0;
    left:               0;
    width:              350px;
    margin:             -20px 10px 0 5px;
    padding:            0;
    text-align:         center;
}
div#teeTimeBox div#teeSchedule {
    position:           relative;
    top:                0;
    left:               0;
    margin:             0 5px 5px 5px;
    width:              350px;
    height:             360Px;
    border:             1px dotted #dddddd;
    overflow-y:         scroll;
    overflow-x:         hidden;
}
div#teeSchedule a.teeslot:link,
div#teeSchedule a.teeslot:visited,
div#teeSchedule a.teeslotTwilight:link,
div#teeSchedule a.teeslotTwilight:visited {
    display:            block;
    position:           relative;
    top:                0;
    left:               0;
    width:              100%;
    border-top:         1px dotted #c69e22;
    font-size:          80%;
    height:             19px;
    padding:            0 5px;
    margin:             0 0 -20px 0;
    z-index:            50;
    color:              inherit;
}
div#teeSchedule a.teeslotTwilight:link,
div#teeSchedule a.teeslotTwilight:visited {
    background:         #803e00;
    color:              inherit;
}
div#teeSchedule a.teeslotTwilight:hover {
    background:         #ff7c00;
    color:              #444444;
}
div#teeSchedule a.teeslot:hover {
    background:         #e0d584;
    color:              #444444;
}
div#teeTimeBox div#teeSchedule div#cTime {
    position:           relative;
    top:                0;
    left:               0;
    border-top:         1px dotted #ff0000;
    z-Index:            100;
}
div#teeTimeBox div#teeSchedule div#cTime p {
    width:              23%;
    padding:            0 6% 0 1%;
    background:         #ff0000;
    margin-left:        70%;
    color:              #444444;
    height:             19px;
    margin-top:         -9px;
    margin-bottom:      -10px;
}
div#teeTimeBox div#wzdTeeTimeContent {
    position:           relative;
    margin-top:         -367px;
    left:               378px;
    width:              360px;
    height:             300px;
    border:             1px dotted #888888;
}
div#teeTimeBox div#wzdTeeTimeControl {
    position:           relative;
    left:               378px;
    width:              360px;
    height:             59px;
    border-bottom:      1px dotted #888888;
    padding:            5px 0 0 5px;
}
/* Course Maps ------------------------------------------------*/
div#courseMaps {
    position:           relative;
    top:                0;
    left:               0;
    width:              0;
    height:             0;
    background:         #444444;
    color:              #dddddd;
    border:             1px dotted #e0d584;
}
div#courseMaps a#close {
    margin-top:         0 !important;
    margin-bottom:      0 !important;
}
div#mapOverview {
    position:           relative;
    top:                -20px;
    left:               5px;
    margin:             0;
    width:              350px;
    height:             528px;
    overflow-x:         hidden;
    overflow-y:         scroll;
    border:             1px solid #e0d584;
}
div#courseInfo {
    font-size:          80%;
    position:           relative;
    top:                -528px;
    left:               390px;
    width:              350px;
    height:             508px;
    overflow-x:         hidden;
    overflow-y:         scroll;
    margin-bottom:      -508px;
}
/* Site Informatoin -------------------------------------------*/
div#moreInfo {
    font-size:          80%;
    position:           relative;
    background:         #b8b96d url(/art/bkgnd3.gif) top left repeat-x;
    color:              #e0d584;
    border:             1px dotted #e0d584;
}
div#moreInfo div.leftColumn {
    width:              479px;
    margin:             0;
    padding:            0;
}
div#moreInfo div.rightColumn {
    width:              479px;
    margin:             0;
    padding:            0;
    float:              right;
}
div#moreInfo div.tabPage {
    margin:             0;
    padding:            5px 18px 5px 15px;
    background:         #475019 url(/art/bkgnd4.gif) top right repeat-y;
    color:              #e0d584;
    border-bottom:      1px dotted #e0d584;
}
div#miIndex a:link,
div#miIndex a:visited {
    display:            block;
    width:              240px;
    padding:            4px 0px 4px 9px;
    border:             1px solid #444444;
    color:              #475019;
    background:         #e0d584;
    font-weight:        bold;
}
div#miIndex a.active:link,
div#miIndex a.active:visited {
    background:         #475019;
    color:              #e0d584;
}
div#moreInfo table {
    border:             2px solid #444444;
    background:         #e0ded0 url(/art/bkgnd5.gif) left top repeat-y;
    color:              #475019;
    border-collapse:    collapse;
    margin:             0 auto;
}
div#moreInfo table th {
    text-align:         left;
    font-weight:        normal;
    border-top:         1px solid #444444;
    border-bottom:      1px solid #444444;
    padding:            4px 9px;
}
div#moreInfo table td {
    border-top:         1px solid #444444;
    border-bottom:      1px solid #444444;
    text-align:         right;
    padding:            4px 9px;
}