body{
			/*text-align: center;*/
			margin:0;
		   	background-image: url( "../gfx/cbackground5.gif" );
		   	background-repeat: repeat-y;
		   	background-position: 50% 0px;
   			background-attachment: scroll;
			margin:0px;
			padding:0px;
			font-size: 12px;
			font-family: Helvetica, sans-serif;
			line-height: 17px;
			color:#000;
			text-align:center
	}
	.docupperbody{
			width:600px;
			/*border-left:10px solid #Fff;
			border-right:10px solid #fff;*/
			border-bottom:10px solid #fff;
			padding:0px;
			margin:0 auto;
			z-index:3;
			/*text-align:center;*/
			/*border:1px green solid*/
	}
	.docbody{
			z-index:-2;
			/*position:relative;
			top:-105px;*/
			width:560px;
			background-color:#F1711C;
			background-image: url("../gfx/orangetop3.gif");
			background-position: top left;
			background-repeat: repeat-x;
			/*margin-bottom:-105px;*/
			text-align:left;
			padding-top:130px;
			margin:0px;
			padding-left:20px;
			padding-right:20px

	}
	.directory1, .directory2, .directory3, .directory4, .directory5, .directory6{
			text-align:center;
			height:410px;
			background-image: url("../gfx/palmburn5.jpg");
			background-position: top left;
			background-repeat: no-repeat;
			padding:0px 0px 5px 0px;
			/*border:1px blue solid*/
	}
	h1 {
			display:inline;
			border-width:0 0 1px 0;
			border-style:dashed;
			border-color: #111;
			font-family:  arial, courier, impact, "vivaldi", Helvetica, sans-serif;
			font-weight:bold;
			font-size:13pt;
			padding:0px;
			margin:0px auto 3px auto;
			color:#111;
			text-align:center;
			
	}
	/*dont recognise previous visits in title*/
	h1 a:visited{color:#111}
	h1 b{color:#111}
	.directory1 a, .directory1 a.visited{ font-weight:normal; text-decoration:none; color:#111}
	.directory1 a:hover{text-decoration:none; color:#fff}
	
	.directory2 a, .directory2 a.visited{ font-weight:normal; text-decoration:none; color:#000}
	.directory2 a:hover{text-decoration:none; color:#fff}
	.directory3 a, .directory3 a.visited{ font-weight:normal; text-decoration:none; color:#000}
	.directory3 a:hover{text-decoration:none; color:#fff}
	.directory4 a, .directory4 a.visited{ font-weight:normal; text-decoration:none; color:#000}
	.directory4 a:hover{text-decoration:none; color:#fff}
	.directory5 a, .directory5 a.visited{ font-weight:normal; text-decoration:none; color:#000}
	.directory5 a:hover{text-decoration:none; color:#fff}


	.title1, h2{
			color:white;
			width:300px;
			padding-left:20px;
			/*background-color:white;*/
			color:fff;
			font-size: 16pt;
			font-family: Helvetica, sans-serif;
			margin-left:-20px;
			margin-bottom:20px;
			font-weight:normal;
			margin-top:50px;
			/*background-image: url("doodles.jpg");
			background-position: bottom right;
			background-repeat: no-repeat;*/
			height:26px;
			padding-top:5px
	}


	h2 table{font-size:10pt; font-family:arial; color:white}
	h2 table h2{
		font-weight:normal;
		font-size:14pt;

		/*turn off margins padding background and borders*/
		border-width:0px;
		margin:0px;
		margin-bottom:-2px;
		/*padding:0px 0px -2px 0px;*/
		padding:0px;
		
		width:300px

	}
	h2 td{ white-space: nowrap;}




	table h4 {
		font-size:10pt;
		padding:3px;
		margin:3px
	}

	/*USED FOR LINKS*/
	h5 {
		margin:0px
	}




	.formtext {
		font: normal bold 9pt arial;
		background-color:#FAA872;
		border:#99CCFF 0px solid;
		color:#000
	}





	/*LINKS*/

	a{color:#fff; font-weight:bold; text-decoration:none;}
	a:visited{color:#fff; font-weight:bold}
	a:hover {color:#fff}


	

	h2 a, h4 a,  graybox a {color:#f5f5f5; text-decoration:none; padding:0 2px 0 2px}
	h2 a:visited, h4 a:visited, graybox a:visited {color:#f5f5f5; }
	h2 a:hover, h4 a:hover, graybox a:hover {text-decoration:none; color:#fff}




	/********************************************/
	/* .graybox is standard box used to display */
	/* a chunk of content			    */
	/********************************************/
	.graybox, .grayboxshrink, .grayboxgallery, .grayboxphoto, .grayboxhighlighted, .grayboxcurrentdir {
		margin-bottom:60px;
		padding:5px 0px 0px 0px;

	}
	.grayboxshrink {
		visibility:hidden;
		margin-top:-30px;
		margin-bottom:-30px;

	}
	.grayboxshrink table{
		font-weight:normal;
		font-family:georgia
	}


	/************************************************/
	/* .bubbleright pulls elements away from 	*/
	/*  the main body of the site, to one side	*/
	/************************************************/
	.bubbleright {
		position:absolute;
		visibility:hidden;
		top:0px;
		background-color:#386DB9;

		/*background-image: url("../gfx/rightmenubg.jpg");
		background-repeat: repeat-y;
		background-position: top center;*/
		/*width:320px;*/
		border:1px solid #9EBCE0;
		Border-top:5px solid #9EBCE0;
		Border-bottom:5px solid #9EBCE0;
		padding:30px 0px 10px 0px;
		margin-top:0px;
		/*height:100%		*/
		width:200px;
		text-align:center
	}










	/*************************************************/
	/* css used to display photo updates		 */
	/*************************************************/
	.updatesection {
		background: url(../gfx/obg2.gif) no-repeat top right;
		border-color:#FFBE74;
		border-width: 0px;
		border-style: solid;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		background-color:#F1711C;
		margin-bottom:60px;
		margin-top:-20px;
	}
	.updatesection .graybox{
		/*width:550px; background-color:#fff;*/
		/*background: url(../gfx/techbg1.gif) repeat top right;*/
		padding:0px;
		margin:0px
	}
	.updatesection .grayboxhighlighted {
		width:550px;

	}

	.updatesection .grayboxhighlighted{

		background-color:#FFBE74
	}

	.updatesection .grayboxhighlighted a .pushup img{border:0px solid #aaa;}
	.updatesection .grayboxhighlighted a:hover .pushup img {border:0px solid #000; text-decoration:none;}

	.updatesection .grayboxhighlighted a .photo img, .updatesection .grayboxhighlighted a .photopullup img{border:1px solid #aaa;}
	.updatesection .grayboxhighlighted a:hover .photo img,  .updatesection .grayboxhighlighted a:hover .photopullup img  {border:1px solid #000; text-decoration:none;}

	.updatesection .grayboxhighlighted a:hover .photocomment {text-decoration:none; color:#000}
	/****************************************************************************************/
	/* example h3:										*/
	/* Bangkok   (14 photos) 		 [2 views]   7:20pm | May 19th, 2004 | alx	*/
	/****************************************************************************************/
	.updatesection h3, .updatesection h4 {
		width:550px;
		margin:0px;
	}
	.updatesection h3 table h3{

		font-weight:bold;
		font-size:11pt;
		/*turn off margins padding background and borders*/
		border-width:0px;
		margin:0px;
		padding:0px;
		width:auto;
	}
	.updatesection h3 table h3 .detailfont{

		font-size:9pt
	}

	.updatesection h3 table .detailfont{
visibility:hidden;
		font-size:7pt
	}

	/****************************************************************************************/
	/* example: h4										*/
	/* Photoscape > Thailand > Bangkok 							*/
	/****************************************************************************************/
	.updatesection h4 {
		text-align:left;
		padding:2px;
		background-color:#000;
		color:#fff;

		font-weight:bold;
		margin-bottom:0px;
		font-size:10pt;
	}
	.updatesection h4 a:hover {
		color:#F1B066;
		text-decoration:none
	}




















	/****************************************************************************************/
	/*		photo css								*/
	/*											*/
	/****************************************************************************************/
	.photocomment {font:normal normal 7pt verdana; color:#000}

	.pushup{
		position:relative;
		width:112px;
		right:0px;
		top:0px;
		height:32px;
		text-align:right;
		z-index:10
	}

	 .photopullup img {
	 	position:relative; left:0px; top:-32px; margin-bottom:-32px
	 }

	a .pushup img{border:0px solid #aaa;}
	a:hover .pushup img {border:0px solid #bdf; text-decoration:none;}

	a .photo img, a .photopullup img{border:1px solid #000;}
	a:hover .photo img,  a:hover .photopullup img  {border:1px solid #000; text-decoration:none;}

	.selectedphoto{background-color:#FAA872}

	/*override text decoration for photo comments*/
	/*a:hover .photocomment {text-decoration:none; color:#fff}*/


	.grayboxgallery{
		text-align:center;
		border-bottom:solid 0px black;
		/*margin-bottom:-20px;*/
		font-size:20px;
		/*color:#900*/
	}

	.grayboxphoto{
		text-align:center;
		padding-bottom:10px;
		margin-bottom:0px;
		border-bottom:0px
	}
	.grayboxphoto img{border-width:5px;
			border-style: solid;
			border-color: #fff}
	/*hr {
		width:600px;
		margin:0px
	}*/

	.grayboxphoto h3 {
		font-size:10pt;
		font-weight:bold;
		color:#fff;
		margin:7px 0 0 0
	}




/*detail text*/

.detailfont{
		font-size:9pt; font-weight:normal;
		font-family:georgia;
		color:#fff
	}
	.detailfont table {
		color:black;
		font-size:8pt; font-weight:normal;
		font-family:georgia;
	}








	/****************************************/
	/*	comments							*/
	/****************************************/

	.commentrow1 {


		padding:3px 5px 3px 5px;
		color:#ffffff;
		font-family:verdana;
		font-size:11pt
	}
	.commentrow2 {
		/*border-top:1px dashed #000;
		border-bottom:1px dashed #000;*/
		background-color:#FAA872;
		padding:3px 5px 3px 5px;
		font-family:verdana;
		font-size:11pt
	}

	.commentrow1new {
		padding:3px 5px 3px 5px;
		color:#ffffff
		/*background-color:#FFBE74;
		border:1px solid #4A7EC8;
		padding:3px 5px 3px 5px;*/

	}
	.commentrow1new table{color:#000}
	.commentrow2new {
		/*background-color:#ED9633;
		border:1px solid #4A7EC8;
		padding:3px 5px 3px 5px;*/
		border-top:1px dashed #000;
		border-bottom:1px dashed #000;
		background-color:#FAA872;
		padding:3px 5px 3px 5px;
	}


	.feedbackdetail{
		/*white-space:nowrap;*/
		width:100px;
		font-weight:normal;
		font: italic normal 8pt Georgia, Arial, Helvetica, sans-serif;
	}
	.feedback{
		font-size:8pt;
		font-weight:normal
		/*font-family:arial*/

	}
	.feedback b{
		font-style:italic;
		font-size:8pt;
		/*font-family:verdana*/
	}

	.iconhome {
		background-image: url("../gfx/iconhome.gif");
		background-repeat: no-repeat;
		background-position: bottom left;
		height:20px;
		width:20px
	}
	.iconcomment {
		background-image: url("../gfx/iconcomment.gif");
		background-repeat: no-repeat;
		background-position: bottom left;
		height:20px;
		width:20px
	}
	.icongallery {
		background-image: url("../gfx/icongallery.gif");
		background-repeat: no-repeat;
		background-position: bottom left;
		height:20px;
		width:20px
	}
	.iconfolder {
		background-image: url("../gfx/iconfolder.gif");
		background-repeat: no-repeat;
		background-position: bottom left;
		height:20px;
		width:20px
	}
	.iconuser {
		background-image: url("../gfx/iconuser.gif");
		background-repeat: no-repeat;
		background-position: bottom left;
		height:20px;
		width:20px
	}
	.iconclock {
		background-image: url("../gfx/iconclock.gif");
		background-repeat: no-repeat;
		background-position: bottom left;
		height:20px;
		width:20px
	}






	table{
		font-size:9pt;
		/*color:white*/
	}


/*javascript*/

	.hidden {
			visibility:hidden;
			position:absolute;
			top:-200px;
			left:-200px
	}

	.background1 {
		/*background-color:#6696CE;*/
		border:solid 0px #000;
		background-color:#FAA872;
		width:445px;
		/*padding-left:20px*/
		background: url(../gfx/obg1.gif) repeat top right;
	}
	.background2 {
		border:solid 0px #fff;
		background-color:#FAA872;
		width:445px;
		/*padding-left:20px*/
		background: url(../gfx/obg1.gif) repeat top right;
	}
	.normalbackground {

		/*border-left:2px #4A7EC8 solid;*/
	}
	.selectedtd {
		/*background-color:#6696CE;
		border-left:2px #88ACD9 solid;*/

	}

	.selectedtd a h4{ /*background-color:#6696CE;*/}
	.selectedtd a:hover h4{color:#fff}

	.trshift {
		text-align:left;
		/*position:relative; right:-2px;*/ padding-right:8px
	}

	.tdborder {
	text-align:left;
		/*border-right:#88ACD9 2px solid*/
	}

	.grayboxcurrentdir {
		width:550px;
		padding:0px;
		/*background-color:#4A7EC8;*/
	}




	.footer{
			width:600px;
			height:100px;
			background-image: url("../gfx/orangetop4.gif");
			background-position: top left;
			background-repeat: repeat-x;
			background-color:#000;
			font: bold italic 8pt georgia;
			text-align:center;
			position:relative;
			left:-20px;
			padding-top:70px;
			color:#3a3a3a;
			margin-right:-40px;
			margin-top:40px
			/*margin:-20px 0px 0px 0px*/
	}