/* CSS Document */
/* Rebecca Esler */
/* 08/11/07 */

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

/*-----centres site (also has repeating image of shading on right/left) ------*/
#frame{
background-image:url(../images/frame.gif);
background-position: top left;
background-repeat:repeat-y;
margin: 0px auto;
padding: 0px;
width: 954px;
text-align:center;}

/*-----top header - logo etc ------*/
#header{
background-image:url(../images/header.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
width: 954px;
height: 144px;
text-align:center;}

/*-----where flash header sites ------*/
#images{
margin: 0px;
padding: 0 0 0 3px;
text-align:center;}

/*-----top navigation) ------*/
#nav{
background-image:url(../images/nav_bg.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
width: 954px;
height: 26px;
font:11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align:center;}

#nav ul{
margin: 0px;
padding: 7px 0 0 0;}

#nav li{
font-weight:bold;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 12px;
border-right: 1px solid #ffffff;}

#nav a:link, #nav a:visited{
list-style: none;
margin: 0px;
padding: 0px;
color: #ffffff;
text-decoration: none;}

#nav a:hover{
list-style: none;
margin: 0px;
padding: 0px;
color: #ffce3f;
text-decoration: none;}

/*-----yellow bg with grey shading on sides, repeating------*/
#contentarea{
background-image:url(../images/content_bg.jpg);
background-position: top left;
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
width: 954px;
text-align:center;
}

/*-----bottom of content area (bg colour goes lighter) ------*/
#contentbottom{
background-image:url(../images/content_bottom.jpg);
background-position: bottom left;
background-repeat: no-repeat;
margin: 0px;
padding: 0 0 10px 0;
width: 954px;
text-align:center;
}

/*-----top of content area (buttons on left and lighter at top) ------*/
#contenttop{
text-align:left;
background-image:url(../images/content_top.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 0px;
width: 954px;
text-align:center;
font:11px/14px Arial, Helvetica, sans-serif;
color: #000000;
}

/*-----left sidebar ------*/
#sidebar{
float: left;
margin: 30px 25px 0 35px;
padding: 0px;
width: 250px;
display: inline;
text-align:left;}

#sidebar h1{
color:#2e4cbc;
margin: 0px;
padding: 0px 0px 10px 0;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;}

#sidebar h2{
color:#2e4cbc;
margin: 0px;
padding: 0px 0px 10px 0;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;}

#sidebar h3{
color:#000000;
margin: 0px;
padding: 0px 0px 10px 0;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;}

.white{
margin: 0px;
padding: 0px;
color: #ffffff;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;}

/*-----dashed line-----*/
.dashedLine{
border-bottom: 1px dashed #996600;
margin: 20px 0;
padding: 0px;
width: 245px;} 

.dashedLine1{
border-bottom: 1px dashed #996600;
margin: 10px 10px 10px 0;
padding: 0px;
width: 215px;}

/*-----feature box ------*/
.featurebox{
font:10px/12px Arial, Helvetica, sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
width: 245px;}

.featurebox img{
border:0;}

.featurebox a:link, .featurebox a:visited{
color: #2e4cbc;
margin: 0px;
padding: 0px;
text-decoration: none;}

.featurebox a:hover{
color: #2e4cbc;
margin: 0px;
padding: 0px;
text-decoration: none;}

.featurebox h1{
font:18px Arial, Helvetica, sans-serif;
color: #2e4cbc;
margin: 0px;
padding: 0px;
font-weight:bold;}

.featurebox h2{
font:14px Arial, Helvetica, sans-serif;
color: #2e4cbc;
margin: 0px;
padding: 0px 0 5px 0;
font-weight:bold;}

.featurebox h3{
font:12px Arial, Helvetica, sans-serif;
color: #2e4cbc;
margin: 0px;
padding: 0px;}

.featurebox h3 a:link, .featurebox h3 a:visited{
color: #2e4cbc;
margin: 0px;
padding: 0px;
text-decoration: none;}

.featurebox h3 a:hover{
color: #000000;
margin: 0px;
padding: 0px;
text-decoration: none;}

.featurebox h4{
font:11px/12px Arial, Helvetica, sans-serif;
color: #2e4cbc;
margin: 0px;
padding: 0px;}

.featurebox h5{
font:12px Arial, Helvetica, sans-serif;
color: #000000;
margin: 0px;
padding: 0px 0 10px 0;}

.white1{
margin: 0px;
padding: 0px;
color: #ffffff;
font:11px Arial, Helvetica, sans-serif;}


.featureboxTop{
margin: 0px;
padding: 0px;
background-image:url(../images/featurebox_top.gif);
background-position: top left;
background-repeat: no-repeat;
height: 14px;
width: 245px;}

.featureboxMiddle{
margin: 0px;
padding: 0 15px;
background-image:url(../images/feature_middle.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 215px;
min-height: 100px;}

.featureboxBottom{
margin: 0px;
padding: 0px;
background-image:url(../images/featurebox_bottom.gif);
background-position: top left;
background-repeat: no-repeat;
height: 15px;
width: 245px;}


/*-----main body content ------*/
#textarea{
display: inline;
float: right;
margin: 0px;
padding: 50px 50px 0 20px;
width: 542px;
text-align:left;
}

#textarea img{
border: none;}

#textarea a:link, #textarea a:visited{
margin: 0px;
padding: 0px;
text-decoration: none;
color: #2e4cbc;
border: none;}

#textarea a:hover{
margin: 0px;
padding: 0px;
text-decoration: underline;
color: #2e4cbc;
border: none;}

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

#textarea ul li{
	list-style: none;
	margin: 0px;
	padding: 0 0 0 10px;
	background-image: url(../images/bullet.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

 
#textarea h2{
color:#2e4cbc;
margin: 0px;
padding: 10px 0 0 0;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;}

#textarea h3{
color:#2e4cbc;
margin: 0px;
padding: 5px 0 2px 0;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;}

#textarea h4{
color:#0033cc;
margin: 0px;
padding: 0px 0px 0px 0px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
}

#textarea h5{
color:#000000;
margin: 0px;
padding: 4px 0px 0px 0px;
font:10px Arial, Helvetica, sans-serif;
}

/*-------white border around images--------*/
.photos{
margin: 0px;
padding: 0px;
text-align: left;}

.photos img{
border: 5px solid #ffffff;}

/*-------dashed line 100%--------*/
#dashedLine2{
border-bottom: 1px dashed #996600;
margin: 20px 0;
padding: 0px;
width: 539px;} 

.dashedLine3{
border-bottom: 1px dashed #996600;
margin: 0px 0 10px 0;
padding: 0px;
width: 539px;} 

.dashedLine4{
border-bottom: 1px dashed #996600;
margin: 0px 0px 20px 0px;
padding: 20px 0px 0px 0px;
width: 539px;} 

#dashedLine5{
border-bottom: 1px dashed #996600;
margin: 0px 0px 60px 0px;
padding: 0px 0px 0px 0px;
width: 539px;} 

#guarantee{
width: 395px;
height:94px;
margin: 0px;
padding: 45px 35px 0 110px;
background-image:url(../images/guarantee.gif);
background-position: top left;
background-repeat: no-repeat;
color: #ffffff;
font:11px/14px Arial, Helvetica, sans-serif;
font-weight: bold;}

.yellow{
margin: 0px;
padding: 0px;
color: #f9cf3b;
font-weight: bold;}

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

#list li{
margin: 0px;
padding: 0 4px 0 8px;
display: inline;
font-weight:bold;}

#tour_list ul{
margin: 0px;
padding: 10px 0 0 0;
}

#tour_list li{
margin:0px;
padding:0 8px 0 8px;
display:inline;
font-weight:bold;
color:#000000;
}



/*-----footer------*/
#footer{
text-align:left;
background-image:url(../images/footer.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 25px 0 0 0;
width: 954px;
height: 47px;
text-align:center;
font:10px Arial, Helvetica, sans-serif;
color: #000000;}

#footer a:link, #footer a:visited{
margin: 0px;
padding: 0px;
color: #000000;
text-decoration: none;}

#footer a:hover{
margin: 0px;
padding: 0px;
color: #2e4cbc;
text-decoration: none;}

.form{
text-align:left;
margin: 1px;
padding: 0px;
font:11px/14px Arial, Helvetica, sans-serif;
color: #000000;}

.form input{
width: 200px;
padding: 2px;
}

.form option{
width: 180px;
padding: 1px;}

.form textarea{
width: 335px;
padding: 1px;}

.small textarea{
width: 200px;
padding: 1px;
text-align:left;
margin: 1px;
font:11px/14px Arial, Helvetica, sans-serif;
color: #000000;}

.number input{
text-align:left;
margin: 1px;
padding: 0px;
font:11px/14px Arial, Helvetica, sans-serif;
color: #000000;
width:15px;}