/*
Theme Name: Loyalist Golf & Country Club
Theme URI: http://loyalistcc.com
Description: Loyalist custom template
Version: 1.0
Author: Rob Williams, BCM Computer Technologies <rob@bcmtech.net>
Tags: custom template
*/

html, body {
    width:                  100%;
    height:                 100%;
    background:             #003C00;
    margin:                 0;
}

div#container {
    background:             white;
    width:                  920px;
    margin:                 0 auto;
    padding:                0 20px;
    min-height:             100%;
    height:                 auto !important;
    height:                 100%;
    margin:                 0 auto -83px;
    line-height:            1.0em;
    font-family:            'Helvetica', 'Verdana', 'Arial', sans-serif;
}

.footer, .push {
    height:                 75px;
}

.footer {
    color:                  #AAA;
    font-family:            'Helvetica', 'Verdana', 'Arial', sans-serif;
    font-size:              0.7em;
    width:                  920px;
    margin:                 0 auto;
    position:               relative;
}

.footer_text {
    width:                  900px;
    margin:                 5px auto 0;
}

.footer_text a {
    color:                  #999;
    font-weight:            bold;
    text-decoration:        none;
}

.footer_text a:hover {
    color:                  #777;
}

.footer_borderbottom {
    border-bottom:          1px #AAA solid;
    height:                 47px;
    margin-bottom:          5px;
}

.red_bg {
    background:             url("/wp-content/themes/loyalist/images/bg_red.jpg") #A00000 repeat-x;
}

.blue_bg {
    background:             url("/wp-content/themes/loyalist/images/bg_blue.jpg") #0000A0 repeat-x;
}

.green_bg {
    background:             url("/wp-content/themes/loyalist/images/bg_green.jpg") #00A000 repeat-x;
}    

a.red_link {
    color:                  #A00000;
    font-weight:            bold;
}

a.red_link:hover {
    color:                  red;
}

a.green_link {
    color:                  #00A000;
    font-weight:            bold;
}

a.green_link:hover {
    color:                  #00C000;
}

a.blue_link {
    color:                  #0000A0;
    font-weight:            bold;
}

a.blue_link:hover {
    color:                  blue;
}




.floatleft {
    float:                  left;
}

img.floatleft {
    margin:                 0 10px 10px 0;
}

.floatright {
    margin-left:            5px;
    float:                  right;
}

.clearleft {
    clear:                  left;
}

.textcenter, .textcentered {
    text-align:             center;
}

.textcenter a {
    text-decoration:        none;
    font-size:              1.3em;
    font-weight:            bold;
}

.textcenter img {
    position:               relative;
    top:                    30px;
    padding-right:          30px;
}

.centered {
    margin:                 0 auto;
    text-align:             left;
}

.input {
    width:                  100%;
}

.clear {
    clear:                  both;
}

.bold {
    font-weight:            bold;
}

.italic {
    font-style:             italic;
}



div#top_menu_container {
    width:                  100%;
    height:                 34px;
    margin-bottom:          5px;
}

ul#top_menu {
    margin:                 0 auto;
    list-style-type:        none;
}
    
ul#top_menu li {
    padding:                9px 12px;
    font-size:              0.9em;
    font-weight:            bold;
    float:                  left;
    position:               relative;
}

ul#top_menu li:hover > ul {
    visibility:             visible;
}

ul#top_menu li a {
    color:                  white;
    text-decoration:        none;
}

ul#top_menu li a:hover {
    color:                  yellow;
}
 
ul#top_menu li ul {
    background:             #A00000;
    border:                 1px black solid;
    position:               absolute;
    top:                    34px;
    left:                   4px;
    visibility:             hidden;
}

ul#top_menu li ul li {
    float:                  none;
    color:                  white;
    font-weight:            normal;
    padding:                5px 10px;
    width:                  150px;
    height:                 20px;
    position:               relative;
    cursor:                 pointer;
}

ul#top_menu li ul li:hover > ul {
    visibility:             visible;
}

ul#top_menu li ul li a {
    color:                  white;
}

ul#top_menu li ul li a:hover {
    color:                  yellow;
}

ul#top_menu li ul li ul {
    background:             #6D0000;
    border:                 1px black solid;
    position:               absolute;
    top:                    5px;
    left:                   170px;
    visibility:             hidden;
}

ul#top_menu li ul li ul li {
    float:                  none;
    width:                  120px;
    height:                 15px;
    padding:                2px 10px 5px;
}

ul#top_menu li ul li ul li a {
    color:                  white;
    font-weight:            normal;
}

ul#top_menu li ul li ul li ul {
    background:             #6D0000;
    border:                 1px black solid;
    position:               absolute;
    top:                    0;
    left:                   140px;
    visibility:             hidden;
    font-size:              1.1em;
}

ul#top_menu li ul li ul li ul li {
    float:                  none;
    width:                  250px;
    height:                 15px;
    padding:                2px 10px 5px;
}

ul#top_menu li ul li ul li ul li a {
    color:                  white;
    font-weight:            normal;
}


.column13 {
    width:                  300px;
    float:                  left;
    margin:                 10px 10px 0 0;
    font-size:              0.8em;
}

.column23 {
    width:                  610px;
    float:                  left;
    font-size:              0.8em;
    margin:                 10px 10px 0 0;
}

.column13last {
    float:                  right;
    width:                  300px;
    margin-top:             10px;
    font-size:              0.8em;
}

.columnfull {
    font-size:              0.8em;
    margin:                 10px 0 0;
}

.subcolumn_l {
    width:                  200px;
    float:                  left;
}

.subcolumn_r {
    width:                  400px;
    float:                  left;
    margin-bottom:          20px;
    padding-top:            5px;
}



.column13 p, .column23 p, .column13last p {
    padding-bottom:         0.7em;
}

.column_header {
    width:                  100%;
    height:                 34px;
    text-align:             center;
    color:                  white;
    font-size:              1.5em;
    font-weight:            bold;
    margin-bottom:          0.5em;
}

.column_header p {
    padding-top:            9px;
}

.column_spacer {
    height:                 20px;
}

.caption {
    font-size:              0.7em;
    color:                  #999;
    font-style:             italic;
    text-align:             center;
}

.caption img {
    border:                 1px black solid;
}
   
div#hole_overview {
    width:                  100%;
    height:                 330px;
    position:               relative;
}

img#hole_overview_img {
    position:               absolute;
    left:                   0;
    top:                    0;
    z-index:                5;
}
    
div#par_distances {
    text-align:             center;
    width:                  100px;
    position:               absolute;
    font-weight:            bold;
    font-size:              0.9em;
}

.dist { 
    width:                  48px;
    float:                  left;
}

#dblack {
    background:             black;
    color:                  white;
    border:                 1px black solid;
    clear:                  left;
}

#dblue {
    background:             blue;
    color:                  white;
    border:                 1px blue solid;
}

#dred {
    background:             red;
    color:                  white;
    border:                 1px red solid;
}

#dwhite {
    background:             white;
    color:                  black;
    border:                 1px black solid;
}

.heading {
    font-size:              1.2em;
    font-weight:            bold;
    padding-top:            0.3em;
}

div#map_canvas {
    width:                  100%;
    height:                 450px;
}

.smallcol_left {
    width:                  100px;
    float:                  left;
    text-align:             center;
}

.smallcol_right {
    font-size:              1.1em;
    font-weight:            bold;
    padding-top:            15px;
}

.smallcol_left a, .smallcol_right a {
    text-decoration:        none;
    color:                  #0000A0;
}

.smallcol_left a:hover, .smallcol_right a:hover {
    color:                  #A00000;
}

ul.bulleted {
    list-style-type:        disc;
    padding-left:           2em;
}

ul.bulleted li {
    margin-bottom:          0.5em;
}
    

.signature_block {
    float:                  right;
    clear:                  both;
    text-align:             right;
}

.ngg-albumtitle a {
    color:                  #0000A0;
    text-decoration:        none;
}

.ngg-albumtitle a:hover {
    color:                  #A00000;
}

.special {
    clear:                  both;
    width:                  75%;
    padding:                10px;
    margin:                 0 auto;
    border:                 1px #A00000 solid;
    text-align:             center;
}

.margbottom {
    margin-bottom:          20px;
}

table.margbottom tr td {
    padding-bottom:         3px;
}

.subheading {
    font-size:              0.8em;
    color:                  #AAA;
    font-style:             italic;
}

.hidden {
    display:                none;
}

.center_table td {
    text-align:             center;
    padding:                2px 0;
}

.firstcol {
    padding-left:           30px;
}

.bottom_table {
    margin-top:             40px;
}

.head {
    font-weight:            bold;
}

.yellowbg {
    background:             #FFFFDD;
}

.yellowtext {
    color:                  #7f7f42;
    font-weight:            bold;
}

.uline {
    border-bottom:          1px black solid;
}

.pins_black {
    background:             url(/wp-content/themes/loyalist/images/pins.jpg) 0px 0px;
    width:                  14px;
    height:                 22px;
    float:                  left;
    position:               relative;
    left:                   12px;
}
.pins_blue {
    background:             url(/wp-content/themes/loyalist/images/pins.jpg) 45px 0px;
    width:                  14px;
    height:                 22px;
    float:                  left;
    position:               relative;
    left:                   12px;
}
.pins_white {
    background:             url(/wp-content/themes/loyalist/images/pins.jpg) 30px 0px;
    width:                  14px;
    height:                 22px;
    float:                  left;
    position:               relative;
    left:                   12px;
}
.pins_red {
    background:             url(/wp-content/themes/loyalist/images/pins.jpg) 15px 0px;
    width:                  14px;
    height:                 22px;
    float:                  left;
    position:               relative;
    left:                   12px;
}

table.padtd td {
    padding-bottom:         10px;
}

.pushdown { margin-top: 20px; }

.wpcf7-form-control-wrap {
    position:               relative;
}

.wpcf7-not-valid-tip { 
    position:               absolute !important;
    left:                   3px !important;
    top:                    -2px !important;
    width:                  150px !important;
    background:             red !important;
    color:                  white !important;
    font-weight:            bold !important;
}

.wpcf7-response-output {
    position:               absolute !important;
    top:                    300px !important;
    right:                  0 !important;
    width:                  250px;
}

.form_container {
    position:               relative;
}

.roundbtn {
    position:               relative;
    top:                    20px;
    left:                   60px;
}

.wp-image-662, .wp-image-667 {
    padding-left:           20px;
}
.wp-image-662 {
    position:               relative;
    top:                    -18px;
}

.movedown {
    padding-top:            30px;
}