/* set defaults */
html, body {
	min-height:100%;
	background: #60A65B url(../images/bgs/body-bg.jpg) left top repeat-x; 
}
body {
	position:relative;
	font-family: verdana, trebuchet, arial, helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#317846;
	text-align: center;
	background: #60A65B url(../images/bgs/body-bg.jpg) left top repeat-x; 
}
form * {font-family: verdana, trebuchet, arial, helvetica, sans-serif;}
* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6{
	color:#660000;
	font-weight:normal;
	padding: 0 0 .2em 0;
}	
p, ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	line-height: 1.5em;
	font-size: 1.1em;
	margin:0;
}
li li, li dt ,li dd,
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
}

h1, h2, h3, h4{
	font-family: garamond, 'times new roman', georgia, serif;
}
h1{
	font-size: 2em;
	text-transform:uppercase;
}
h2{
	font-size: 1.8em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}
p{
	font-size: 1.1em;
}
input, label, legend, td, th{
	margin:0;
	padding:0;
	font-size: 1.1em;
}
label, legend, th {
	font-weight:bold;
}
table{ 
	margin: 0 0 1em 0;
	border-collapse:collapse;  
} 
table td,
table th{ 
	padding:2px;  
} 


a {
	color:#255B38;
	text-decoration: underline;
}
a:hover {
	color:#660000;
}
#header a,
.subMenu a {
	color:#660000;
	text-decoration: none;
}

	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
/*	a:active
{
  outline: none;
  overflow: hidden; 
}
*/
/* here be dragons! - invalid code, but it stopped the dotted active borders in FF 
:focus
{
  -moz-outline-style: none;
}
/* dragon's gone */





img, a img {
	vertical-align:middle;
	border: none;
}		



/* boxes */
#wrapper, #footer{
	width:770px;
	margin: 0px auto;
	text-align: center;
	clear: both; 
}
#wrapper{
	background: #fff   url(../images/bgs/content-bg.jpg) 0px 235px no-repeat; 
}
		
#header {
	width:770px;
	height:235px;
	text-align:left;
	position:relative;
	background: #fff url(../images/bgs/header-bg.jpg) left top no-repeat; 
}
#footer {
	background:#60A65B;
	border-top:1px solid #631C4D;
	padding-top:5px;
}
#content {
	float:left;
	width:770px;
	text-align:left;
	position:relative;
	padding:2em 0;
	min-height: 430px;
	height:auto !important;
	height:430px;
	margin-bottom:2px;
	border-bottom:1px solid #CDB63B;
	background: url(../images/bgs/wrapper-bg.gif) left bottom no-repeat;
}


	/* BASE FORMS */
		form{ width:440px; padding:0 0 1.5em 0;}
		form input,
		form select,
		form textarea,
		form fieldset{
			font-size: 1.1em;
			margin:0 0 4px 0;
			padding:2px;
			color:#317846;
			background:#fff;
			border:1px solid #cdb63b;
			font-family: verdana, trebuchet, arial, helvetica, sans-serif;
		} 
		form input{ width:200px; }
		form select {width:auto;}
		form textarea{ 
			height: 60px;
			width:220px;
		} 
		form fieldset{ 
			clear:both;
			background:#fff;
			padding:5px 10px;
			width: 340px; 
			margin:0 0 .5em 0; 
		} 
		form label, 
		form legend {
			font-size: 1.1em;
			font-weight:bold;
		}
		form label{
			float:left;
			width:100px; 
			padding-top:4px;
		}
		form fieldset label{ 
			width:90px; 
		} 
	
		form .row,
		form ul.multi{
			width:440px; 
			float:left;
		}
		form fieldset .row,
		form fieldset ul.multi{
			width:400px; 
		}
	
		form .loginbutton,
		form .submitbutton,
		form input#submitbutton{ 
			color:#660000;
			margin:3px 0 0 100px; 
			width:auto; 
			font-weight:bold;
			cursor:pointer;
			background:#e8dda5;
		}
		form .loginbutton{
			float:left;
		}
		form input.gobutton{
			width:auto;
			padding:0;
			background:none;
			border:0px solid #DA1105 ;
			vertical-align: bottom;
	}
		form h2.warning{ font-size:1.6em;color:#DE041D; }
		form .inputError{ margin:6px 0 0 3px;line-height:1em;font-size:11px;color:#DE041D; }




/* header stuff */

	#header h1.logo{
		padding:30px 0 0px 22px;	
	}
	#header #header-pics{
		position:absolute;
		top:0;
		right:0;
		width:543px;
		height:181px;
		background: url(../images/bgs/header-pics.jpg) right top no-repeat; 
	}


/* menu & userpanel styles */
	#menu {
		position:absolute;
		width:770px;
		bottom:0;
		padding-top:1px;
		background:#fff;
		border-top:1px solid #E8DDA5;
		border-bottom:1px solid #E8DDA5;
	}
	#mainNav{
		padding:0 0 0 10px;
	}

	#mainNav li {
		font-family:  arial, helvetica, verdana, trebuchet, sans-serif;
		font-size:1.1em;
		display:inline;
	}

	#mainNav li a{
		padding:0 0 0 14px;
		background: url(../images/icons/menu-paw.gif) 0px 30px no-repeat; 
	}
	#menu a:hover{
		color:#317846;
		background: url(../images/icons/menu-paw.gif) left center no-repeat; 
	}




/* content styles */

	/* main boxes */
		#content .subMenu,
		#content .feature{
		}


	/* subMenu/sectionMenu styles */
		#content .subMenu{
			width:200px;
			float:left;
			display:inline;
			margin:2.2em 0 0 25px;
			padding:10px 0px;
			background:#fff;
			border-top:1px solid #E8DDA5;
			border-bottom:1px solid #E8DDA5;
		}
		#content .subMenu h2{
			color:#255b38;
			padding-left:6px;
			line-height:1.2em;
		}
		.subMenu #userpanel {
			padding:20px 0;
		}

		.subMenu ul {
			padding:0;
			margin-bottom:10px;
			width:200px;
			list-style-type: none;
			border-bottom:1px dashed #ECE4B5;
		}
		.subMenu li {
			font-size:1.0em;
			/* line-height:1.8em; */
		}
		.subMenu li a{
			display: block;
			width: 172px;
			padding: 3px 14px 2px 14px;
			border-top:1px dashed #ECE4B5;
			background: url(../images/icons/menu-paw.gif) 0px -30px no-repeat; 
		}
		.subMenu li a:hover,
		.subMenu li.active a{
			font-weight:bold;
			background: url(../images/icons/menu-paw.gif) left top no-repeat; 
		}

		.subMenu li ul {
			margin-bottom:0;
			border-bottom:0px dashed #ECE4B5;
		}
		.subMenu li li a,
		.subMenu li.active li a,
		.subMenu li li a:hover,
		.subMenu li.active li a:hover{ 
			padding: 3px 6px 2px 14px;
			width: 152px;
			margin:0 14px;
			font-weight:normal;
		}
		#content .subMenu li li a{ 
			background: url(../images/icons/arrows.gif) 3px 7px no-repeat ; 
		}
		.subMenu li a:hover,
		.subMenu li li a:hover{ 
			color:#255b38 !important;
			font-weight:bold !important;
			background-color:#F1F1D9 !important;
		}
		#content .subMenu ul li a.dgButtonLink{
			display:inline;
			padding:0;margin:0;width:auto;
			background: none none 0px -30px no-repeat; 
		}

		/* testimonials */
				
				.subMenu .testimonial{
					color:#255b38;
					font-size:1.35em;
					font-style:italic;
					margin:auto 20px;
					font-family: georgia, 'times new roman',  serif;
				}
				.subMenu .testimonial cite{
					color:#853333;
					display:block;
					padding-top:5px;
					font-size:.7em;
					line-height:1.3em;
					font-style:normal;
					font-family: verdana, trebuchet, arial, helvetica, sans-serif;
				}
				.subMenu .testimonial .ldquo,
				.subMenu .testimonial .rdquo{ 
					margin-top:-5px;
					font-size:24px;
					font-weight:bold;
					position:absolute;
					line-height:36px;
				}
				.subMenu .testimonial .ldquo{ margin-left:-16px;}
				.subMenu .testimonial .rdquo{ margin-left:2px;}

	/* feature styles */
		#content .feature{
			margin-left:245px;
			padding-left:45px;
			width:445px;
		}
		#content .feature #crumbs{
			font-size:1em;
			line-height:1.2em;
			padding:0 0 1em 0;
			margin-left:-45px;
		}
		
		#content .feature h1,
		#content .feature h2{
			margin-bottom:.3em;
			background: url(../images/bgs/pageHeader-bg.gif) left bottom no-repeat; 
		}
		#content .feature h1{
			padding: .2em 0 0 0;
			margin-left:-45px;
		}
		#content .feature h1.pageHeader{
			padding: .4em 0 0 0;
			background: url(../images/bgs/pageHeader-bg.gif) left top no-repeat; 
		}
	/*	#content .feature p{
			text-indent:10px;
		}
		#content .feature p.flush{
			text-indent:0px;
		} */
		#content .feature ul li{
			background: url(../images/icons/bullet.gif) 7px 3px no-repeat; 
			padding:0 0 .2em 22px;
		}
		#content .feature table { 
			width:439px;
			border-top:1px dashed #ece4b5;
			border-left:1px dashed #ece4b5;
		}
 		#content .feature table td,
		#content .feature table th{ 
			width:69px;
			border-bottom:1px dashed #ece4b5;
			border-right:1px dashed #ece4b5;
		} 
		#content .feature table th{ 
			background-color:#f1f1d9;  
		} 
		#content .feature table th.itemCol{ 
			width:299px;  
		} 
		#content .feature table th.itemCol2{ 
			width:229px;  
		} 
		#content .feature table th.timeCol{ 
			width:100px;  
		} 
		#content .feature table th.activityCol{ 
			width:140px;  
		} 
	
		#content .feature .item,
		#content .feature .captionBox{
			float:left;
			display:inline;
		}
		#content .feature .item {
			width:440px;
		}
		#content .feature .inset {
			padding-top:55px;
		}
		#content .feature .inset .contentText{
			margin-top:-55px;
		}
		#content .feature .captionBox{
			position:relative;
			margin:10px 0 5px -55px;
			padding:5px 10px 5px 0;
			background:#fff;
		}
		#content .feature .captionBox img{
			padding:2px;
			border:1px solid #CDB63B;
		}



	/* excursion activity pages */
		#content .feature dl.catList,
		#content .feature dl.activityList  {
			width:440px;
			float:left;
			display:inline;
			padding-top:.5em;
		}
		#content .feature dl.catList dt,
		#content .feature dl.activityList dt{
			font-size:1.6em;
			margin-left:-15px;
			padding:.2em 0 0 15px;
			font-family: garamond, 'times new roman', georgia, serif;
			background: url(../images/icons/bullet.gif) 0px 8px no-repeat; 
		}
		#content .feature dl.catList dt a,
		#content .feature dl.activityList dt a{
			color:#660000;
		}
		#content .feature dl.activityList dt{
			border-top:1px dashed #ECE4B5;
		}
		#content .feature dl.activityList .thumbPic{
			float:right;
			padding:2px;
			margin:5px 0 5px 10px;
			border:1px solid #CDB63B;
		}
		#content .feature dl.specs dt{
			float:left;
			width:6.5em;
			font-weight:bold;
			padding-right:5px;
		}
		#content .feature dl.specs dt img{
			padding-left:3px;
			vertical-align:baseline;
		}



	/* gallery pages */

		/* subMenu section */
			#content .subMenu .sectionNav .galleryNav .navitem{
				display:none;
			}
			.gallery .sectionNav li a{
				font-weight:bold;
			}
			.gallery .subMenu li a:hover,
			.gallery .subMenu li.active a{
				background: url(../images/icons/menu-paw.gif) left top no-repeat; 
			}
	
			.gallery .subMenu li li a,
			.gallery .subMenu li.active li a,
			.gallery .subMenu li li a:hover,
			.gallery .subMenu li.active li a:hover{ 
				font-weight:normal;
			}
			.gallery #content .subMenu li li a{ 
				background: url(../images/icons/arrows.gif) 3px 7px no-repeat ; 
			}

		/* feature section */
			#content .feature .galleryCats,
			#content .feature .galleryCats li,
			#content .feature .galleryList,
			#content .feature .galleryList li{
				float:left;
				display:inline;
				width:440px;
			}
			#content .feature .galleryCats li,
			#content .feature .galleryList li{
				margin:0;
				padding:0;
				width:150px;
				height:170px;
				text-align:center;
				background-image:none;
			}
			#content .feature .galleryCats li{height:185px;}
			
			#content .feature .galleryCats li.box3,
			#content .feature .galleryList li.box3{
				width:140px;
			}
			#content .feature .galleryCats li a.imageLink,
			#content .feature .galleryList li a.imageLink{
				margin:0;
				display:block;
				width:140px;
				height:140px;
				overflow:hidden;
				position:relative;
				border:1px solid #CDB63B;
			}
			#content .feature .galleryCats li a.imageLink{height:165px;}
			#content .feature .galleryCats li {line-height:1.2em;}
			#content .feature .galleryCats li a.imageLink img{padding-bottom:3px;}

		/* video */
			#content .feature .filmSpecs{
				padding-bottom:1.5em;
			}
			#content .feature .filmSpecs dt{
				font-weight:bold;
				float:left;
				width:110px;
				background-image:none;
			}
			#content .feature .filmSpecs dd{
				padding-left:115px;
			}
			#content .feature .filmItem{
				border-bottom:1px dashed #ECE4B5;
				margin-bottom:1.5em;
			}


	/* download pages */

		#content .feature dl.documentList dt{
			font-size:1.5em;
			line-height:1.2em;
			margin-left:-15px;
			padding:.2em 0 0 15px;
			font-family: garamond, 'times new roman', georgia, serif;
			background: url(../images/icons/bullet.gif) 0px 8px no-repeat; 
		}
		#content .feature dl.documentList dd{
			padding-bottom:.5em;
		}


	/* map pages */
		#content .feature .maps {
			padding-top:0px;
		}
		#content .feature .maps .captionBox{
			margin:0px 0 5px 0px;
			padding:0px 10px 5px 0;
		}
		#content .feature .maps .contentText{
			margin-top:0px;
		}



/* footer styles */
	#footer li  {
		font-size: 1.1em;
		display:inline;
	}
	#footer a{ color:#FFFFFF;}
	#footer a:hover{ text-decoration:underline;}
	#footer ul a{
		padding:0 5px;
		text-decoration:underline;
	}
	.credits {

	}
	.credits img{
		vertical-align:text-bottom;
		position:relative;
		margin-bottom:-5px;
	}









	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	


        

/* management tweaks */
	.feature .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	.feature .manage dd {
		margin-left: 20px;
	}
	.feature .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png)!important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 500px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -200px;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}