BODY {
background : #D8E4F2 url(../images/nbg.jpg) no-repeat;
color : #000000;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: .81em;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
text-align : center;
height:100%;

}

H1 {
line-height : 0;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
text-indent : -1999px;
}
H2 {
margin : 20px 0;
color : #5786B5;
font-size : 1.6em;
padding : 0;
text-align:left;}

H3 {
font-size : 1.2em;
padding : 0;
text-align:left;}


P {
margin : 0;
padding-bottom : 10px;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
A {
        color : #2875DE;
        text-decoration : none;
        font-weight: bold;
}
A:hover {
color : #2875DE;
text-decoration : underline;
}

HR {
}

IMG.left {
float : left;
margin : 0 7px 7px 0;
}
DIV.left {
float : left;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
width : 48%;
}
DIV.right {
float : right;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
width : 48%;
}
#wrapper {
margin : 0px auto;
width : 769px;
border : medium none inherit;

padding : 0;
}
#head {
text-align : left;
width : 769px;
}
#footer {
text-align : center;
}

#head {
height : 90px;
background-image : url(../images/example_header_1.jpg);
background-repeat : no-repeat;
height : 90px;
}
#footer {
        clear : both;
        margin : 1px 0 0px;
        padding : 10px 10px 10px;
}
#head P {
display : none;
}
#nav LI {
float : left;
height : 29px;
position : relative;
text-align : center;
width : 145px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #b6b6b6;
}
P.desc {
color : #4571c0;
font-size : large;
font-weight : normal;
line-height : 1.3em;
margin : 0 0 30px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
#footer P {
margin : 0 0 0 20px;
color : #666666;
}
#footer A {
        color: #666666;
        font-weight: bold;
}
table#nav td {
background : url(../images/bbg.gif) repeat;
border-bottom : medium none inherit;
border-left : medium none inherit;
border-right : 1px solid #a2a2a2;
border-top : medium none inherit;
font-size : x-small;
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
padding : 3px;
margin : 0;
width : 140px;
height : 30px;
display : block;
}
#navigation {
width : 769px;
background-image : url(../images/bbg.gif);
border-top : 1px solid #00201d;
border-right : medium none inherit;
border-bottom : 1px solid #00201d;
border-left : medium none inherit;
height : 30px;
}
#navigation ul li {
width : 120px;
border-top : medium none inherit;
border-right : 1px solid #a2a2a2;
border-left : medium none inherit;
list-style-type : none;
list-style-image : none;
float : left;
height : 30px;
padding : 3px;
text-align : center;
display : inline;
}
#navigation td {
background : url(../images/bbg.gif) repeat scroll 0% 0%;
border-bottom : medium none inherit;
border-left : medium none inherit;
border-right : 1px solid #a2a2a2;
border-top : medium none inherit;
font-size : x-small;
font-weight : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
padding : 3px;
margin : 0;
width : 140px;
height : 30px;
}
#head h1 {
text-align : left;
background-color : #ffffff;
line-height : 0;
font-size : 0;
}
#head {
width : 769px;
border : medium none inherit;
background-image : url(../images/site/header.jpg);
padding : 0;
margin-top : 5px;
margin-right : auto;
margin-left : auto;
height: 102px;
}



#mainnav {
clear : both;
margin : 50px 0 30px;
background-color : #cccccc;
padding : 10px;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-right-style : none;
border-bottom-style : solid;
border-left-style : none;
border-top-color : #666666;
border-right-color : #666666;
border-bottom-color : #666666;
border-left-color : #666666;
text-align : left;
height : 30px;
}
#mainnav {
border-bottom : 1 solid #000000;
border-left : 0 none;
border-right : 0 none;
border-top : 1 solid #000000;
height : 30px;
margin : 0;
padding : 0;
}
#mainnav UL {
background : url(../images/bbg.gif) repeat;
height : 31px;
margin : 0;
position : relative;
padding : 0;
border-bottom-style : solid;
border-bottom-width : 1px;
border-bottom-color : #9fc6c6;
border-top-style : none;
}
#mainnav UL LI {
list-style : none;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
position : absolute;
top : 0px;
text-align : center;
}
#mainnav UL LI {
display : block;
height : 30px;
}
#mainnav A {
        display : block;
        padding : 5px;
        color : #ffffff;
        font-weight : bold;
        font-size: 1.0em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainnav UL LI A {
text-decoration : none;
}
#mn1 {
left : 0;
width : 80px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #5483B2;
padding : 0;
height : 30px;
}
#mn2 {
left : 81px;
width : 120px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #5483B2;
}
#mn3 {
left : 201px;
width : 120px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #5483B2;
}
#mn4 {
left : 321px;
width : 120px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #5483B2;
}
#mn5 {
left : 441px;
width : 110px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #5483B2;
}

#mn6 {
left : 551px;
width : 118px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #5483B2;
}
#mn7 {
left : 669px;
width : 100px;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #5483B2;
}

#mn1 A:hover {
background : 0 -25px;
font-weight : bold;
color : #ffcc00;
}
#mn2 A:hover {
background : -81px -25px;
font-weight : bold;
color : #ffcc00;
}
#mn3 A:hover {
background : -201px -25px;
font-weight : bold;
color : #ffcc00;
}
#mn4 A:hover {
background : -201px -25px;
font-weight : bold;
color : #ffcc00;
}
#mn5 A:hover {
background : -201px -25px;
font-weight : bold;
color : #ffcc00;
}
#mn6 A:hover {
background : -201px -25px;
font-weight : bold;
color : #ffcc00;
}
#mn7 A:hover {
background : -201px -25px;
font-weight : bold;
color : #ffcc00;
}
.hide {
height : 0;
overflow : hidden;
position : absolute;
width : 0;
left : 753px;
top : 265px;
}
#head P {
display : none;
}
.form {
border-bottom : medium solid inherit;
border-left : medium solid inherit;
border-right : medium solid inherit;
border-top : medium none inherit;
color : #000;
font-family : Arial, Helvetica, sans-serif;
font-size : xx-small;
margin : 0;
padding-bottom : 1px;
padding-left : 1px;
padding-right : 1px;
padding-top : 1px;
voice-family : "\";
text-align : left;
}
.form-button {
background-color : #fff;
border-bottom : 1px solid #666;
border-left : 1px solid #666;
border-right : 1px solid #666;
border-top : 1px solid #666;
color : #000;
font-family : Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-size : xx-small;
font-weight : bold;
margin : 0;
padding-left : 1px;
padding-right : 1px;
voice-family : "\";
}
#formarea {
border-bottom : 0 none inherit;
border-left : 0 none inherit;
border-right : 0 none inherit;
border-top : 0 none inherit;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
text-align : left;
}
#formarea LABEL {
display : block;
font-size : 11px;
margin-bottom : 0;
margin-top : 5px;
padding-bottom : 0;
}
h3 {
margin : 0px 0 10px;
color : #000000;
font-size : 1.2em;
padding : 20 0 1;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

strong {
        color: #000000;
}
#gallery IMG {
        text-align: left;
        float: left;
}
caption {
        font-style: italic;
        text-align: left;
        padding-top: 20px;
        padding-right: 0px;
        padding-bottom: 20px;
        padding-left: 0px;
}
#content table {
        font-size : x-small;
        width: 90%;
}
th {
        text-align: left;
        font-weight: bold;
        color: #333333;
}
label {
        line-height: 0px;
        text-indent: -1999px;
}
.az {
        font-weight: bold;
}
textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-small;
}
input {
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-small;
        text-align: left;
}
caption {
}
th {
}


.yearnonav {
        background-color: #5786B5;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        background-position: center;
        color: #FFFFFF;
}

.allelse {
        border: 1px solid #E2E2E2;
        background: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: normal;
        color: #666666;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        vertical-align: top;
        padding-left: 2px;
}
.days{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        color: #666666;
        border: thick solid #FFFFFF;
        text-transform: capitalize;
        text-align: center;
        background-position: center;

}
.vacant{
        color: #333333;

}

.thd {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #999999;
}

#booked {
        border: 1px solid #5786B5;
        background:  #ffcc00;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: normal;
        color: #663399;
        text-align: left;
        vertical-align: top;
        padding-left: 2px;
}

#provisional {
        border: 1px solid #5786B5;
        background: #DCDCE7;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: normal;
        color: #663399;
        text-align: left;
        vertical-align: top;
        padding-left: 2px;
}
#mainnav div
{
        position: absolute;
        visibility: hidden;
left: -1px;
top: 30px;
        margin: 0;
        padding: 0;
        background:  #F0F0F0;
        border: 1px solid #5970B2}


        #mainnav div a
        {       position: relative;
                display: block;
                margin:  0;
                padding: 5px 10px;
                width: 120px;
                white-space: nowrap;
                text-align: left;
                text-decoration: none;
                background:  #F0F0F0;
                color: #2875DE;
                font: 11px arial
                font-weight: bold;
}

        #mainnav div a:hover
        {       background: #D8E4F2;
                color: #FFF}
#contact {
float : left;
margin : 0 0 15px 10px;
padding-bottom : 0;
padding-left : 10px;
padding-right : 10px;
padding-top : 30px;
padding-bottom : 60px;
text-align : left;
width : 400px;
background : #ffffff;
}

.fieldset
{
border: 1px solid #5786B5;
width: 35em;

}
.fieldset label
{
width: 6em;
float: left;
text-align: right;
margin-right: 0.8em;
display: block;
color: #000;
padding: 1em;
}

input
{
color:  #2875DE;
background:  #F0F0F0;
border: 1px solid #5786B5
}

.submit input
{
margin-left: 7em;
color: #000;
background: #D8E4F2 ;
border: 2px outset #d7b9c9
}



legend
{
color: #000;
background: #D8E4F2;
border: 1px solid #5786B5;
padding: 2px 6px
}
textarea
{
color:  #2875DE;
background:  #F0F0F0;
border: 1px solid #5786B5;
height: 100px;
width: 300px}




#container {
width: 100%;
height: 100%;
margin: 0px;
padding:2px 0px;
background-image: url(../images/divider.gif);
background-repeat: repeat-y;
background-position: 160px 0px;
}

#sidebar {
width: 140px;
height: 100%;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
text-align: left;}

htmlbody #sidebar {
margin : 0 0 0 700px;
}
#sidebar UL {
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 10;
padding-top : 0;
}


#sidebar UL LI {
padding : 5;
margin-right : 0;
margin-left : 20px;
margin-right: 5px;
}


#sidebar UL LI A {
        border-bottom : medium none inherit;
        color : #333;
        padding-bottom : 0;
        padding-left : 0;
        padding-right : 0;
        padding-top : 0;
        text-decoration : underline;
        font-weight: normal;
}



#sidebar UL LI A:hover {
text-decoration : underline;
color : #990000;
}

#sidebar h1 {
margin : 15px 0 10px;
color : #666666;
font-size : x-small;
padding : 0;
}
#sidebar h2 {
        margin : 15px 0 10px;
        color : #5786B5;
        padding : 0;
        font-weight : bold;
        font-size: 1.2em;
}



#content {
width: 605px;
height: 100%;
float: right;
padding: 20px 5px 20px 10px;
margin: 1px;
background: #ffffff;
}

#content p
{
text-align:left;
}



#content UL {
        margin : 0;
        padding: 0;
	text-align:left;
}
#content UL LI {
        margin : 2px 0 10px 20px;
        padding: 0;
}
#content OL {
color : #4571c0;
line-height : 1.6em;
margin : 0 0 30px 20px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
#content OL LI {
border-bottom : 1px solid #4571c0;
color : #999;
margin : 0;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
}
#content DL {
font-size : 11px;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
#content DT {
font-size : 11px;
font-weight : bold;
margin : 10px 0;
}
#content DD {
font-size : 11px;
line-height : 1.3em;
list-style : none;
margin : 0 0 7px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
#content IMG {
float : right;
margin : 0 17px 10px 0;
}




/*   hard coded index/home page with not side links bar - needs to be wider */
#index_content {
width: 765px;
height: 100%;
float: left;
padding: 20px 10px 20px 20px;
margin: 1px;
background: #ffffff;
}

#index_content p
{
text-align:left;
}



#index_content UL {
        margin : 0;
        padding: 0;
        text-align:left;
}
#index_content UL LI {
        margin : 2px 0 10px 20px;
        padding: 0;
}
#index_content OL {
color : #4571c0;
line-height : 1.6em;
margin : 0 0 30px 20px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
#index_content OL LI {
border-bottom : 1px solid #4571c0;
color : #999;
margin : 0;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
}
#index_content DL {
font-size : 11px;
margin : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
#index_content DT {
font-size : 11px;
font-weight : bold;
margin : 10px 0;
}
#index_content DD {
font-size : 11px;
line-height : 1.3em;
list-style : none;
margin : 0 0 7px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
#index_content IMG {
float : right;
margin : 0 17px 10px 0;
}