/*
// Cleveley Mere
// Dark Colour // Highlight Colour */




html{
min-height: 101%;
}




*{
padding: 0px;
margin: 0px;
}

ul.list{
padding-left: 10px;
margin-left: 10px;
}


body{
behavior: url("includes/csshover.htc"); 
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #2F3831;
padding: 0px;
border: 0px;
color: #666;
}

a{
text-decoration: none;
color: #363636;
}

a:hover{
color: #a5a5a5;
}

h1{
font-family: verdana;
font-weight: bold;
font-size: 1.4em;
color: #666666;
padding-top: 0px;
padding-left: 0px;
margin-bottom: 10px;
letter-spacing: 1px;
}


h2{
font-family: verdana;
font-size: 1.0em;
font-weight: bold;
color: #666666;
padding: 6x 0px 3px 0px;
margin: 6px 0px 3px 0px;
}

h3{
font-family: verdana;
font-weight: normal;
text-align: right;
font-size: 1.2em;
color: #666666;
margin-top: 20px;
margin-bottom: 20px;
letter-spacing: 1px;
}

h4{
font-family: verdana;
font-weight: normal;
font-size: 1.6em;
color: #666666;
padding-top: 0px;
padding-left: 5px;
margin-bottom: 10px;
letter-spacing: 1px;
}

img{
border: none;
}

textarea.enquiry{
overflow: auto;
}


ul{
margin-left: 0px;
}






#container{
width: 1000px;
background: #2F3831;
overflow: hidden;
}

#telephone{
float: right;
background: #4b494a;
padding: 3px;
color: #cccccc;
}



#holder{
width: 1000px;
height: 550px;
position: relative;
overflow: hidden;
text-align: left;
margin-top: 50px;
}

#one{
position: absolute;
top: 0px;
left: 11px;
width: 160px;
height: 550px;
background: #4B494A;
z-index: 5000;
}

#two {
position: absolute;
top: 0px;
left: 160px;
width: 350px;
height: 550px;
background: #FFFFFF;
z-index: 3000;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
}

#two a {
color: #666666;
}



#holder2                         {

                                    width: 500px;
                                    height: 550px;
                                    position: relative;
                                    overflow: hidden;
                                }








#three                         {

                                    position: absolute;
                                    top: 0px;
                                    left: 500px;
                                    width: 500px;
                                    height: 550px;
                                    background-color: #2F3831;
                                     z-index: 0;
                                     overflow: hidden;
                               }














#banner{
width: 950px;
height: 200px;
text-align: left;
background: #;
}



#imgholder{
width: 400px;
height: 400px;
}



#content{
text-align: justify;
margin: 0px;
padding-right: 10px;
width: 355px;
height: 550px;
font-size: 8pt;
line-height: 10pt;
color: #666666;
}

#content p{
padding-top: 3px;
padding-bottom: 3px;
}

#content a{
color: #666666;
text-decoration: underline;
}

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






#footer{
clear: both;
width: 1000px;
height: 20px;
color: #666666;
font-size: 10px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}

#innerfooter{
position: relative;
width: 1000px;
height: 20px;

}

#footl{
position: absolute;
left: 0px;
top: 3px;
}

#footr{
position: absolute;
right: 0px;
top: 3px;
}

#footer a{
color: #666666;
}

#footer a:hover{
color: white;
}












#contleft{
float: left;
width: 320px;
margin-left: 40px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 30px;
text-align: center;
}

#contright{
float: left;
width: 320px;
margin-top: 10px;
margin-bottom: 10px;
}



#navigation{
width: 140px;
margin-left: 5px;
overflow: visible;
}

#navigation ul {
margin:0px; 
padding:0px; 
}

#navigation ul li {
font-size: 10px;
font-family: verdana;
display: block;
width: 145px;
height: 13px;
color: #cccccc;
text-align: left;
display: block;
width: 150px;
height: 15px;
margin: 2px 0px 2px 0px;
border-bottom: 1px solid #666666;
cursor: pointer;
}

#navigation ul li a{
color: #cccccc;
width: 145px;
height: 13px;
display: block;
}

#navigation ul li:hover, #navigation ul li a:hover, #navigation li a.current, #navigation li.current {
color: #d1e32f;
position:relative;
}

#navigation ul ul {
display:none; 
position:absolute; 
left:125px; 
z-index: 99999999999;
top:-2px; 
padding: 3px;
border:#fff solid; 
border-width:1px; 
background-color:#9c9c93; 
}

#navigation ul li:hover ul {
display:block;
}

#navigation ul ul li { 
width:150px; 
float:left; 
display:inline; 
border:none;
color: #4b494a;
}

#navigation ul ul li a{ 
color: #4b494a;
}

#navigation ul ul li:hover 
{
border:none;
}

#navigation li:hover ul li ul {
display:none;
}

#navigation ul ul li ul {
left:110px; 
background-color:#0099CC;
}

#navigation ul ul li:hover ul {
display:block;
}









.infobar{
width: 370px;
padding: 5px;
color: white;
background: #;
}

#contright div.infobar{
margin-bottom: 1px;
}



.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
background: white;
}






.newsstory{
margin-bottom: 5px;
color: #363636;
background: ;
}

.nomarg{
margin-bottom: 0px;
}

.newsheadline{
font-family: verdana;
font-size: 1.0em;
font-weight: bold;
color: #666666;
margin: 10px;
margin-bottom: -5px;
letter-spacing: 1px;
}
.newsbody{
text-align: left;
padding: 10px 5px;
font-size: 11px;
line-height: 18px;
}
.newsfooter{
text-align: right;
padding-left: 20px;
padding-bottom: 4px;
font-size: 0.7em;
}










#rates                       {

                                    position: absolute;
                                    top: 10px;
                                    right: 10px;
                                    z-index: 9999999;
                                    font-size: 8pt;
                               }


.ratesTable                       {

                                   padding: 3px 5px 3px 5px;
                                   border: 1px solid #cccccc;
                                   background: #4B494A;
                                   text-align: left;
                                   color: #cccccc;

                               }

.ratesTable3                       {

                                   padding: 3px 5px 3px 5px;

                                   height: 10px;
                                   display:  block;
                                   text-align: left;
                                   color: #cccccc;

                               }

#music                      {

                                   position: absolute;
                                   z-index: -9999999;
                                   top 0px;
                                   left: -5px;

                               }






.gallery                       {

                                    float: left;
                                    width: 30px;
                                    height: 30px;
                               }


#slidehold{

                                position: relative;
                                z-index: 5000;
                               }







#address
{
font-size: 8pt;
font-family: verdana;
color: #cccccc;
margin-left: 5px;
width: 130px
}

#subscribe
{
font-size: 7pt;
font-family: verdana;
color: #ffffff;
padding: 3px;
margin: 0;
height: 50px;
margin-left: 0px;
width: 132px;

}

#innersubscribe
{
position: relative;
margin-left: 5px;
width: 130px;
height: 30px;
}

#subbut
{
position: absolute;
right: 4px;
top: 1px;
}


.mailingListText
{
width: 90px;
font-size: 8pt;

}

.mailingListButton
{
background: #C7C7C9;
color: #4B494A;
font-size: 7pt;
padding-top: 2px;
border: 0;
cursor: pointer;

width: 30px;
display: block;


}

.radio
{
margin-left: -2px;
padding-left: -5px;
line-height: 5px;

}




#address  a
{
color: #cccccc;
}

#address  a:hover
{
color: #ffffff;
}

#address2
{
font-size: 8pt;
font-family: verdana;
color: #666666;
margin-left: 10px;
width: 130px;
}

#address2  a
{
color: #666666;
}

#address2  a:hover
{
color: #4b4b4b;
}



#view
{
position: absolute;
bottom: 105px;
right: -6px;
}

#view2
{
position: absolute;
bottom: 200px;
right: -10px;
}

#view3
{
position: absolute;
top: 0px;
right: 10px;
}

#ratesTab
{
background: #4B494A;
float: left;
border: 1px solid #cccccc;
text-align: center;
width: auto;
color: #cccccc;
cursor: pointer;
font-size: 7pt;
padding: 5px 5px 5px 5px;
}



#ratesTab:hover
{
color: #ffffff;
}



.gal
{
cursor: pointer;
}






#text
{
height: 550px;
width: 350px;


}



#innertext
{
position: relative;
height: 550px;
width: 320px;
padding: 10px;
}

#innertext2
{
position: relative;
height: 550px;
width: 320px;
padding: 10px;
padding-left: 20px;
}





#galgal
{
position: absolute;
bottom: 20px;
left: 3px;
}


.login
{
background: #4B494A;
color: #ffffff;
border: 0px;
font-size: 7pt;
padding: 3px;
cursor: pointer;
}

.secret
{
height: 19px;
}

.select
{
height: 19px;
width: 150px;
}

.headline
{
height: 19px;
width: 200px;
}


a.option{
display: block;
width: 180px;
height: 28px;
padding-top: 8px;
padding-left: 5px;
background: #c2c2c2;
color: #363636;
text-align: left;
margin-left: 0px;
}




.textarea{
width: 200px;
height: 200px;
overflow: auto;
}