body
{
padding:30px;
margin:0;
font-size:small;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
a
{color:#999999;text-decoration:none;
}
a:hover
{text-decoration:underline;
}
p
{
color:#666666;
font-size:small;
margin-bottom:20px;
margin-top:5px; 
}
ul
{
color:#666666;
font-size:small;
}

select
{
color:#666666;font-size:small;
}
.header
{
font-weight:normal;
font-size:1.3em;
margin:-30px;
margin-bottom:20px;
padding:12px;padding-top:37px;padding-left:28px;
background-image:url(../images/background.jpg);}

.header a
{text-decoration:none;color:white;}
h3.title
{
color:#444;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
padding-right:25px;border-bottom:1px solid #EFF6FF;max-width:300px;
}



#copyright
{
margin-left:0px;
display:inline;
font-size:x-small;
color:#aaa;
}
#navlinks{list-style:none;padding:5px;}

#navcontainer

{
width:150px;
position:absolute;
-moz-border-radius:4px;
float:right;
margin-top:60px;
background:#f5f5f5;
border:1px solid #dddddd;
right:30px;
top:100px;
padding:10px 20px 15px 20px;
font-size:12px;
color:#333;
border-width:0 1px 1px 0;
}
#navcontainer p
{
width:100%;color:#666666;
padding-top: .2em;
padding-bottom: .2em;
margin-top: 0;

}

h2
{
color: #666;
}
h3
{
color: #666;
}
h3.weblogItemDate
{
font-size: 1.1em;
padding-bottom: .2em;
margin-bottom: 0;
}
p.weblogSubLinks
{
font-size: x-small;
}

#navcontainer h4
{
padding-top: 0;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 0;
font-size: 1em;
}
#content
{
padding-left: 2em;
}

#globalnav
{
margin: 0;
padding: 0 0 20px 0px;

}

#globalnav ul, #globalnav li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#globalnav a:link, #globalnav a:visited
{
float: left;
line-height: 1.4;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#globalnav a:link#current, #globalnav a:visited#current, 
#globalnav a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#globalnav a:hover { color: #000; }

div#bookingform form fieldset
{
/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border: 0;
}
legend
{
color: #0066B3;
}

div#bookingform form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-size: small;
    color: #999;
    font-weight: bold;
}

div#bookingform form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */

  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

div#bookingform  form br {
	clear:left;
}

div#bookingform  input {
display: inline;
margin:5px 0 0 10px;
font-size: small;
color: #1D66B5;
border-top: 1px #0066B3 solid;
border-left: 1px #0066B3 solid;
padding:3px;
background-color: #BFE4FF;
width: 300px;}

div#bookingform select
{
display: inline;
margin:5px 0 0 10px;
font-size: small;
color: #1D66B5;
padding:3px;
background-color: #BFE4FF;
width: 300px;
}
div#bookingform  #submit {
background-color: #80C9FF;
border-right: 1px #444444 solid;
border-bottom: 1px #444444 solid;
font-size: x-small;
padding:1px;
color: #fff;
font-weight: bold;
width: 60px;

}

div#bookingform form  textarea {
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width: 300px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
    background-color: #BFE4FF;
    border-top: 1px #0066B3 solid;
	border-left: 1px #0066B3 solid;
	padding:3px;
}

#hidden
{
display: none;
}
a.bookingbutton
{
color: #fff; 
border: #0066B3 1px solid; 
padding: 2px; 
background-color: #BFE4FF;
text-decoration: none;
color: #333;
}