* {
} 

body { 
margin: 0;
padding: 0; 
text-align: center;
font-family: Verdana, Geneva, Georgia, sans-serif;
font-size: 100.01%; 
font-weight: normal; 
color: #555;
text-decoration: none; 
background: #003333 url('/images/css/body_bg.png') top left repeat;
} 

h1 { 
font-size: 1.2em;
font-weight: bold; 
color: #000;
}

h2 {
font-size: 1.0em;
font-weight: bold; 
color: #003333;
}

h3 {
font-size: 0.9em;
font-weight: normal; 
}

p {
font-size: 0.8em;
}

a {
color: #0000cc;
text-decoration: underline;
}

a:hover {
cursor: pointer;
}

ul {
}

li {
font-size: 0.9em;
}

form {
display: inline;
}

textarea {
font-family: Verdana, Geneva, Georgia, sans-serif;
}

acronym {
font-weight: bold;
border-bottom: 1px solid #333;
cursor: help;
}

img {
border: 0;
}

strong {
font-weight: bold;
color: #333;
}

table {
margin: 0.4em;
color: #333;
}

td {
padding: 0.2em 0.4em;
font-size: 0.8em;
font-weight: bold;
}

#container {
margin: 0 auto; 
width: 54em;  
background: #fff url('/images/css/container_bg.png') top left repeat-x fixed;
border: 0;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

#header { 
text-align: left;
margin: 0;
height: 100px;
padding: 0.4em;
padding-right: 0;
padding-top: 0.2em;
background: #99cc99 url('/images/css/header_bg.png') top left no-repeat;
color: #660000;
}

#header h1 {
display: none;
}

#header h2 {
display: none;
}

#main_nav {
margin: 0;
padding: 0;
background: #99cc99;
}

#main_nav ul {
list-style-type: none;
text-align: left;
margin: 0;
padding: 0;
}

#main_nav li {
float: left;
margin: 0;
padding: 0;
}

#main_nav li a {
display: block;
margin: 0;
padding: 0.2em;
padding-left: 0.6em;
padding-right: 0.6em;
color: #fff;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
background: #99cc99;
border: 0;
border-top: 0.2em solid #99cc99;
}

#main_nav li a:hover {
color: #333;
background: #ccffcc;
border-top: 0.2em solid #99cc99;
}

#main_nav li a#current {
color: #fff;
background: #003333;
border-top: 0.2em solid #003333;
cursor: default; 
}

#right_col {
float: right;
width: 20%;
margin: 0;
margin-left: 0.4em;
margin-right: 0.8em;
margin-bottom: 2.4em;
padding: 0;
text-align: center;
background: #fff url('/images/css/right_col_bg.png') bottom left repeat-x;
font-size: 0.9em;
color: #333;
border: 1px solid #fff;
border-top: 1px solid #99cc99;
border-bottom: 1px solid #003333;
border-right: 1px solid #99cc99;
}

#right_col h2 {
margin: 0;
margin-left: 0.6em;
margin-right: 0.6em;
padding: 0.4em;
padding-left: 0.3em;
padding-right: 0.3em;
color: #003333;
font-size: 1em;
background: #fff;
}

#right_col h3 {
margin-top: 0;
margin-left: 0.6em;
margin-right: 0.6em;
color: #fff;
font-weight: bold;
background: #003333 url('/images/css/body_bg.png') top left repeat;
padding: 0.2em;
font-size: 0.9em;
border: 0.2em solid #003333;
}

#right_col p {
margin-top: 0;
margin-left: 0.6em;
margin-right: 0.6em;
font-size: 0.8em;
color: #333;
}

#right_col ul {
padding: 0;
margin-left: 0.6em;
margin-right: 0.6em;
color: #333;
}

#right_col li {
list-style-type: none;
padding-bottom: 0.4em;
font-size: 0.8em;
color: #333;
}

#right_col li a, #right_col a {
padding: 0.2em;
padding-left: 0.3em;
padding-right: 0.3em;
font-size: 0.95em;
color: #000;
text-decoration: underline;
font-weight: bold;
}

#right_col li a:hover, #right_col a:hover {
color: #fff;
background: #003333;
}

#right_col li a#current {
color: #333;
background: #ffffcc;
font-weight: bold;
cursor: default; 
}

#w3c {
float: right;
margin: 0;
padding: 0.4em;
text-align: center;
font-size: 0.8em;
}

#w3c ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#w3c li {
display: inline;
margin-bottom: 0.4em;
}

#w3c li a {
padding: 0.25em 0.3em;
color: #fff;
text-decoration: none;
}

#main_col {
float: left;
width: 72%;
margin: 0;
margin-left: 0.8em;
margin-right: 0.4em;
margin-bottom: 2.4em;
padding: 0;
}

#content {
text-align: left;
margin: 0;
padding: 0.4em;
padding-bottom: 4em;
padding-left: 1em;
padding-right: 1em;
background: #fff url('/images/css/content_bg.png') bottom right repeat-x;
border-top: 0.2em solid #003333; 
border-bottom: 1px solid #003333; 
border-right: 1px solid #99cc99; 
}

/* Hides from IE5-mac \*/
* html #content {
height: 1%;
}
/* End hide from IE5-mac */ 

#content h2 {
text-align: center;
color: #003333;
font-size: 1.0em;
font-style: italic;
margin: 0;
margin-top: 0.4em;
padding: 0.4em;
padding-right: 0.8em;
background: #ccffcc;
}

#content p.page_desc {
margin: 0;
margin-bottom: 1.4em;
padding: 0.8em;
padding-top: 0.4em;
padding-bottom: 0.4em;
background: #99ccff url('/images/css/page_desc_bg.png') top left repeat-x;
}

#content h3 {
font-size: 1em;
margin: 0.6em 1.4em;
margin-top: 1.8em;
color: #003333;
font-weight: bold;
}

#content p {
margin: 0.6em 1.8em;
background: transparent;
}

#content div {
}

#content img {
border: 1px solid #333;
}

#content ul {
margin: 0.8em 2.0em;
padding: 0.4em;
list-style-type: circle;
list-style-image: url('/images/css/arrow.png');
}

#content li {
margin-bottom: 0.8em;
font-size: 0.8em;
color: #333;
list-style-type: circle;
list-style-image: url('/images/css/arrow.png');
}

div.google {
text-align: center;
margin: 0 auto;
padding: 0.4em;
}

div.clear {
clear: both;
height: 0;
}

#footer {
clear: both;
text-align: center;
margin: 0; 
margin-top: 0.8em;
padding: 0.4em;
padding-top: 0.8em;
padding-bottom: 0.8em;
font-size: 0.8em;
color: #777;
background: transparent url('/images/css/footer_bg.png') bottom left repeat-x;
}

#footer ul {
list-style: none;
margin: 0;
padding: 0;
}

#footer li {
display: inline;
margin: 0.2em 0.4em;
}

#footer li a {
color: #000;
}

#footer p {
margin: 0;
margin-top: 0.6em;
}

label, span.bold {
font-weight: bold;
}

div.form {
width: 90%;
margin: 0 auto;
padding: 0.4em;
padding-top: 0.3em;
padding-bottom: 0.3em;
background: transparent url('/images/css/footer_bg.png') top left repeat-x;
}

div.row {
margin: 1em;
margin-top: 0em;
margin-bottom: 0.4em;
clear: both;
font-size: 0.8em;
}

div.tdleft {
float: left;
width: 10em;
padding: 0.4em;
padding-top: 0.6em;
padding-right: 0.2em;
text-align: right;
font-size: 0.8em;
}

#tdlefterror {
border-left: 0.3em solid #ffff33;
}

div.tdright {
float: left;
width: 18em;
padding: 0.4em;
padding-left: 0.2em;
text-align: left;
}

td.center {
text-align: center;
}

td.right {
text-align: right;
}

span.small {
font-size: 0.8em;
}

#craigard_hotel {
float: right;
width: 20%;
margin: 0;
margin-right: 0.8em;
margin-top: -1.4em;
padding: 0;
text-align: center;
background: #99cc99 url('/images/craigard-hotel-killin.png') bottom center no-repeat;
border: 0;
border-bottom: 0.2em solid #003333;
height: 118px;
}

div.right {
float: right;
margin: 0.4em 1em;
margin-right: 0;
}

p.caption, #content p.caption {
font-size: 0.7em;
color: #333;
margin: 0;
padding: 0.2em;
}

#booknow {
text-align: center;
background: #003333 url('/images/css/body_bg.png') top left repeat;
padding: 0.2em;
color: #fff;
font-weight: bold;
border: 0.2em solid #003333;
}

#booknow p {
margin: 0;
padding: 0;
}

#booknow a {
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
}

#booknow a:hover {
text-decoration: underline;
}

a.top {
font-size: 0.7em;
text-decoration: none;
}
