body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(../images/bg-wide.gif) top center repeat-y;
}

#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 960px;
}

#header {
clear: both;
margin: 0px 0 0 0;
padding: 0;
height: 0px;
}

#header h1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
}

#header p {
width: 500px;
float: right;
text-align: center;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

#frontphoto {
margin: 0 0 10px 0;
border: 0;
}

#avmenu {
clear: left;
float: left;
width: 125px;
margin: 10px 0 10px 0;
padding: 0;
font-size: 0.9em;
}

.announce {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
}

#extras {
float: right;
width: 125px;
margin: 10px 0 10px 10px;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p {
margin: 0 0 1.5em 0.4em;
}

#content {
margin: 10px 125px 20px 125px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#contentmap {
margin: 0px 125px 20px 125px;
border-left: 0px solid #f0f0f0;
border-right: 0px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
width: 450px;
height: 530px;
background: #ffffff url(../images/location-map.jpg) 90px 90px no-repeat;
}

#contentwide {
margin: 10px 5px 20px 125px;
border-left: 1px solid #f0f0f0;
/*border-right: 1px solid #f0f0f0;*/
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#content h1, #contentmap h1 {
font-size: 1.8em;
margin: 0 0 0.5em 0;
}

#contentmap h1 {
font-size: 1.8em;
margin: 10px 0 0.5em 0;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}


#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}


h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 960px;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}

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

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.toplinkcontainer
{
height: 30px; 
margin-left: 1px;
}

.toplink
{
color: #fff; 
background-color: #000; 
display: inline; 
width: 74px; 
height: 33px; 
position: relative; 
top: 10px; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
padding: 8px 10px 10px 10px;
margin-left: 0px;
}

.toplinkspecial
{
color: #fff; 
background-color: #000; 
display: inline; 
/*width: 185px; */
height: 33px; 
position: relative; 
top: 10px; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
padding: 8px 10px 10px 10px;
margin-left: 0px;
}

.toplinkbook
{
color: #000000; 
background-color: #FFFF00; 
font-weight: bold;
display: inline; 
width: 85px;
height: 33px; 
position: relative; 
top: 10px; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
padding: 8px 11px 10px 11px;
margin-left: 0px;
}

.toplinkcall
{
color: #000000; 
background-color: #FF4500; 
font-weight: bold;
display: inline; 
width: 85px;
height: 33px; 
position: relative; 
top: 10px; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
padding: 8px 11px 10px 11px;
margin-left: 0px;
}

/* MENU STYLESHEET */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* Set the overall width here - we want 760px with 8 tabs so each tab is 95px wide */
.menu {font-family: arial; width:960px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}

/* hack to correct IE5.5 faulty box model - use width plus 1px / width*/
* html .menu {width:961px; w\idth:960px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* set the width of each menu tab here. This is the width divided by the number of tabs */
.menu ul ul {width:96px;}

/* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
/* Copy tab width from the line above */
.menu li {float:left;width:96px;position:relative;}


/* style the links for the top level - use the tab width minus 11px */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:85px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#000000; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected - use tab width / tab width minus 11px */
* html .menu a, * html .menu a:visited {width:96px; w\idth:85px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

/* NOT USING THIRD LEVEL FLYOUTS ON THIS MENU - YET! */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000000; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#666665; text-decoration: none;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#666665; text-decoration: none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}