/*
	Main Stylesheet for WebStager
	By <hutzmedia.com>
	May 15, 2008 
*/

html {
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #6EBCDC;
	background-image: url('../images/body.background.jpg');
	background-repeat: repeat-x;
	
	font-family: Arial,Verdana,Sans-serif;
	color: #000000;
	font-size: 9pt;
	letter-spacing: 0.2px;
	line-height: 13pt;
}

img {
	border-style: none;
}

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

/* Page */
div#page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 968px;
}

div#page img#extraLeft {
	position: absolute;
	left: -20px; top: 9px;
	width: 20px; height: 799px;
}
div#page img#extraRight {
	position: absolute;
	right: -36px; top: 9px;
	width: 36px; height: 448px;
}

/* Header */
div.header {
	width: 960px; margin-left: 4px;
	height: 215px;
}

div.header img {
	width: 960px; height: 215px;
}

div.headerMenu {
	position: relative;
	width: 960px; margin-left: 4px;
	height: 34px;
	overflow: hidden;
}

div.headerMenu img.search {
	position: absolute;
	left: 259px; top: 0px;
	width: 39px; height: 34px;
}

div.headerMenu input.search {
	position: absolute;
	left: 310px; top: 5px;
	width: 107px; height: 17px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	padding-top: 1px;
	padding-left: 18px;
	background-image: url('../images/splash.header.search.bg.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	border-top: #537BA8 solid 1px;
	border-left: #537BA8 solid 1px;
	border-bottom: #224771 solid 1px;
	border-right-style: none;
}

div.headerMenu input.submit {
	position: absolute;
	left: 435px; top: 5px;
	width: 24px; height: 20px;
}


/* Menu */
div.menu {
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
	height: 51px;
	background-image: url('../images/interior.header.menu.bg.jpg');
	width: 968px;
}


div.menu img {
	position: absolute;
	width: 968px; height: 51px;
	left: 0px; top: 0px;
}

body.interior div.menu img {
	top: -6px;
	width: 968px; height: 51px;
}

/* Menu Drop Down */
ul.menu {
}

ul.menu, ul.menu li, ul.menu li ul, ul.menu li ul li {
	margin: 0px; padding: 0px; list-style-type:none;
}

ul.menu li {
	position: absolute;
	display: block;
	font-weight: bold;
}

ul.menu li a {
	display: block;
	width: 85px;
	padding: 6px;
	background-color: #315263;
	color: #FFF;
	border: #31635B solid 1px;
	border-left: #244842 solid 1px;
	border-bottom: #244842 solid 1px;
	text-decoration: none;
}

ul.menu li a:hover {
	background-color: #5E6CB0;
}


/* Drop Down Menu */
div.dropMenu {
	z-index: 8; 
	position: absolute; 
	left: 0px; 
	top: 252px;
}


ul.menu {
	position: absolute;
	right: 0px; bottom: 0px;
}

ul.menu, ul.menu li, ul.menu li ul, ul.menu li ul li {
	margin: 0px; padding: 0px; list-style-type:none;
	z-index: 7;
}

ul.menu li {
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
}

ul.menu li a {
	display: block;
	width: 85px;
	padding: 6px;
	background-color: #315263;
	color: #FFF;
	border: #31635B solid 1px;
	border-left: #244842 solid 1px;
	border-bottom: #244842 solid 1px;
	text-decoration: none;
}

ul.menu li a:hover {
	background-color: #5E6CB0;
}

/* Menu -> Items */
ul.menu li ul {
	position: absolute;
	border-style: none;
	font-weight: normal;
	visibility: hidden;
}

ul.menu li ul li {
	float: none;
}

ul.menu li ul li a {
	padding-left: 16px;
}

ul.menu li:hover ul, ul.menu li.hover ul {
	visibility: visible;
}

ul.menu li.hover a.header {
	/*background-color: #0029FF;*/
}

li#menu1 {
	left: 35px; top: 1px;
	position: absolute;
}
li#menu1, li#menu1 a.header img {
	width: 234px; height: 40px;
}
li#menu1 a {
	width: 212px; /* (width - 22) for padding */
}


li#menu2 {
	left: 274px; top: 1px;
	position: absolute;
}
li#menu2, li#menu2 a.header img {
	width: 188px; height: 40px;
}
li#menu2 a {
	width: 166px; /* (width - 22) for padding */
}


li#menu3 {
	left: 468px; top: 1px;
	position: absolute;
}
li#menu3, li#menu3 a.header img {
	width: 266px; height: 40px;
}
li#menu3 a {
	width: 244px; /* (width - 22) for padding */
}


li#menu4 {
	left: 739px; top: 1px;
	position: absolute;
}
li#menu4, li#menu4 a.header img {
	width: 193px; height: 40px;
}
li#menu4 a {
	width: 171px; /* (width - 22) for padding */
}

ul.menu li a.header, ul.menu li a.header:hover {
	width: 100%;
	padding: 0px;
	border-style: none;
	background-color: transparent;
}



/* Content */
div.content {
	position: relative;
	background-color: #FDFFDB;
}

body.splash  div.content {
	height: 459px;
}

body.interior div.content {
	margin: 0px; 
	padding-top: 1px;
	padding-bottom: 1px;
	/*height: 1298px;*/
	/*height: 700px;*/
	/*overflow: hidden;*/
}

div.content table.table {
	position: relative;
	margin: 0px; padding: 0px;
	top: -1px;
}

div.content div.left {
	position: absolute;
	left: 0px; top: 0px;
	width: 31px; height: 459px;
	background-image: url('../images/content.left.bg.jpg');
}

div.content div.right {
	position: absolute;
	right: 0px; top: 0px;
	width: 34px; height: 459px;
	background-image: url('../images/content.right.bg.jpg');
}

body.interior div.content td.left {
	width: 31px;
	background-color: #CADEC9;
	background-image: url('../images/interior.content.leftRepeating.bg.jpg');
	
}

body.interior div.content td.left img {
	width: 31px; height: 465px;
	position: absolute;
}

body.interior div.content div.left {
	width: 31px; height: 1298px;
	background-image: url('../images/interior.content.left.bg.jpg');
}

body.interior div.content div.right {
	width: 34px; height: 1298px;
	background-image: url('../images/interior.content.right.bg.jpg');
}

body.interior div.content td.right {
	width: 34px;
	background-color: #6EBCDC;
	background-image: url('../images/interior.content.rightRepeating.bg.jpg');
}

body.interior div.content td.right img {
	width: 34px; height: 465px;
	position: absolute;
}

div.content img.readMore {
	margin-top: 4px;
	width: 102px; height: 29px;
}

div.content div#text1, div.content div#text2 {
	z-index: 7;
}


/* Content: text1 */
div.content div#text1 {
	position: absolute;
	left: 330px; top: 24px;
	width: 568px;
}
div.content div#text1 img.title {
	width: 220px; height: 19px;
	margin-bottom: 8px;
}

/* Content: text2 **/
div.content div#text2 {
	position: absolute;
	left: 330px; top: 221px;
	width: 289px;
}
div.content div#text2 img.title {
	width: 143px; height: 19px;
	margin-bottom: 8px;
}

div.content div#text2 div.readMore {
	margin-top: 4px;
	color: #003300;
}
div.content div#text2 div.readMore a {
	color: #003300;
	text-decoration: none;
	font-weight: bold;
}

/* Content: picture */
div.content div.picture {
	position: absolute;
	right: 29px; top: 167px;
	width: 326px; height: 292px;
	background-image: url('../images/content.picture.bg.jpg');
}

div.content div.picture img#custom {
	z-index: 8;
	position: absolute;
	left: 20px; top: 0px;
	width: 141px; height: 75px;
}
div.content div.picture img#book {
	z-index: 8;
	position: absolute;
	left: 168px; top: 0px;
	width: 149px; height: 75px;
}

/* Content: pimg/pbox slideshow picture */
div.content div.pboxHolder {
	position: absolute;
	left: 28px; top: 282px;
}
div.content div.pbox {
	position: relative;
	overflow: hidden;
}


div.content div.pbox img.pimg {
	position: absolute;
	display: block;
	left: 14px; top: 14px;
	padding: 9px;	
	background-color: #FFFFFF;
}

div.pboxTL {
	position: absolute;
	left: 0px; top: 0px;
	width: 14px; height: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.TL.png');
}
div.pboxTR {
	position: absolute;
	right: 0px; top: 0px;
	width: 14px; height: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.TR.png');
}
div.pboxBL {
	position: absolute;
	left: 0px; bottom: 0px;
	width: 14px; height: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.BL.png');
}
div.pboxBR {
	position: absolute;
	right: 0px; bottom: 0px;
	width: 14px; height: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.BR.png');
}

div.pboxT {
	position: absolute;
	left: 14px; top: 0px;
	height: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.T.png');
}
div.pboxB {
	position: absolute;
	left: 14px; bottom: 0px;
	height: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.B.png');
}

div.pboxL {
	position: absolute;
	left: 0px; top: 14px;
	width: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.L.png');
}

div.pboxR {
	position: absolute;
	right: 0px; top: 14px;
	width: 14px;
	background-image: url('../images/interior.content.divLeft.pbox.R.png');
}



/* Content: divLeft */
body.interior div.content td.divLeft {
	width: 254px;
	background-color: #CADEC9;		
}
body.interior div.content td.divLeft div.set {
	position: relative;
}

body.interior div.content div.divLeft {
	position: relative;
	height: 500px;
/*	position: absolute;
	left: 31px; top: 0px;
	width: 284px; height: 1298px;
	background-color: #CADEC9;		*/
}

body.interior div.content div.divLeft h1 {
	font-size: 14pt;
	margin: 0px; padding: 0px;
	margin-top: 12px;
	text-align: center;
	letter-spacing: -0.05em;
}

body.interior div.content div.divLeft img.links {
	position: absolute;
	left: 39px; top: 49px;
	width: 165px; height: 137px;
}

body.interior div.content div.divLeft img.hover {
	position: absolute;
	left: 23px; top: 0px;
	visibility: hidden;	
}

body.interior div.content div.divLeft img.selected {
	position: absolute;
	left: 23px; top: 0px;
}

body.interior div.content div.divLeft img.picture {
	position: absolute;
	left: 0px; top: 189px;
	width: 278px; height: 218px;
}

body.interior div.content div.divLeft p {
	position: absolute;
	left: 52px; top: 418px;
}

body.interior div.content div.divLeft a {
	color: #003300;
	font-weight: bold;
	text-decoration: none;
}


/* Section: adventuretours */
body.adventuretours div.content div.divLeft img.links {
	width: 203px; height: 227px;
}
body.adventuretours div.content div.divLeft img.picture {
	top: 249px;
}

body.adventuretours div.content div.divLeft p {
	top: 468px;
}

/* Section: educationalprograms */
body.educationalprograms div.content div.divLeft img.links {
	width: 184px; height: 107px;
}
body.educationalprograms div.content div.divLeft img.picture {
	top: 159px;
}

body.educationalprograms div.content div.divLeft p {
	top: 378px;
}


/* Section: organizationaldevelopment */
body.organizationaldevelopment div.content div.divLeft img.links {
	width: 184px; height: 107px;
}
body.organizationaldevelopment div.content div.divLeft img.picture {
	top: 159px;
}

body.organizationaldevelopment div.content div.divLeft p {
	top: 378px;
}

/* Section: therapeuticprograms */
body.therapeuticprograms div.content div.divLeft img.links {
	width: 173px; height: 77px;
}
body.therapeuticprograms div.content div.divLeft img.picture {
	top: 129px;
}

body.therapeuticprograms div.content div.divLeft p {
	top: 348px;
}


/* Content: divRight */
/*body.interior div.content div.divRight {
	position: relative;
	margin-left: 325px;
	width: 601px;
}*/

body.interior div.content td.divRight {

}
body.interior div.content td.divRight div.divRight {
	position: relative;
	overflow: hidden;
	width: 650px;
}

body.interior div.content td.divRight div.divRight div.padding {
	padding: 4px 12px 4px 12px;
}


/*
body.interior div.content div.divRight img.aboutUs {
	position: absolute;
	left: 19px; top: 24px;
	width: 69px; height: 19px;	
}

body.interior div.content div.divRight div.text1 {
	position: absolute;
	left: 18px; top: 56px;
	width: 565px;
	
}

body.interior div.content div.divRight div.text1 p {
	margin-bottom: 20px;
}

body.interior div.content div.divRight img.picture1 {
	position: absolute;
	left: 0px; top: 542px;
	width: 247px; height: 323px;
}

body.interior div.content div.divRight img.picture2 {
	position: absolute;
	left: 0px; top: 884px;
	width: 185px; height: 237px;
}

body.interior div.content div.divRight img.ourMission {
	position: absolute;
	left: 333px; top: 585px;
	width: 144px; height: 42px;
}

body.interior div.content div.divRight img.ourServices {
	position: absolute;
	left: 280px; top: 864px;
	width: 197px; height: 46px;
}

body.interior div.content div.divRight div.text2 {
	position: absolute;
	left: 244px; top: 646px;
	width: 280px;
}
body.interior div.content div.divRight div.text2 li {
	margin-bottom: 12px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	line-height: normal;
}

body.interior div.content div.divRight div.text3 {
	position: absolute;
	left: 157px; top: 905px;
	width: 413px;
}
body.interior div.content div.divRight div.text3 li {
	font-size: 90%;
	line-height: normal;
	text-align: center;
	margin-bottom: 12px;
}
*/

/* Newsletter */
div.newsletter {
	z-index: 7;
	position: relative;
	top: -2px;
	background-color: #224C79;
	height: 166px;
	border: #FFFFFF solid 4px;
	background-image: url('../images/newsletter.bg.jpg');
}

body.interior div.newsletter {
	background-image: url('../images/interior.newsletter.bg.jpg');
}


div.newsletter div.tl, div.newsletter div.tr, div.newsletter div.bl, div.newsletter div.br {
	position: absolute;
	width: 13px; height: 14px;
}

div.newsletter div.tl {
	left: -4px; top: -4px;
	background-image: url('../images/newsletter.tl.bg.jpg');
}
div.newsletter div.tr {
	right: -4px; top: -4px;
	background-image: url('../images/newsletter.tr.bg.jpg');
}
div.newsletter div.bl {
	left: -4px; bottom: -4px;
	background-image: url('../images/newsletter.bl.bg.jpg');
}
div.newsletter div.br {
	right: -4px; bottom: -4px;
	background-image: url('../images/newsletter.br.bg.jpg');
}

body.interior div.newsletter div.tl {
	background-image: url('../images/interior.newsletter.tl.bg.jpg');
}
body.interior div.newsletter div.tr {
	background-image: url('../images/interior.newsletter.tr.bg.jpg');
}
body.interior div.newsletter div.bl {
	background-image: url('../images/interior.newsletter.bl.bg.jpg');
}
body.interior div.newsletter div.br {
	background-image: url('../images/interior.newsletter.br.bg.jpg');
}




div.newsletter img#contentMenu {
	position: absolute;
	left: 40px; top: -443px;
	width: 254px; height: 452px;
	z-index: 8;
}

div.newsletter img.people {
	position: absolute;
	left: 0px; top: 0px;
	width: 216px; height: 166px;
}

div.newsletter img.newspaper {
	position: absolute;
	right: 0px; bottom: 0px;
	width: 246px; height: 51px;
}


/* Newsletter: text */
div.newsletter div.text {
	position: absolute;
	left: 215px; top: 20px;
	width: 505px;
}

div.newsletter div.text a {
	text-decoration: underline;
	color: #FFFFFF;
}

div.newsletter div.text {
	color: #FFFFFF;
	line-height: 11pt;
}

div.newsletter div.text p.yellow {
	color: #FFFF66;
	margin-bottom: 12px;
}

div.newsletter div.text img.title {
	width: 112px; height: 21px;
	margin-bottom: 16px;
}

/* Newsletter: Form */
div.newsletter div.form {
	position: absolute;
	right: 28px; top: 20px;
	width: 188px; height: 79px;
	background-image: url('../images/newsletter.form.bg.png');
}

div.newsletter div.form input {
	position: absolute;
	left: 0px; top: 0px;
	border-style: none;
	background-color: transparent;
	font-size: 85%;
}

div.newsletter div.form input.name {
	left: 10px; top: 31px; 
	width: 139px; height: 16px;
}

div.newsletter div.form input.email {
	left: 10px; top: 59px; 
	width: 139px; height: 16px;
}

div.newsletter div.form #submitNewsletter {
	left: 150px; top: 56px;
	width: 37px; height: 22px;
	cursor: pointer;
}


/* Footer */
body.interior div.footer {
	position: relative;
	height: 574px;
	background-image: url('../images/splash.footer.bg.jpg');
}

body.interior div.links {
	position: absolute;
	width: 960px;
	bottom: 0px;
}

div.footer p {
	color: #FFFFFF;
	text-align: center;
}

div.footer p.links1 {
	margin-top: 20px;
	font-weight: bold;
}
div.footer p.links2 {
	margin-top: 8px;
	font-weight: bold;
}
div.footer p.copyright {
	margin-top: 14px;
	padding-bottom: 26px;
}


div.footer p a {
	color: #FFFFFF;
	text-decoration: none;
}
			
body.splash div.footer p a, body.splash div.footer p {
	color: #000033;
}

body.splash div.footer p.copyright a, body.splash div.footer p.copyright {
	color: #FFFFFF;
}

/* Image Gallery */
div.imageGallery {
	padding: 16px;
}

div.imageGallery div {
	position: relative;
	float: left;
	width: 170px;
	height: 170px;
	margin: 8px;
}

div.imageGallery img {
	margin: auto;
	padding: 8px;
	background-color: #FFFFFF;
	display: block;
	border: #000000 solid 1px;
}

div.webForm {
	padding: 16px;
}

div.webForm input.normal {
	width: 300px;
}
div.webForm input.checkbox {
	/*width: auto;
	margin-left: 16px;*/
}
div.webForm input.small {
	width: 106px;
}
div.webForm input.tiny {
	width: 26px;
	margin-left: 16px;
}

div.webForm textarea {
	width: 400px; height: 60px;
}