body {
  font-family: Verdana, "Myriad light", Sans-Serif;
  background: #6085CA; /* blue */
  text-align: center;
  margin: 0px;    
}

textarea { font-family: Verdana, "Myriad light", Sans-Serif; }

img { border: 0px; }

.SearchIcons {width : 127px;}


h1{ color:#5F87DF; /* blue */ font-weight:bold; font-size:12pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h2{ color:#5F87DF; /* blue */ font-weight:bold; font-size:10pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h3{ color:#5F87DF; /* blue */ font-weight:bold; font-size:9pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h4{ color:#5F87DF; /* blue */ font-weight:bold; font-size:8pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

h1.orange { color:#FF6600; /* blue */ font-weight:bold; font-size:12pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


ul li { list-style-type: square; margin-bottom:2px; padding-bottom:2px;}

DIV#container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background-color: #fff;
}

/**** header ****/

DIV#header DIV#topLine {
	width:100%;
	height:65px;
	margin:0;
	padding:0;
	background-color:#FF6600;
}

DIV#header DIV#topLine DIV#linkhp {	
	margin:0;
	padding:0;
	position:relative;
	float:left;
	height:65px;
	width:730px;
}

DIV#header DIV#topLine DIV#telNum {
	float:left;
	height:65px;
	width:260px;
}

/**** end header ****/

/*********************** main content ***********************/
DIV#main {
	position: relative;
	width: 100%;	
	text-align: left;
	padding:0; margin:0;
	background: #fff;
	font-size: 8pt; 
	color: #666; /* grey */
}

DIV#main .standardFont { font-size: 8pt; }

DIV#main A {
	text-decoration:none;
}

DIV#main A:hover {
	text-decoration:underline;
}

DIV.content {
	margin: 0 auto;
	text-align: left;
	position:relative;
	/*margin: 0px 5px 5px 5px;	*/
}

DIV.subContent  {
	border: solid 1px #FF6600; /* orange */
	padding:4px 2px 0 2px;
	margin:0 2px 2px 2px;
}


DIV.contentText780 {
	padding:4px;
	border:solid 0px #FF6600;
	margin:0px 5px 5px 5px;
	width:780px; 
}

DIV.contentText {
	padding:4px;
	border:solid 0px #FF6600;
	margin:0px 5px 5px 5px;
}

a, a:visited {
	color:#FF6600; /* orange */
}

/* Requested by Canvas 20081114 */
DIV.paddedContent {
	padding-right:190px; padding-left:265px; padding-bottom:0px; padding-top:5px;
}

/*********************** end main content ***********************/

/**** horizontal menus ****/
DIV.mainmenu 
{
	padding:2px 12px 0 12px; margin:0; 
	/* Move the mainmenu down by 1 pixel so it touches the submenu */
	position:relative; z-index:100; top:1px;
}
DIV.submenu {
	padding:0 12px 0 12px; margin:0;
	/* Move the submenu down by 1 pixel so it covers the border of the main content - Doesn't work in IE 6 */
	position:relative; z-index:100; top:1px;
}

DIV.mainmenu ul, DIV.submenu ul {
	padding:0;
	margin:0;
	width:100%;
	background-color: #FF6600;
	text-transform: uppercase;
	font-size: 11px;
	color: White;
	float: left;
}
DIV.submenu ul {
	font-size: 10px;
	background-color: #FFBC02; /* orangey yellow */ 
}

DIV.mainmenu ul li, DIV.submenu ul li {
	display:block; float:left;
	line-height:22px;
	color: White;
	padding: 1px 1px 0 1px;
	margin-bottom:0px;
}
DIV.submenu ul li { line-height:20px; }

DIV.mainmenu ul li a, DIV.submenu ul li a,
DIV.mainmenu ul li a:visited, DIV.submenu ul li a:visited {
	display:block; float:left;
	padding: 0.2em 0.5em;
	height:22px; line-height:22px;
	color: White;
	text-decoration: none;
}
DIV.submenu ul li a, DIV.submenu ul li a:visited { height:18px; line-height:18px; }

DIV.mainmenu ul li a:hover, DIV#main DIV.submenu ul li a:hover {
	/* background-color: #FF853F; A lighter shade of orange */
	text-decoration:underline;
}

DIV.mainmenu ul li a.selected{
	background-color: #FFBC02;
}

DIV.submenu ul li a.selected{
	background-color: White;
	color: #FF6600; /* orange */
}
/**** end horizontal menus ****/

/***********************third level menu***************************/
DIV.thirdLevelMenu{
	width:174px;
	position:absolute; top:4px; right:4px; z-index:10;
	text-align:center;
}

DIV.thirdLevelMenu h4 {
	color:#FF6600;
	font-size:14px;
	margin:0px;
	border:none;
}

DIV.thirdLevelMenu IMG.downArrow {
	margin: 0px auto;
}

DIV.thirdLevelMenu UL {
	margin:0px;
	padding:0px;
	border-width:0px;
}

DIV.thirdLevelMenu UL LI {
	list-style-type:none; 
	margin-bottom:2px;	
	font-size:13px;
	font-weight:bold;
	width:168px;
	background-color:#FF6600;
	color:#fff;
	padding:0;
	border:solid 1px #FF6600;
}

DIV.thirdLevelMenu UL LI.selected {
	color:#FF6600; /* orange */ 
	border:solid 1px #FF6600;
	background-color:#fff;
	padding:3px 0;
}

DIV.thirdLevelMenu UL LI A, 
DIV.thirdLevelMenu UL LI A:visited {
	display:block;
	width:100%;
	color:#fff;
	padding:3px 0;
}

DIV#main DIV.thirdLevelMenu UL LI A:hover {
	background-color: #FF853F; /* A lighter shade of orange */
	text-decoration: none;
}

/***********************end third level menu***********************/


/*************** Late Avavilability Campsites ***************/
table.lateAvail { clear:both; margin-bottom:1em; width:100%; background-color:#FCF4DA; }
table.lateAvail td.image { text-align:center; width:150px; height:165px; border-right:2px solid white; }
table.lateAvail td.image strong { color:#FF6600; margin:5px; }
table.lateAvail td.image img { margin:5px; }
table.lateAvail td.title { color:#5F87DF; }
table.lateAvail td.price { width:100px; text-align:center; vertical-align:middle; color:#FF6600; font-weight:bold; }
table.lateAvail td ul { margin:0; list-style-type:none; width:100%; }
table.lateAvail td ul li {float:left; width:45%; text-align:left;}
table.lateAvail td ul li a { font-size:12px; }
/*************** end Late Avavilability Campsites ***************/

div.campsiteReview { border-bottom:1px solid #FCF4DA; padding-bottom:0.5em; margin-bottom:1em; }
div.campsiteReview p { /*white-space:pre;*/ margin:0.5em 0; }
div.campsiteReview a { float:right; color:#FF6600;  }

a.orangeAnchor {color:#FF6600;}
a.orangeAnchor a:visited { color:#FF6600; text-decoration:none; }

div.orangeAnchor a {color:#FF6600;}
div.orangeAnchor a:visited { color:#FF6600; text-decoration:none; }
	
/*************** page footer ***************/

div#infoline, div.infoline
{
	text-align:center;
	width:100%;
	padding:4px 0px 8px 0px;
	margin:0px;
	color:#FF6600; /* orange */
	font-size:10px;
}

div#infoline a, div.infoline a,
div#infoline a:visited, div.infoline a:visited
{
	color:#FF6600; /* orange */
	text-decoration:none;
}

div#footer {
	width: 100%; height: 54px; background-color: #FF6600; /* orange */ color: #fff; padding: 0px; margin: 0px; border: solid 0px #fff;
}

div#footer div {
	padding:0px; margin:0px;
}


div#footer #left {
	position: relative; float: left; width: 100px; vertical-align: middle; border: solid 0px #fff;
}

div#footer #middle {
	position: relative; height: 54px; float: left; width: 760px; border: solid 0px #fff; margin: 0px;
}

div#footer #middle #select {
	font-size:12px;
	width:100%;
	text-align:center;
	padding:3px 0px;
	border:solid 0px #fff;
}

div#footer #middle .link {
	position:relative; float:left; width:180px; text-align:center; font-size:14px;
}

div#footer #middle .link a, 
div#footer #middle .link a:visited {
	color:#fff; text-decoration:none;
}

div#footer #middle .link span {
	border:solid 0px #fff;
	padding:4px 2px 4px 2px;
}

div#footer #middle .link img {
	vertical-align:middle;
}

div#footer #right {
	position: relative; float: left; width: 118px; height:54px; border: solid 0px #fff;
}

div#footer #right img {
	margin-top:10px;
}

/********* end page footer ********/

.none {
  display: none;
}

/**************** link button ****************/
/* These styles are for the StyledLinkButton */
/* Still needs tweaking for consistency across browsers... arrghh! */
a.btn, a.btnBlue, div.contentText a.btn {
	font-size:11px; font-weight:bold; color:white !important; text-decoration:none;
	line-height:19px; white-space:nowrap;
	background:url(./Images/button/btn_white_back.gif) #FF6600 center center repeat-x;
	margin:5px 0;
	display:inline-block;
	display:-moz-inline-stack;/* FF Hack */
	cursor:pointer;
	width:auto;
}
a.btn span.btnLeft, a.btnBlue span.btnBlueLeft {
	height:21px; padding-left:7px; display:block;
	background:url(./Images/button/btn_white_left.gif) left no-repeat;
}
a.btn span.btnRight, a.btnBlue span.btnBlueRight {
	height:21px; padding-right:7px; display:block; text-align:center;
	background:url(./Images/button/btn_white_right.gif) right no-repeat;
}
a.btnBlue { background-image:url(./Images/button/btn_blue_back.gif); }
a.btnBlue span.btnBlueLeft { background-image:url(./Images/button/btn_blue_left.gif); }
a.btnBlue span.btnBlueRight { background-image:url(./Images/button/btn_blue_right.gif); }

/* - mouseover - */
a.btn:hover, div.contentText a.btn:hover { background-image:url(./Images/button/btn_white_back_over.gif) }
a.btn:hover span.btnLeft, div.contentText a.btn:hover span.btnLeft 
{ background-image:url(./Images/button/btn_white_left_over.gif) }
a.btn:hover span.btnRight, div.contentText a.btn:hover span.btnRight 
{ background-image:url(./Images/button/btn_white_right_over.gif) }
a.btnBlue:hover { background-image:url(./Images/button/btn_blue_back_over.gif) }
a.btnBlue:hover span.btnBlueLeft { background-image:url(./Images/button/btn_blue_left_over.gif) }
a.btnBlue:hover span.btnBlueRight { background-image:url(./Images/button/btn_blue_right_over.gif) }
/************** end link button ****************/

/* == Pagination == */
DIV#pagingNavigator { text-align:center; width:100%; font-size:12px; }
DIV#pageXOfX { color:#FF6600; font-weight:bold; }
DIV#pagingNavigator DIV#links { padding:10px 0px; }
DIV#pagingNavigator A { margin:0px 5px; }
DIV#pagingNavigator A.pageNavDisabled { color:#ccc; }

/* Some ugly CSS hack to make divs expand to contain floated cleared elements */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end clearfix */

.clearBoth {
	clear: both;
}

/* DropShadow */
DIV.DropShadow3 { background:url(./images/shadows/v3/shadow.gif) right bottom no-repeat; }
DIV.DropShadow3 .Inner1 { background:url(./images/shadows/v3/corner_bl.gif) -12px 100% no-repeat; }
DIV.DropShadow3 .Inner2 { padding:0 9px 9px 0; background:url(./images/shadows/v3/corner_tr.gif) 100% -12px no-repeat; }
/* End DropShadow */

.photoCaption {
	font-size: 10pt; color: black;
}

.raquo {
	font-size:20px; color:#FF6600;	
}

table.campsitesIndex {
	width:956px;
	margin:10px auto;
}

table.campsitesIndex tr.item {
	background-color:#ddd;
	font-size:12px;
}
table.campsitesIndex tr.item a {
	color:#FF6600;
}
table.campsitesIndex tr.item a:visited {
	color:#FF6600;
}

table.campsitesIndex tr.sep td {
	height:15px;
}

TABLE.campsitesIndex A, TABLE.campsitesIndex A:visited {
	color:#00F;
}

.advancedCamspiteSearchPanel
{
	padding-top:18px;
	width:450px;
	float:right;
}
.subHeading { color: #fff; background-color:#6085D5; font-weight:bolder; padding: 3px 3px 3px 3px; }

.searchParam { background-color: #E4E4E4; padding: 5px 5px 10px 10px; }

DIV.validator LI, SPAN.validator {
	font-weight:bold;
	font-size:14px;
	color:#f00;
}

DIV.validatorLarge, DIV.validatorLarge LI, SPAN.validatorLarge {
	font-weight:bold;
	font-size:18px;
	color:#f00;
	text-align:left;
}

DIV.validatorLarge, DIV.validatorLarge LI {
	font-size:16px;
}

DIV.validatorLarge UL {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 20px;
}

.required {
	color:#FF6600;
	font-weight:bold;
	font-size:12px;
}

DIV.dtpInline {
	display:inline;
}

/* === FADER STYLES === */
.fader{width:440px;height:275px;}
.fader .aslFaderImg{}
.fader .aslFaderText{
	position:absolute;top:242px;left:0;width:440px;
	text-align:center;display:block;
	font-family:georgia,serif;font-size:23px;font-weight:bold;
	text-decoration:none;color:#FFFFFF;
}

/* === GALLERY STYLES === */
.gallery{margin:0 0 15px 15px;float:right}
.gallery3lm{margin:10px 0 15px 15px;float:right}
.gallery3lm .wrap1, .gallery .wrap1{background:url(./images/shadows/v3/shadow.gif) right bottom no-repeat;border-bottom:1px solid #fff;/*IE hack*/}
.gallery3lm .wrap2, .gallery .wrap2{background:url(./images/shadows/v3/corner_bl.gif) left bottom no-repeat;}
.gallery3lm .wrap3, .gallery .wrap3{background:url(./images/shadows/v3/corner_tr.gif) right top no-repeat;padding:0 8px 8px 0;}
.gallery3lm .aslFullSize, .gallery .aslFullSize{margin-bottom:1px;border:1px solid #cccccc;background-color:#ffffff;padding:8px 8px 16px 8px}
.gallery3lm .aslThumb, .gallery .aslThumb{cursor:pointer;border:1px solid #cccccc;padding:1px}

/* === OTHER CANVAS STYLES === */
.accomOverview {padding:10px 0 5px 10px;width:240px;color:white;background-color:#6085ca}
html>body .addtofav {
width: auto!important;
}
#maps_wrap 
{
	text-align: left;
}
#maps_wrap .btn,#advSearch2 .btn {
background:transparent url(./Images/button/btn_back.png) repeat-x;
color:white !important;
cursor:pointer;
display:-moz-inline-stack;
font-size:11px;
font-weight:bold;
line-height:19px;
margin:5px 0;

text-decoration:none;
zoom:1;
_width:10px;
}
#maps_wrap span.btnLeft,#advSearch2 span.btnLeft {
background:transparent url(./Images/button/btn_left.png) no-repeat scroll left center;
display:block;
height:21px;
padding-left:0px;
position: relative; 
left: -5px;
}

#maps_wrap span.btnRight,#advSearch2 span.btnRight  {
background:transparent url(./Images/button/btn_right.png) no-repeat scroll right center;
display:block;
height:21px;
padding-right:5px;
text-align:center;
position: relative; 
right: -5px;
}
#maps_wrap #DirectionsSearch {
text-align: right;
background-color:#FF6600;
color: #fff;
font-weight: bold;
padding: 3px;
}


#map_categories, #map_key, #visible_campsites,#campsite_filters  {
border: 1px solid #5F87DF;
margin: 0.5em 0;
padding: 0.2em;
}
#map_categories {

}
#acc_types li, #suitable_for li {
list-style-type:none;
padding: 0;
margin: 0;
}
#acc_types ul, #suitable_for ul,#map_categories ul {
padding: 0;
margin: 0;
}
#map_categories li img {
vertical-align:middle;
}
#map_categories li {
display: inline;
line-height: 37px;
padding-right: 1.5em;
}
#campsite_filters h3 {
color: #000;		
}
#suitable_for, #acc_types,#map_categories ul {
float: left;

}
#suitable_for {
margin-left: 3em;

}
#maps_wrap h2, #visible_campsites_list p, #map_categories ul,#acc_types h3, #acc_types ul{
padding: 5px 0 0 5px;
}
#suitable_for h3 {
padding: 5px 0 5px 0;

}
.gmapPopup 
{
	background-color: #fff;
}
.gmapLeft 
{
	float: left;
}
.gmapRight 
{
	float: right;
}
.gmapCenter 
{
	margin: 0 auto;
}
.popup_img 
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.cssummary p 
{
	padding-left: 159px;
}
#advSearch2 {
    width: 960px; 
    margin: 0 auto;
    }
#advSearch2 #map_canvas {
    height: 400px
    }
#advSearch2 #advSearch2_Left { 
    width: 628px;
    float: left;
    }
#advSearch2 #advSearch2_Right { 
    float: right;
    width: 322px
    }
#advSearch2 #advSearch2Text {
    float:left;
    width:25%;
    margin:0 0 0.5em ;
    padding:0 0.2em 0 0;
}
#advSearch2 .advsearch_box {
    background: #5f87d6;
}
#advSearch2 .advsearch_top div {
    background: url(./Images/advsearch_tl.png) no-repeat top left;
}
#advSearch2 .advsearch_top {
    background: url(./Images/advsearch_tr.png) no-repeat top right;
}
#advSearch2 .advsearch_bottom div {
    background: url(./Images/advsearch_bl.png) no-repeat bottom left;
}
#advSearch2 .advsearch_bottom {
    background: url(./Images/advsearch_br.png) no-repeat bottom right;
}
#advSearch2 .advsearch_top div, #advSearch2 .advsearch_top, #advSearch2 .advsearch_bottom div, #advSearch2 .advsearch_bottom {
    width: 100%;
    height: 10px;
    font-size: 1px;
}
#advSearch2 .advsearch_content {
    margin: -8px 5px -4px
}
#advSearch2 .advsearchitem_box {
    background: #ffffff;
    margin-bottom: 3px;
}
#advSearch2 .advsearchitem_top div {
    background: url(./Images/advsearchitem_tl.png) no-repeat top left;
}
#advSearch2 .advsearchitem_top {
    background: url(./Images/advsearchitem_tr.png) no-repeat top right;
}

#advSearch2 .advsearchitem_bottom div {
    background: url(./Images/advsearchitem_bl.png) no-repeat bottom left;
}
#advSearch2 .advsearchitem_bottom {
    background:#fff url(./Images/advsearchitem_br.png) no-repeat bottom right;
}
#advSearch2 .advsearchitem_top div, #advSearch2 .advsearchitem_top, #advSearch2 .advsearchitem_bottom div, #advSearch2 .advsearchitem_bottom {
    width: 100%;
    height: 10px!important;
    font-size: 10px;
}
#advSearch2 .advsearchitem_content {
    margin: -8px 10px;
    }
#advSearch2 .advsearch_box h2, #advSearch2 .advsearch_box .h2 {
    color: #fff;
    margin: 0 0 3px;
}
#advSearch2 .advsearchitem_content ul {
    padding-left:0;
    margin: 3px 0 3px 0;
    list-style: 0;
}
#advSearch2 .advsearchitem_content ul li {
    display:inline-block;
    display:-moz-inline-stack;
    list-style-type: none;
    padding-left:0;
    margin-left: 0;
    width: 50%;
}
* html #advSearch2 .advsearchitem_content ul li {
    display:inline;
}
:first-child+html #advSearch2 .advsearchitem_content ul li {
    display:inline;
}
#advSearch2 .advsearchitem_content input {
    margin: 0 0 0 3px;
  
}

#advSearch2 #map_categories {
    display:inline;
    float:right;
    margin:0 0 0.5em ;padding:0 0.2em 0;
    _width: 74%;
}
#advSearch2 #map_categories ul {
    padding-top: 0;
}
#advSearch2 #map_categories {
    display:inline;
}
#advSearch2 #advSearch2_Right div, #advSearch2 #advSearch2_Right li{
    zoom:1;
}
#advSearch2 #advSearch2_Right li
{
	padding:0; 
	margin:0;
	vertical-align: top;
}
#advSearch2 #advSearch2_Right ul 
{
	padding-bottom: 2px;
}
* html #advSearch2 #advSearch2_Right ul  {
    padding-bottom: 4px!important;
}
:first-child+html #advSearch2 #advSearch2_Right ul  {
    padding-bottom: 4px!important;
}

#advSearch2 #advSearch2_Right li input{
    vertical-align: top;
}
#advSearch2 #advSearch2_Right li label {
 
display:inline-block;

margin-left:3px;
width:120px;
   
}
#advSearch2 #advSearch2_Right li span 
{
vertical-align: top;
}
* html #advSearch2 #advSearch2_Right li label {
 
   margin-left: 2px;
   margin-top: 2px;
}
:first-child+html #advSearch2 #advSearch2_Right li label {
 
   margin-left: 2px;
   margin-top: 2px;
}