/* Style rules for main body */

body
{
font-family:verdana, Helvetica,arial, sans-serif;
font-size:62.5%;
background:#99aaff url(i/bodycss.gif) repeat-y top left;
padding:0;
margin:0;
/* bg image repeats across page only, matches up with topbanner image */
}

div#content1,div#content2
{
font-size:1em;
}

h3
{
color:#e0ffff;
text-decoration:underline;
font-size: 14px;
font-weight: 900;
}

h4
{
font-size:110%;
letter-spacing:2px;
display:inline;
padding:4px 5px;
background:#ffffff;
color:#445566;
margin:0px;
}

/* end of common styles */

#topbanner
{
position:absolute;
top:0;
left:0;
background:#99aaff url(i/headercss.gif) no-repeat top left;
height:300px;
width:100%;
}

/* topbanner image above - main graphic */

#content1
{
position:absolute;
text-align:justify;
color:#dddddd;
width:346px;
top:300px;
left:18px;
font-size:0.8em;
line-height:1.2em;
padding:10px 10px 0 10px;
z-index:2;
}

#content2
{
position:absolute;
top:310px;
left:424px;
padding:0 0 10px 10px:
text-align:justify;
color:#dddddd;
width:350px;

font-size:0.8em;
line-height:1.2em;
nmborder:#fff solid 1px;
}

.dets
{
color:#ffff33;
padding:0 0 4px 20px;
}

.snailmail
{
display:block;
color:#ffff33;
}

#addy
{
margin-top:0px;
}

#message
{
color:#ff9900;
font-weight:bold;
}

#tickets
{
margin-bottom:20px;
padding-bottom:5px;
}

.ticket_para
{
margin-bottom:20px;
}

.ticket_para span
{
font-size:1.1em;
font-weight:bold;
letter-spacing:0.2em;
color:#ffff33;
display:block;
padding:5px 0 5px 0;
}

/***************************** H1 BG images ********************************/
#header1,#header2,#header3,#header4,#header5,#header6,#header7,#header8,#header9,#header10,#ospreyHeader,#photo,#photo2,#contact_header
{
clear:both;
color:#006E30;
font-size:1em;
height:20px;
margin:0 0 15px 0;
padding:0;
background: url(i/h1_header1.jpg) no-repeat top left;
}

#header2
{
background: url(i/h1_header2.jpg) no-repeat top left;
}

#header3
{
background: url(i/h1_header3.jpg) no-repeat top left;
}

#header4
{
background: url(i/h1_header4.jpg) no-repeat top left;
}

#header5
{
background: url(i/h1_header5.jpg) no-repeat top left;
}

#header6
{
height:30px;
background: url(i/h1_header6.jpg) no-repeat bottom left;
}

#header7
{
background: url(i/h1_header7.jpg) no-repeat top left;
}

#header8
{
background: url(i/h1_header8.jpg) no-repeat top left;
}

#header9
{
background: url(i/h1_header9.jpg) no-repeat top left;
}

#header10
{
background: url(i/h1_header10.jpg) no-repeat top left;
}

#ospreyHeader
{
background: url(i/osprey_header.jpg) no-repeat top left;
}

#photo
{
background: url(i/photo_header.jpg) no-repeat top left;
}

#photo2
{
background: url(i/photo_header2.jpg) no-repeat top left;
}

#contact_header
{
background: url(i/contact.jpg) no-repeat top left;
}

/******** Hide header Text  / visible in screen readers ***************/

.hideText
{
clear:both;
display:none;
}

/*** basic formatting ***/

p
{
padding:0px;
}

/************* Wee Thumbs **********/

.weepix
{
position:relative;
top:4px;
float:left;
padding:2px;
border:1px solid #fff;
margin:0 5px 0 0;
}

#mid img
{
margin-left:4px;
}

/************* FOOTER **********/
#footer
{
clear:both;
text-align:center;
width:320px;
border-top:#999 dashed 1px;
margin:0 auto;
margin-top:15px;
padding:10px;
}

#footer span
{
margin-top:5px;
color:#ffffff;
display:block;
}

#filler
{
text-indent:-1000px;
height:56px;
background: url(i/wee/filler.jpg) no-repeat 50% 50%;
}

/************* NAVIGATION **********/

#nav
{
list-style-type:none;
font-size:0.9em;
padding:0;
margin:0;
margin-bottom:40px;
margin-left:20px;
}

#nav li
{
float:left;
margin-right:5px;
padding:3px 0;
}

#nav li a
{
text-decoration:none;
color:#ffffff;
font-weight:bold;
outline: none;
}

#nav li a:hover
{
color:#99ff00;
text-decoration:underline;
}

#nav #active a
{
text-decoration:none;
color:#99ff00;
}

#nav #active a:hover
{
text-decoration:none;
color:#99ff00;
}

/*********** Ordinary links ***************/

a
{
text-decoration:none;
font-weight:bold;
color:#ff9900;
}

a:hover
{
font-weight:bold;
color:#ffff00;
text-decoration:underline;
}

p a
{
text-decoration:none;
font-weight:bold;
color:#ff9900;
}

p a:hover
{
font-weight:bold;
color:#ffff00;
text-decoration:underline;
}

/*Cottage list */
.cottage,ul
{
list-style;disc;
padding:0px;
margin-left:60px;
}

#cottage li
{
color:#fff;
}

/********* THUMBS in unordered lists *****************/
.thumbimages,.thumbimages2
{
list-style: none;
cursor: default;
margin:0;
padding:0;
border-bottom:#445566 solid 1px;
}

.thumbimages a
{
cursor: default;
position: relative;
}

.thumb
{
padding:4px;
border:#fff 1px solid;
}

.thumb2
{
padding:2px;
border:#fff 1px solid;
width:74px;
height:50px;
}

.thumbimages a .preview,.thumbimages a .previewg
{
display: none;
}

.thumbimages a:hover .preview,.thumbimages a:hover .previewg
{
display: block;
position: absolute;
top: -310px;
left:0px;
}

.thumbimages a:hover .previewg
{
display: block;
position: absolute;
top: -210px;
left:40px;
}

.thumbimages .preview
{
border: #333 solid 1px;
width: 400px;
height: 300px;
padding:5px;
background:#ffb833;
}

.thumbimages .previewg
{
border: #333 solid 1px;
width: 300px;
height: 200px;
padding:5px;
background:#FFFD9E;
z-index:5;
}

.thumbimages li
{
position: static;
color: inherit;
display: inline;
position: relative;
float: left;
margin: 0 1px;
padding: 2px;
}

.clearer
{
clear:both;
font-size:.1em;
text-indent:-5000px;
margin:0;
padding:0;
position:relative;
left:25px;
top:30px;
height:1px;
}

/****************** IE FIXES **************************/


.thumbimages a:hover
{
display: block;
font-size: 100%;
z-index: 5;
}

/***************************** Thumbs in mainpage *************************************/

/* MAIN PAGE IMAGES */

.mainthumbs
{
list-style: none;
cursor: default;
margin:0;
padding:0;
}

.mainthumbs a
{
cursor: default;
}

.mainimg
{
margin:0px 0 0 5px;
padding:2px;
border:#fff 1px solid;
width:60px;
height:40px;
}

.mainthumbs a .preview2
{
display: none;
}

.mainthumbs a:hover .preview2
{
display: block;
position: absolute;
top: -300px;
left:25px;
z-index: 1;
}

.mainthumbs .preview2
{
border: #000 solid 1px;
width: 400px;
height: 300px;
padding:5px;
background:#6B8BD4;
}

.mainthumbs li
{
color: inherit;
display: inline;
float: right;
margin: 3px 0 0 0;
padding: 0px;
position: relative;
}

/****************** FORM STYLES ****************************/

#myform
{
margin-bottom:20px;
color:#fff;
}

#myform legend
{
font-family:verdana,sans serif;
font-size:14px;
letter-spacing:2px;
font-weight:bold;
color:#fff;
padding:0 10px;
}

#name,#email
{
width:200px;
}

#comments
{
width:200px;
height:75px;
}

#myform label
{
font-family:tahoma,sans serif;
letter-spacing:1px;
font-size:12px;
font-weight:bold;
color:#fff;
}

#myform input,#myform textarea
{
margin-top:4px;
}

.warning
{
font-weight:bold;
padding:5px;
color:#33ffff;
border:#999 dashed 1px;
}

#send
{
cursor:pointer;
border:outset 1px #000;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(i/formbg.gif) repeat-x left top;
}

/************ CSS Image Gallery **********************/

#gallery
{
cursor: default;
list-style-type: none;
}

#gallery a
{
cursor: default;
}

#gallery a .preview
{
display: none;
}

#gallery a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

#gallery img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: 50px;
}

#gallery li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 2px;
	position: relative;
}