body         { background-color: #fff; text-align: center; font-family: arial; font-size: 90%; margin: 0; background-image: url(images/jpg/back3b.jpg); background-repeat: repeat-x;  }

body#planner  { background-image: none;}

body#admin  { background-image: none;}

p	{ font-family: arial; font-size: 90%; color: #009; margin-top: 8px; margin-bottom: 8px }

p.reddie	{ font-family: arial; font-size: 90%; color: #903; font-weight: bold; margin-top: 8px; margin-bottom: 8px }

td	{ font-family: arial; font-size: 80%; color: #009; margin-top: 8px; margin-bottom: 8px }

h1           { font-family: Arial; font-size: 110%; color: #903; margin-top: 0px; margin-bottom: 0px }

h2          { font-family: Arial; font-size: 100%; color: #009; margin-top: 0px; margin-bottom: 0px }

h3           { font-family: Arial; font-size: 100%; color: #903; margin-top: 0px; margin-bottom: 0px }              
h4          { font-family: Arial; font-weight: bold; font-size: 90%; color: #009; margin-top: 0px; margin-bottom: 0px }


.out {position:relative; display:block; width: 1000px; background:#999; border:1px solid #ccc; }
html>body .out { width: 640px; }

.in { position:relative; text-align:left; left:-5px; top:-5px; background:#fff; border:1px solid #000; padding:5px; }


ul.norm 	{ font-family: Arial; color: #009 ; font-size: 90%; list-style-image:url("images/jpg/box_ul.jpg"); }

li.norm      { margin-bottom: 10px; }


.img_right 	{ float: right; }
.img_left 	{ float: left; margin: 5px;}



.floatimgright {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}





#report_main_list   { position: relative; margin: 0 auto; text-align: left; width: 900px;  }
.report_list_right { position:relative; text-align:center; width:15%; float:right; font-size: 90%; }
.report_list_left { position:relative; text-align:left; width:10%; float:left; font-size: 90%;  }
.report_list_right_long { position:relative; text-align:center; width:29%; float:right; font-size: 90%; }


.admin { text-align:left; width:100%; float:left;  }
.admin_right { position:relative; text-align:left; width:48%; float:right; }
.admin_left { position:relative; text-align:left; width:48%; float:left;  }

.rental { padding-top: 20px; text-align :left; width: 96%; float:left;  }

A.norm:link			{ color: #903}

A.norm:active		{ color: #903}

A.norm:visited		{ color: #903 }




A.nav:hover			{ color: #009}


A.nav:link			{ color: #009}

A.nav:active		{ color: #009}

A.nav:visited		{ color: #009 }


A.nav:hover			{ color: #009}





A.base:link		{ font-size: 60%; color: #903}


A.base:active		{ font-size: 60%; color: #903 }

A.base:visited		{ font-size: 60%; color: #903 }


A.base:hover		{ font-size: 60%; color: #903 }



A.example:link		{ text-decoration:none; color: #009}


A.example:active		{ text-decoration:none; color: #009}

A.example:visited		{ text-decoration:none; color: #009}


A.example:hover		{ text-decoration:none; color: #009}





#navlist
{
margin-left: 0;
padding-left: 0;
margin-top: 0px; 
margin-bottom: 0px;
list-style: none;
padding-top: 5px;
}



#navlist li 
{
font-family: Georgia;
 color: #009 ; 
font-size: 80%; 

list-style: none;

}


#wrap {
	font-size: 80%;
	font-weight: bold;
	color: #fff;
	width: 986px;
	margin: 0 auto; 
	position: relative;
	z-index: 1
	
	
 }


#navbar, #navbar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
}

#navbar a {
	display: block;
	text-decoration: none;
	color: #fff;
}









#navbar li { /* all list items */
	float: left;
	background-image: url(images/jpg/navbar.jpg); background-repeat: repeat-x;
	height: 23px;
	text-align: left;
	padding-left: 10px;
}





#navbar li ul { /* second-level lists */
	position: absolute;
	background-image: url(images/jpg/navbar.jpg); background-repeat: repeat-x;
	height: 23px;
	width: 80px;	
	margin-top: 3px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}





#navbar li ul ul { /* third-and-above-level lists */
	
	background-image: url(images/jpg/navbar.jpg); background-repeat: repeat-x;
	height: 23px;
	margin-top: -20px;
	margin-left: 150px;
}






#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul {
	left: -999em;
}




#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}




#navbar li:hover, #navbar li.hover {
    position:static;
    }




#wrap ul li.mems { /* all list items */
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
	background-image: url(images/jpg/nav2.jpg); background-repeat: repeat-x;
	height: 23px;
}





#wrap .widthsm	{ width: 80px; }

#wrap .widthmed	{ width: 150px; }

#wrap .widthlg	{ width: 190px; }

#wrap .widthnorm { width: 130px; }





#main          { position: relative; margin: auto; width: 1000px; margin-top: -1px; }

#top		{ position: relative; text-align: center; width: 986px; }



#contact_right { position: relative; float: right; width: 500px;  }

#contact_left { position: relative; float: left; width: 200px;  }


#calendar_centre	{ position: relative; text-align: left; color: #009; background-color: #ffffff; border: solid #903 2px; width: 640px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }


#calendar_left	{ float: left; position: relative; width: 200px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }

#calendar_right	{ float: right; position: relative; width: 400px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }


.memberemail { clear:both; position: relative; width: 700px;  }



.links_right { float: right; width: 49%; text-align: center; padding: 10px;}
.links_left { float: left; width: 45%; text-align: center; padding: 10px; }
.links_full { float: left; width: 95%; text-align: center; padding: 10px;  }


#rental_1 { position: relative; float: left; width: 745px;  }
#rental_2 { position: relative; float: right; width: 745px;  }
#rental_3 { position: relative; float: right; width: 420px;  }
#rental_4 { position: relative; float: left; width: 300px;}

.rental_4a { position: relative; float: left; width: 33%;  }
.rental_4b { position: relative; float: left; width: 33%;  }

.rental_4d { clear: both; position: relative; float: left; width: 100%;  }

#rental_5 { position: relative; float: right; width: 440px; padding-top:12px; }



.rental_5aa { clear: both; position: relative; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px;}
.rental_5a { position: relative; float: left; width: 33%; }
.rental_5b { position: relative; float: left; width: 33%; }
.rental_5bb { position: relative; float: left; width: 66%; }
.rental_5c { position: relative; float: right; width: 33%; }

.rental_5d { clear: both; position: relative; float: left; width: 100%; padding-top: 20px;}

#rental_6 { clear: both; position: relative; float: left; width: 745px; }
#rental_7 { position: relative; float: right; width: 440px; }
.rental_8 { position: relative; float: left; width: 95%; margin-left:30px; }


.clearer { clear: both; }

#shadow          { clear: both; position: relative; width: 995px; margin-top: 27px;}


.shadow2 {position:relative; display:block; background-color:#DBDADB; top: -2px; width: 992px; }

.shadow1 {position:relative; display:block; background-color:#B8B6B8 ; top: -2px; width: 989px;}




.inner { position:relative; text-align:left; background-color:#fff; width: 986px; min-height:515px; overflow:auto; } 

/* IE6 Only */
* html #inner {
	height: 515px;}



#side_left { position: relative; float: left; text-align: left; background-color: #fff; width: 206px; color: #009; background-image: url(images/jpg/left_bar.jpg); background-repeat: repeat-x;}




#side_right	{ position: relative; float: left; text-align: left; background-color: #fff; border-left: solid #009 2px; width: 745px; color: #009; padding: 10px; min-height: 630px;}


/* IE6 Only */
* html #side_right {
	width: 755px;
	height: 630px;
}

/* IE7 Only */
*:first-child+html #side_right {
	width: 755px;

}



#news_left    {position: relative; float:left; text-align: left; background-image: url(images/jpg/news_bar.jpg); background-repeat: repeat-x; border: solid #009 2px; width: 340px; color: #009; padding: 5px; min-height: 120px; } 

/* IE6 Only */
* html #news_left {
	height: 120px;}


#news_right    {position: relative; float:right; text-align: left; background-image: url(images/jpg/news_bar.jpg); background-repeat: repeat-x; border: solid #009 2px; width: 340px; color: #009; padding: 5px; min-height: 120px; } 


/* IE6 Only */
* html #news_right {
	height: 120px;}


.offer    {position: relative; float:left; text-align: left; background-image: url(images/jpg/news_bar.jpg); background-repeat: repeat-x; border: solid #009 2px;  width: 700px; color: #009; padding: 5px; margin-left: 20px; margin-bottom: 15px;} 


.news_full    {position: relative; float:left; text-align: left; background-image: url(images/jpg/news_bar.jpg); background-repeat: repeat-x; border: solid #009 2px; width: 700px; color: #009; padding: 5px; margin-left: 20px; margin-bottom: 15px;} 


.price_top   {position: relative; float:left; text-align: center; background-color: #903; width: 23%; color: #fff; padding-top: 5px; padding-bottom:5px; } 

.search1   {position: relative; float:left; text-align: left; background-color: #99c; width: 95%; color: #009; padding: 5px; font-size: 90%; } 
.search2   {position: relative; float:left; text-align: left; background-color: #fff; width: 95%; color: #009; padding: 5px; font-size: 90%;} 
.searcha   {position: relative; float:left; text-align: left; width: 15%; color: #009; padding-top: 5px; padding-bottom:5px; } 
.searchb   {position: relative; float:left; text-align: left; width: 10%; color: #009; padding-top: 5px; padding-bottom:5px; } 
.searchc   {position: relative; float:left; text-align: left; width: 26%; color: #009; padding-top: 5px; padding-bottom:5px; } 
.searchd   {position: relative; float:left; text-align: left; width: 14%; color: #009; padding-top: 5px; padding-bottom:5px; } 
.searche   {position: relative; float:left; text-align: left; width: 6%; color: #009; padding-top: 5px; padding-bottom:5px; } 
.searchf   {position: relative; float:left; text-align: left; width: 12%; color: #009; padding-top: 5px; padding-bottom:5px; } 
.searchg   {position: relative; float:left; text-align: left; width: 15%; color: #009; padding-top: 5px; padding-bottom:5px; } 



#footer	{ clear: both; position: relative; background-color: #fff; width: 986px; font-size: 70%; color: #903; text-align: center;}

A.footer { padding-right: 20px; }



fieldset
{
position: relative;  
margin: 0 auto; 
left: 5px;
text-align: left;
border: 1px solid #003399;
width: 400px;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #ccc;


}

html>body fieldset { width: 378px; }



fieldset.planner

{width: 700px;}

html>body fieldset.planner { width: 678px; }

fieldset.mememail

{
width: 700px;

}

html>body fieldset.planner { width: 678px; }




fieldset.tags

{width: 900px;}

html>body fieldset.tags { width: 878px; }


fieldset.rentals

{width: 950px;}

html>body fieldset.rentals { width: 928x; }



legend
{
position:absolute; 
top: -11px; 
left: 10px;
color: #fff;
font-size: 90%;
font-weight: bold;
background: #903;
border: 1px solid #003399;
padding: 5px;

} 

label
{
width: 170px;
float: left;
text-align: left;
font-weight: normal;
font-size: 90%;
margin-right: 10px;
display: block;
}

label.planner
{width: 250px;}

label.fieldLabel { display: inline; float: none; }

input.formInputText { color: #fff; background-color: #99c; border: solid 1px #039; padding: 2px;}
input.formCheck {color: #fff; background-color: #99c; }

textarea.formInputText { color: #fff; background-color: #99c; border: solid 1px #039; padding: 2px;}
select.formSelect {color: #fff; background-color: #99c; border: solid 1px #039; }
input.formRadio {color: #039; background-color: #ccc; }

input.formInputButton { font-size: 100%; font-weight: bold; text-align: center; color: #fff; background: #903; border: solid 1px outset #039; }




.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #039;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #039;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #903;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -360px; /*position where enlarged image should offset horizontally */
z-index: 50;
}