body {
        font-family: Arial, Helvetica, sans-serif;
        background-color:#EEEEEE;
        margin:0;
}

/* --- T E X T ---*/

h1 {            color:#fff;             font-size:100%;         line-height:150%;       font-weight:bold;        }
h2 {            color:#fff;             font-size:90%;          line-height:150%;       font-weight:400;        }
h3 {            color:#666;             font-size:90%;          line-height:150%;       font-weight:bold;       }
h4 {            color:#666;             font-size:60%;          line-height:125%;       }
p,li,a,td {     color:#666;             font-size:80%;          line-height:150%;       }
li {
        list-style-type: none;
        list-style-image: url(../images/arrow.png);
        font-size:100%;
}
a {                     text-decoration: none; }
a:hover {       outline:none;   text-decoration:underline;      }
a:active {      outline:none; }
a:focus {       outline:none; }

/* --- H E A D ---*/

#head {
        position: relative;
        height: 85px;
        width: 800px;
        margin: 0 auto;
		margin-bottom:5px;
        background-color:#003366;
}

#textArea {             
        display: block;
        position: absolute;
        top:10px;
        left: 30px;
        width: 400px;
        height: 100px;
}

#textArea h1,
#textArea h2,
#textArea h3,
#textArea p {
        line-height: 100%;
        margin: 10px 0;
        padding: 0;
}

#logoArea {
        display: block;
        position: absolute;
        top:20px;
        right: 0px;
		left: 570px;
        width: 165px;
        height: 67px;
}

#headerRight
{
 display: block;
        position: absolute;
        top:10px;
        left: 572px;
        width: 400px;
        height: 100px;
}


#head h1:hover {
        cursor: pointer;
}

/* ----  M E N U   -------------------*/

#menu {
        background-color:#FFFFFF;
        height: 110px;
        width: 800px;
        margin: 0 auto;
        padding: 0;
}

#menu ul {
        margin:0 20px;
        padding: 0;
}

#menu li {                                      /* Normal menu item with an 'a' inside */
        position: relative;
        display:block;
        float:left;
        width:69px;
        height: 69px;
        margin: 5px;
}
#menu li a {
        position: absolute;
        bottom: 0px;
        right: 0px;
        
        display: block;
        width: 55px;
        padding:   45px 3px 3px;
        
        color: #fff;
        font-size: 12px;
        font-weight:bold;
        text-align: right;
        text-decoration: none;
}

#menu li:hover {                                        /* On HOVER menu item with an 'a' inside, normal width, but higher */
        height:90px;
        cursor: pointer;
}
#menu li:hover a {              
        width: 55px;            
        padding:   70px 3px 3px;
}

#menu li.active {                                       /* Selected menu item with an 'a' inside, wider and higher */
        height:90px;
        width:90px;
}
#menu li.active a {
        width: 82px;
        padding:   70px 3px 3px;
}

.home {                 background-color: #006400;      }
.facilities {           background-color: #53868B;      }
.location {                 background-color: #8B6914;      }
.activities {             background-color: #666B2F;      }
.prices{            background-color: #CD851C;      }
.area {               background-color: #8B0013;      }
.terms {                background-color: #8B4513;      }                       /* use this color in the form.css aswell */
.contact {              background-color: #2A008B;      }
.links {                background-color: #8B2A2A;      }

 


/* ----  C O N T E N T   -------------------*/

#main {         
        position: relative;
        width: 750px;
        margin: 0 auto;
        background-color:#FFFFFF;
        padding:  0 25px;
}

#main2 {         
        position: relative;
        width: 800px;
        margin: 0 auto;
        background-color:#FFFFFF;
        padding:  0 0px;
}

#content {                              
        width: 500px;
        float: left;
        overflow: hidden;
        padding-bottom: 20px;
}

#content2 {                              
        width: 800px;
        float: left;
        overflow: hidden;
        padding-bottom: 20px;
}
#sidebar {
        width: 190px;
        float: left;
        margin-left: 30px;
        padding-left: 20px;
        border-left: 1px dashed #CCCCCC;
        overflow: hidden;
}

#leftCol,
#rightCol {
        width: 260px;
        float:left;
}

/* ---   F O O T E R   ----*/

#footer {       
        position: relative;
        width: 750px;
        margin: 0 auto;
        border-top: 1px dashed #CCCCCC; 
        background-color:#FFFFFF;
        padding: 20px 25px;
}


#footer ul {
        display: block;
}

#footer li {
        border-right: 1px solid #ccc;
        list-style-type: none;
        padding: 3px 6px;
        float: left;
        font-size: 70%;
        font-weight:bold;
        list-style-image: none;
}

#footer li.last {
        border-right: none;
}

#footer li a {
        text-decoration: none;
}

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