@charset "utf-8";
/* CSS Document */
body{
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-family: Trebuchet MS;
	font-size: 10pt;	
}
/*TEXT FORMATTING*/
h1{font-size: 14pt;}
h2{font-size: 12pt;}
h3{font-size: 11pt; margin-bottom: 0;}
h4{font-size: 10pt;}

/*global text size*/
p{ 
}

#navcontainer{ /*second holder to contain divs*/
	width: 790px;
	background: #808080;
	height: 130px;
	margin: auto;
	padding: 15px 5px 15px 5px;
}
#logo{ 
	float: left;
	width: 100px;
}
#menucontainer{
	float: left;
	width: 590px;
}
#menu{
	height: 50px;
	padding: 0 21px;
}
#fivestar{
	float: left;
	width: 100px;
}
#navcaption{
	width: 590px;
	text-align: center;
	vertical-align: text-bottom;
}
#pic{
	padding: 0 0 4px 0;
}
#container{
	width: 800px;
	margin: auto;
	background: #000040;
	border-top: solid 10px #000040;
}
#leftpane{ 
	width: 290px;
	float: left;
	background: #808080;
	padding: 20px 40px 0px 40px;
	left: auto;
	border-left: solid 30px #000040;
	text-align: left;
}
#rightpane{
	width: 350px;
	float: left;
	background: #919191;
	padding: 20px 10px 0px 10px;
	right: auto;
	border-right: solid 30px #000040;
	text-align: center;
}
#singlepane{
	width: 700px;
	margin: 0 30px;
	padding: 20px;
	background: #919191;
}
#textcontent{
	padding: 0 30px;
	text-align: left;
}
#picture{
	margin: 10px 0 10px 0;
}
#footerleft{
	float: left;
	width: 565px;
	padding: 2px 0 2px 5px;
	background: #333333;
	border-left: solid 30px #000040;
	text-align: left;
	color: #FFFFFF;
	font-size: 80%;
}
#footerright{
	float: left;
	width: 165px;
	padding: 2px 5px 2px 0;
	background: #333333;
	border-right: solid 30px #000040;
	text-align: right;
	font-size: 80%;
}
ol.content-list, ol.content-list ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*short breaks table*/

table#shortbreaks {
	width: 290px;
	
}
.leftcol{
	width: 75%;
	text-align: left;
}
.rightcol{
	width: 25%;
	text-align: right;
}
.singlecol{
	text-align: center;
}
#shortbreaks td {
	border-bottom: #C0C0C0 1px solid;
}
/*GALLERIES !*/
#galleryimage{
	margin: auto;
	height: 500px;
	width: 500px;
	padding: auto;
	text-align: center;
}
#gallerythumbnails{
	margin: 20px 0 0 0;
}

#hpgmh{
	height:178px;
	width: 250px;
	margin: auto;
	background: url(../images/image-loader.gif) no-repeat center;
}
#hpgm{

}	
/*hpg thumnail holder*/
#hpgt{
	padding: 10px;
}
/*hpg main pic*/
.hpgm{
}

a:link {color: #FFFFFF;} /*to format the text in white with no decoration*/
a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF;}
a:active {color: #000000;}

a.swapper:link {color: #919191; border: thin #919191;}
a.swapper:visited {color: #919191; border: thin #919191;}
a.swapper:hover {color: #FFFFFF; border: thin #FFFFFF;}
a.swapper:active {color: #FFFFFF; border: thin #FFFFFF;}

a.orange:hover {color: #FF9900;}
a.orange:active {color: #FF9900;}

a.footer:link {color: #FFFFFF; text-decoration: none;} /*to format the text in white with no decoration*/
a.footer:visited {color: #FFFFFF; text-decoration: none;}
a.footer:hover {color: #FFFFFF;}
a.footer:active {color: #000000;}


/*FORM*/
#form{
}
fieldset {
	padding: 0 0 10px 0;
    margin-bottom: 10px;
}

legend {

}

fieldset ol{
	list-style-type: none;
}

label, input {
	display: block;
	width: 200px;
}

textarea {
	display: block;
	width: 200px;
	height: 200px;
}
textarea.additionalquery{
	display: block;
	width: 200px;
	height: 100px;
}
input.button{
	width: 100px;
	float: left;
}
/*END OF FORM*/

/* ACCORDION*/
.accordion_toggle {
	display: block;
	width: 150px;
	color: #FFFFFF;
	background-color: #C0C0C0;
	padding: 0px 5px;;
	cursor: pointer;
}
		
.accordion_toggle_active {
	color: #ffffff;
}
		
.accordion_content {
	width: 150px;
	background-color: #C0C0C0;
	color: #FFFFFF;
	padding: 0px 5px;
	overflow: hidden;
}
			
.accordion_content h2 {
	color: #FFFFFF;
}
			
.accordion_content p {
	padding: 5px 10px 15px 10px;
}
