body {
	margin: 0;
	padding: 0 0 0px 0;
	font-size: 62.5%;
	font-family: Georgia, Times, Times New Roman, serif;
	position: relative;
	background: url(img/bg.gif) top center repeat-x #880017;
 }


/* Normal links */
a:link, a:visited {
outline-style:none;
	color: #001F49;
	text-decoration: none;
	 }

a:hover, a:visited:hover {
	color: #000000;
	text-decoration: underline; }

/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
	border: none;
	background-color:transparent; }

/* Abbreviations */	
abbr { border-bottom: 1px dotted #900; cursor: help; }

form {
margin: 0;
padding: 0;
}

/*------------------HEADING--------------------*/

h1 {
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
	font-size: 2.0em;
	font-weight: normal;
	color: #b80e1f; }

h1 span { color: #666;font-size:0.5em;vertical-align:0.2em }

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #000; }

h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	color: #000; }

h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000; }
	
h5 {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
	font-weight: normal;
	color: #000;
	}

h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000; }

/*-----------PARAGRAPH TEXT ELEMENTS-------------------*/

/* General paragraph rules */
p {
	margin: 0 0 1.0em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em; }

p.oldbrowsers {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #c00; }
	

/*--------------HEADER ELEMENTS----------------*/

img { border: none; }

#Header {
	float: left;
	width: 870px;
	margin: 0;
	padding: 0 0 25px 20px;
}

#Logo {
	float: left;
	position: relative;
	text-indent: -9999px;
	margin:0px 0 0px 0px;
	padding:0px 0 0px 0px;
	height: 38px;
	width: 242px;
	background: url(img/logo.gif) no-repeat top left;
	}
#Logo a {
	position: absolute;
	padding:0px 0 0px 0px;
	top: 0px;
	left: 0px;
	width: 242px;
	height: 38px;
	}

#Logo a:link, #Logo a:visited, #Logo a:active, #Logo a:link:hover, #Logo a:visited:hover {
	background-color: transparent;
	}

#Logo a span, #Logo span { display: none; }

#HeaderRight {
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
}

#HeaderRight h4 {
	font-family: Verdana, Arial, sans-serif;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#HeaderRight h4 strong {
	color: #d2b163;
	font-weight: normal;
}

#HeaderRight a{
	color: #d2b163;
}

#HeaderRight a:hover{
	color: #ffffff;
	text-decoration: underline;
}
/*---------------LAYOUT BOXES----------------------*/

/* Outer bounding box for all pages */
#Frame {
	margin: 0 auto 0 auto;
	padding: 30px 0px 0px 0px;
	width: 890px; 
	
}
#Content {
	float: left;
	width: 850px;
	padding: 20px;
	margin: 0 0 0 0px;
	background: #ffffff;
}

#FullCol {
	position: relative;
	width: 850px;
	height: 419px;
	margin: 0 0 15px 0;
	background: #ffffff;
}

#FullColSecondary {
	position: relative;
	width: 850px;
	height: 249px;
	margin: 0 0 15px 0;
	background: #ffffff;
	display: block;
}

#FullColSecondary2 {
	position: relative;
	width: 850px;
	height: 238px;
	margin: 0 0 15px 0;
	background: #ffffff;
	display: block;
}

#BodyText #FullCol h3 {
	position: relative;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: none;
}

#FullCol.loading, #FullColSecondary.loading {
    background: url(img/spinner.gif) no-repeat center center;
}


#TripMoreLink {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 370px;
	right: 0px;
	width: 392px;
	height: 33px;
	text-indent: -9999px;
	background: url(img/tripmore_link.gif) top left no-repeat;
}

#TripMoreLink:hover {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 370px;
	right: 0px;
	width: 392px;
	height: 33px;
	text-indent: -9999px;
	background: url(img/tripmore_link.gif) 0 -33px no-repeat;
}

#TripMoreLinkMedia {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 188px;
	right: 0px;
width: 392px;
height: 33px;
	text-indent: -9999px;
	background: url(img/tripmore_link.gif) top left no-repeat;
}

#TripMoreLinkMedia:hover{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 392px;
	height: 33px;
	text-indent: -9999px;
	background: url(img/tripmore_link.gif) 0 -33px no-repeat;
}
#PhotosMoreLink {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 200px;
	right: 0px;
width: 303px;
height: 33px;
	text-indent: -9999px;
	background: url(img/photosmore_link.gif) top left no-repeat;
}

#PhotosMoreLink:hover{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 303px;
	height: 33px;
	text-indent: -9999px;
	background: url(img/photosmore_link.gif) 0 -33px no-repeat;
}

#PhotosMoreLinkHome {
	float: left;
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
width: 303px;
height: 33px;
	text-indent: -9999px;
	background: url(img/photosmore_link.gif) top left no-repeat;
}

#PhotosMoreLinkHome:hover{
	position: absolute;
	margin: 20px 0 0 0;
	padding: 0;
	width: 303px;
	height: 33px;
	text-indent: -9999px;
	background: url(img/photosmore_link.gif) 0 -33px no-repeat;
}

#SeeMoreLink {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 160px;
	right: 0px;
}

#HomeBottom {
	float: left;
	width: 830px;
	padding: 0 10px 0 10px;
	border-top: 10px solid #f4ead7;
	border-bottom: 10px solid #f4ead7;
	background: url(img/bottom_bg.gif) repeat-y #ffffff;
}

#PhotosPage {
	float: left;
	width: 830px;
	padding: 0;
	border: 10px solid #f4ead7;
}

#TappingTop {
	float: left;
	padding: 0px 0 0 18px;
	margin: 0;
	border-top: 18px solid #fff;
	
	display: inline;
}


#MainCol {
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 20px 18px 15px 18px;
	width: 344px; 

}	

#PhotosPage #MainCol {
	float: left;
	padding: 20px 45px 0 18px;
	width: 370px;
}

#SubCol {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 0px 15px 0px;
	width: 410px; 
}
#PhotosPage #SubCol {
	float: left;
	padding: 20px 0 0 0;
	width: 350px;
}

.SubColSection {
	float: left;
	width: 410px;
	padding: 15px 15px 2px 15px;
	border-bottom: 10px solid #f4ead7;
}

.MainColSection {
	float: left;
	width: 344px;
	border-top: 1px solid #dfdfdf;
	padding: 20px 0 0px 0;
	margin: 10px 0 0 0;
}

.Last {
	border-bottom: none;
}

#YourWishesSmall {
	float: left;
	width: 344px;
	height: 217px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	position: relative;
	background: url(img/yourwishes_image.jpg) no-repeat top left;
}

#IntroMessage {
	float: left;
	text-indent: -9999px;
	width: 410px;
	height: 95px;
	margin: 5px 0 15px 0;
	background: url(img/intromessage.jpg) no-repeat top left;
}

#MessageSignature {
	float: left;
	text-indent: -9999px;
	width: 127px;
	height: 40px;
	margin: 15px 0 25px 0px;
	background: url(img/bestwishes_signature.gif) no-repeat top left;
}

#GiveBackToHope {
	float: left;
	text-indent: -9999px;
	width: 344px;
	height: 50px;
	margin: 20px 0 15px 0;
	background: url(img/givebacktohope_title.gif) no-repeat top left #DDC354;
}

#InfiniteWishesBaliRetreat {
	float: left;
	text-indent: -9999px;
	width: 335px;
	height: 19px;
	margin: 0 0 15px 0;
	background: url(img/infinitewishesbaliretreat_title.gif) no-repeat top left #ffffff;
	clear: both;
}

.AlignLeft {
	float: left;
	margin: 0 15px 15px 0;
	padding: 3px 0 0 0;
}

.AlignRight {
	float: right;
	margin: 0 0 15px 15px;
	padding: 3px 0 0 0;
}

.BeNotifiedText {
	float: left;
	text-align: right;
	width: 90px;
	padding: 1px 10px 0 0;
}

.BeNotifiedField {
	float: left;
	width: 230px;
}

.MailIcon {
	float: left;
	width: 38px;
	padding: 7px 10px 0 0px;
}

.MailText {
	float: left;
	width: 280px;
	padding: 12px 0 0 0;
}

#BodyText .gallery {
	padding: 0px 0 30px 0;
	margin: 0;
	width: 375px;
}
#BodyText .gallery ul { margin: 0; padding: 0; list-style: none; }
#BodyText .gallery ul li { display: inline; padding: 2px;}
#BodyText .gallery ul img {
	padding: 1px;
	border: 1px solid #dfdfdf;
}
#BodyText .gallery ul a:hover img {

}
#BodyText .gallery ul a:hover { color: #fff; }

/*------------MISCELLANEOUS-----------------------*/

.inputfield {
	font-family: Arial, Verdana, helvetica, sans-serif;
	float: left;
	border: 1px solid #B3B3B3;
	margin: 0 5px 5px 0;
	padding: 4px;
	height: 16px;
	top: 0px;
	font-size: 13px;
}

#q8 {
	background: url(img/enteremail_bg.gif) no-repeat top left;
}

.submitbutton {
	font-family: Georgia, Times, Times New Roman, serif;
	float: left;
	border: none;
	padding: 4px 5px 5px 5px;
	height: 26px;
	background: #42000B;
	color: #ffffff;
	font-size: 1.1em;
	line-height: 0.5em;
	font-weight: normal;
	cursor: pointer;
	text-transform: uppercase;
	border: 1px solid #808080;
}

.submitbutton:hover {
	background: #880017;
	color: #ffffff;
}

/*-------------- TEXT STYLING ELEMENTS -----------------*/

#BodyText{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#BodyText p {
	padding: 0px 0px 15px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0px;
	color: #4D4D4D; }

#BodyText p.nobreak {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0px;
	color: #4D4D4D; }
	
#BodyText h4 {
	padding: 0px 0px 15px 0px;
	margin: 0;
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #666666; }

#BodyText h3 {
	padding: 0px 0px 8px 0px;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: strong;
	color: #8E0018; }

#BodyText .MailText h3 {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: normal;
	color: #808080; }
		
#BodyText h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 15px 0;
	font-size: 1.7em;
	line-height: 1.4em;
	font-weight: bold;
	color: #3F3F3F; 
}

#BodyText #SubCol h2 {
	margin: 0 0 10px 0;
}

#BodyText h2 strong{
	color: #982432; 
}

#BodyText a:link, #BodyText a:visited { color: #8E0018; text-decoration: none;}
#BodyText a:hover, #BodyText a:visited:hover { color: #880017;text-decoration: underline;}
		
/*-------------- Copyright Footer -----------------*/

#Copyright {
	margin: 0 auto 0px auto;
	padding: 10px 0 20px 0px;
	width: 890px;
	text-align: center;
}

#Copyright h4 {
	margin: 0px 0px 0 0;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
	color: #ffffff;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: normal;
	}

#Copyright a:link, #Copyright a:visited { color: #ffffff; text-decoration: none;}
#Copyright a:hover, #Copyright a:visited:hover { color: #ffffff;text-decoration: none; border-bottom: 1px solid #ffffff; }

/* Remove traces of float */	
.ClearAll {
	clear: both;
	font-size: 2px; }

/* Hide warning from newer browsers */
.oldbrowsers { display: none; }

td.nowrap {
	white-space: nowrap;
	}