/* ------------------------------------ */
/*            ALL/HTML/BODY             */
/* ------------------------------------ */

* {
padding: 0;
margin: 0;
}
html {
font-size: 100%;
line-height: 1.125em;
min-height: 100.02%;
}
body {
color: #000;
font-size: 0.875em;
height: 100%;
font-family: Arial, Verdana, Helvatica, san-serif;
}

a {
color: #832229;
text-decoration: none;
}
a:hover {
color: #832229;
text-decoration: underline;
}

p {
line-height: 1.5em;
padding: 0 0 30px 0;
background: url('../images/p.gif') no-repeat bottom center;
margin-bottom: 2em;
}
p.intro {
background-image: none;
padding-bottom: 10px;
}


table {
width: 98%;
border-collapse: collapse;
border: solid 1px #444;
}
th {
background-color: #444;
color: #eee;
text-align: left;
}
tr {
border: solid 1px #444;
}
td {
border-right: solid 1px #444;
}
td, th {
padding: 4px;
}




div#maincol h1, div#sidecol h2 {
display: inline;
font-size: 1em;
color: #444;
padding: 0.4em 0.8em;
position: relative;
top: -3.4em;
background-color: #fff;
}
/*
div#maincol h1, div#sidecol h2 {
display: inline;
font-size: 1em;
color: #444;
padding: 0 0 0 40px;
position: relative;
top: -3.4em;
background: #fff url('../images/h1_left.gif') no-repeat top left;
}


div#maincol h1 span, div#sidecol h2 span {
height: 1.8em;
padding: 0.4em 40px 0.4em 0;
background: #fff url('../images/h1_right.gif') no-repeat top right;
}
*/

h2 {
font-size: 1.2em;
color: #832229;
padding-bottom: 0.4em;
}
h3 {
font-size: 0.9em;
color: #666;
letter-spacing: 0.1em;
padding-bottom: 0.4em;
}



/* ------------------------------------ */
/*           MAIN PAGE LAYOUT           */
/* ------------------------------------ */

ul#contentjump {
display: none;
}

#container {

}


#header {
height: 80px;
background: #444 url('../images/header.gif') repeat-x top left;
}

#header h1 {
height: 80px;
width: 414px;
text-indent: -5000px;
background: #444 url('../images/logo.gif') no-repeat top left;
}
#header h1 a {
height: 80px;
width: 414px;
}


/* ------------------------------------ */
/*            TOP NAVIGATION            */
/* ------------------------------------ */



ul#mainnav {
font-size: 0.8em;
background-color: #444;
padding-bottom: 40px;
border-top: 4px solid #832229;
padding-top: 8px;
}

ul#mainnav li {
display: block;
border-top: solid 1px #999;
border-bottom: solid 1px #000;
}
ul#mainnav li.first {
}
ul#mainnav li a {
display: block;
font-weight: bold;
text-transform: uppercase;
padding: 4px 20px 4px 40px;
background-color: #444;
color: #ddd;
}

ul#mainnav li a:hover {
text-decoration: none;
background-color: #832229;
}




div#content {
margin-top: 2em;
background-image: url('../images/contentbg.gif');
background-repeat: repeat-y;
background-position: 70% 0;
}


div#maincol {
float: left;
width: 70%;
}
div#sidecol {
float: left;
width: 29.6%;
}

div#maincolcontent {
padding-left: 40px;
padding-right: 20px;
}
div#sidecolcontent {
padding-right: 40px;
}

/* ------------------------------------ */
/*               SIDE COL               */
/* ------------------------------------ */



div#sidecol ul {
padding: 0;
margin: -10px 0 10px 10px;
list-style: none;
}
div#sidecol ul li {
padding: 0;
margin: 0;
display: block;
border-bottom: solid 1px #000;
}

div#sidecol ul li a {
text-transform: uppercase;
display: block;
padding: 6px 6px 6px 12px;
color: #000;
border-left: solid 4px #fff;
}
div#sidecol ul li a:hover {
text-decoration: none;
border-left: solid 4px #832229;
}


/* ------------------------------------ */
/*                FOOTER                */
/* ------------------------------------ */

#footer {
clear: both;
width: 100%;
padding: 1.5em 0;
background-color: #444;
text-align: center;
font-size: 0.9em;
color: #9d9d9d;
display: block;
margin: 12px auto;
position: relative;
border-bottom: solid 4px #832229;
bottom: -20px;
}


#footer ul {
margin: 0 auto;
}
#footer li {
display: inline;
border-left: 2px solid #9d9d9d;
padding-left: 0.6em;
margin-right: 0.4em;
}
#footer li.first {
border-width: 0;
}
#footer li a, #footer a {
color: #9d9d9d;
text-decoration: none;
}
#footer li a:hover, #footer a:hover {
text-decoration: underline;
color: #fff;
}




























div.hole_info {
float: left;
width: 50%;
}

div.hole_info p {
margin-top: 20px;
}


div.hole_info ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 1.2em;
}
div.hole_info li {
padding: 0.4em 0;
}
div.hole_info li span {
color: #832229;
font-weight: bold;
}

div.hole_info li.address span {
display: block;
}

div#mapcontainer {
float: right;
width: 50%;
text-align: center;
}
div#map {
height: 300px;
width: 300px;
margin: 2em auto;
border: solid 2px #444;
}

div.hbh {
clear: both;
height: 1.3em;
font-size: 1.3em;
padding-top: 1em;
margin: 10px 20px 10px 0;
}

div.hbh p {
background-image: none;
}
div.hbh p.next {
float: right;
}
div.hbh p.previous {
float: left;
}








form {

width: 97%;

}

form#contact {

margin-top: 3em;

}

form select, form input, form textarea {

width: 100%;

border: 1px solid #444;

border-top: 2px solid #444;

border-left: 2px solid #444;

}

form textarea {

position: relative;

width: 100%;

}

form input.button {

width: auto;

height: 22px;

border: 1px solid #000;

padding: 0 4px;

}

form input.radio {

padding: 0;

margin: 0 0.5em 0 0;

width: auto;

position: relative;

top: 3px;

border: 0;

}

input.checkbox {

margin-left: 0.6em;

width: auto;

border: 0;

}

form input:focus, textarea:focus, select:focus {

background-color: #ededed;

}

form select.date {

display: inline;

width: 31%;

}



p.input {

width: 100%;

text-align: right;

clear: both;

margin-top: 1em;

margin-bottom: 0;

}

form label {

font-weight: bold;

margin: 20px 0 2px 0;

display: block;

color: #444;

}

form label span {

font-style: italic;

font-weight: normal;

font-size: 0.9em;

color: #666;

}

form label span.error {

font-style: italic;

font-weight: normal;

font-size: 0.9em;

color: #ff0000;

}