@import url(http://www.boracay-budgettravel-tips.com/support-files/styles_dropdown-menu.css);
@import url(http://www.boracay-budgettravel-tips.com/support-files/styles_vertical-menu.css);
@import url(http://www.boracay-budgettravel-tips.com/support-files/styles_horz-hdr-menu.css);
@import url(http://www.boracay-budgettravel-tips.com/support-files/styles_horz-ftr-menu.css);

/* ------ Body Settings ------ */
body {
	width: 					960px;
	background-color: 	#d1d1d1;
	color: 					#d1d1d1;
	margin: 					10px auto;
	padding: 				0;
	font-family: 			"Trembuchet MS",Helvetica,Arial,Verdana,sans-serif;
	font-size: 				1em;
	line-height: 			1.4em;
	letter-spacing: 		0.03em;
	border: 					2px solid #909090; 
}

/* ------ Type Selectors ------ */
h1, h2, h3, h4, h5, h6 {
	background-color: 	transparent;
	color: 					#1d487e;
	clear: 					left;
}

h1 {
	font-size:				1.75em;
	font-weight: 			bolder;
	color:					red;
	text-align:				center;
	line-height: 			1.2em;
	margin:					10px auto;
	padding: 				0;
	width:					90%;
}

h2, h3 {
	font-size:				1.5em;
	color:					#00f;
	font-weight: 			bolder;
	text-align:				left;
	margin: 					10px;
	margin-bottom: 		5px;
	padding: 				5px;
	border-bottom:			4px solid #f00;
}

h3 {
	font-size:				1.4em;
	color:					#00f;
	font-weight: 			bolder;
	text-align:				center;
	background-color: 	#5987A9;
	border-bottom: 		none;
}

h4 {
	font-size:				1.1em;
	background-color: 	yellow;
	color:					#00f;
	font-weight: 			bold;
	font-style: 			italic;
	text-align:				left;
	background-color: 	none;
	border-bottom:			2px solid #000;
	margin:					10px;
	padding: 				5px 5px 0 5px;
	width: 					380px;
}

h6 {
	font-size:				.6em;
}

blockquote {
margin: 12px 56px;
color: #006;
font-size: 110%;
font-family: 'Courier New', Courier, monospace;
}

p {
	padding: 				2px 10px; /*5px 10px;*/
}

table,
table p {
	color: 					black;
}

p.CalloutBox {
padding: 13px;
}

ul {
	color: 					black;
	padding: 				10px;
}

img {
	border: 					0;
}

/* -- General Link Styling -- */
a:link {
color: #0000ff;
text-decoration:none;
}

a:visited {
color: #000000;
text-decoration:none;
}

a:hover {
color: #C80000;
text-decoration:none;
}

/* ------ PageWrapper ------- */
#PageWrapper {
	width: 				960px; /* increased from 950px - 6/6/10 */
}

#PageWrapper {
	position: 			relative;
	margin: 				0;
	padding: 			0;
	background-color: #fcfcfc;
}

/* ------ Id Selectors ------ */

/* ------ Header ------- */
#Header {
	height: 				90px;
}

#Header {
	background-color: #d4ffff;
	background-color: transparent;
	background-image: url(http://www.boracay-budgettravel-tips.com/images/boracay-paradise_960x90.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	z-index:				1;
	color: 				#8a9cb0;
}

#Header {
	position:			relative;
}

#Header .Liner {
	padding: 			0;
}

#Header .Top {
	position: 			absolute;
	top: 					0;
	left: 				390px;
}

#Header .SearchBox {
	position: 			absolute;
	top: 					30px;
	right: 				5px;
}

#Header .Logo {
	position: 			absolute;
	top:					10px;
	left:					20px;
}

#Header .Flag {
	position: 			absolute;
	top:					15px;
	left:					200px;
}

#Header .DateToday {
	font-size: 			.75em;
	position: 			absolute;
	top: 					65px;
	left: 				30px;
	color: 				#ffffff; /*white*/
}

#Header .CopyscapeNotice {
	position: 			absolute;
	top: 					70px;
	left: 				363px;
}

/* ------ Main Menu Bar - Section added 21/7/10 ------- */
#MainMenuBar {
	float: 				left;
	width: 				100%;
	margin: 				0;
	margin-top: 		-20px;
	padding: 			0;
}

#MainMenuBar .Liner {
	margin: 				0;
	padding: 			0;
}

/* ------ Top Feature - Section added 5/6/10 ------- */
#TopFeature {
	position: 			relative; 
	float: 				left;
	width: 				960px;
	height: 				100px;
	margin: 				0;
}

#TopFeature .Liner {
	padding: 			0;
	padding-top: 		5px;
}

#TopLeftFeature {
	float: 				left;
	width: 				230px;
	font-size: 			90%;
	color: 				#fbe5aa;
}

#TopRightFeature {
float: left;
}

/* ------ ContentWrapper ------- */
#ContentWrapper {
	float: 				left;
	height: 				100%;
	width: 				960px;
	margin:				0;
/*	border-top: 		1px solid #909090; 
	border-bottom: 	1px solid #909090;*/
}

#ContentWrapper .Liner {
	padding: 			0;
}

/* ------ ContentColumn ------- */
#ContentColumn {
	margin: 				0 2px 0 262px;
	background-color:	#fcfcfc;
	color: 				#fcfcfc;
	position:			relative;
	z-index:				10;
}

#ContentColumn p {
	color: 				#000;
}

#ContentColumn .Liner {
	padding: 			0px;
}

#ContentColumn a:link {
	text-decoration:	underline;
}

#ContentColumn a:visited {
	text-decoration:	underline;
}

#ContentColumn a:hover {
	text-decoration:	underline;
}

#ContentColumn ul {
	list-style-type: 	disc;
	margin: 				0 0 8px 10px;
}

#ContentColumn li {
	margin: 				0 0 8px 5px;
}

#ContentColumn ol {
	list-style-type:	decimal;
	margin: 				0 0 8px 10px;
}

#ContentColumn li {
	margin: 				0 0 8px 5px;
}

/* ------ NavColumn ------- */
#NavColumn {
	float: 				left;
	width: 				260px;
	background-color:	#fcfcfc;
	color: 				#fcfcfc;
	margin-left: 		-959px;
	margin-top: 		20px;
	font-size: 			.95em;
	z-index: 			10;
}

#NavColumn .SearchBox {
	width: 				100%;
	background-color: #FEBA02;
	color: 				#000;
}

#NavColumn .SearchBox h2, 
#NavColumn .SearchBox h3 {
	font-size:			1.2em;
	color:				#000;
	font-weight: 		bolder;
	text-align:			left;
	margin: 				0;
	padding: 			0;
}

#NavColumn .Liner {
	padding: 			0;
}

#NavColumn h2, 
#NavColumn h3 {
	font-size:			1.2em;
	color:				#00f;
	font-weight: 		bolder;
	text-align:			left;
	margin: 				10px 0;
	margin-bottom:		 0;
	padding: 			5px 0;
	border-bottom:		2px solid #f00;
}

#NavColumn h3 {
	text-align:			center;
}

#NavColumn h4 {
	color:				red;
	font-size:			90%;
}

/* ------ Footer ------- */
#Footer {
	clear: 				both;
	position:			relative;
	width:				100%;
	margin:				0;
	padding:				0;
	text-align:			center;
	height:				130px;
	background-image:	url(http://www.boracay-budgettravel-tips.com/images/boracay-paradise-ftr_960x130.jpg);
	background-repeat:	 no-repeat;
}

#Footer .Liner {
	padding:				0;
}

#Footer .Top {
	position:			absolute;
	top:					0;
	left:					0;
}

#Footer .Main {
	position:			absolute;
	top:					30px;
	width:				100%;
}

#Footer .Main a:link, 
#Footer .Main a:visited {
	text-decoration:	none;
	color:				#ffff00;
	font-weight: 		bolder;
}

#Footer .Main a:hover {
	text-decoration:	none;
	color:				#0000ff;
	font-weight: 		bolder;
	text-decoration: 	underline;
	background-color: 	#e6e6e6;
}

#Footer .Main p {
	font-size:			0.9em;
	color:				#ffffff;
	margin:				0;
	padding:				0;
}

#Footer .Main h6 {
	color:				#c0c0c0;
}

#Footer .BottomFeature {
	width:				100%;
	height:				100px;
	background-color: #e6e6e6;
	margin: 				auto;
	padding: 			0;
	border-bottom:		1 solid #8f8fb3;
	border-top:			1 solid #8f8fb3;
}

/* ------ Section 4 - Left Column Navigation ------ */

.Navigation {
width: 100%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
background-color: transparent;
}

/* -- Nav Headers -- */

.Navigation h3 {
padding: 0;
font-size: 110%;
color: #fff;
border-bottom: 1px solid #fff;
margin: 12px 0;
}

/* -- Nav List -- */

.Navigation ul {
list-style-type: none;
padding: 0 0 8px 5px;
margin: -6px 0 0 0;
}

.Navigation li {
background-color: #ffc;     /* tan, for button and RSS box backgrounds -- */
border: 1px solid #8f8fb3;
margin-bottom: 3px;
}

/* -- Navigation Link styles -- */

.Navigation a:link {
color: blue;
display: block;     /* this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.Navigation a:visited {
color: purple;
display: block; /* highlights the whole box rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.Navigation a:hover {
color: red;
display: block; /* highlights the whole box rather than just the text */
padding: 3px 0 3px 4px;
background-color: #d3e4fb;
text-decoration: underline;
}

/* ------ Section 5 - Additional Navigation ------ */

/* -- Thumbnail-with-Caption Navigation -- */

.ThumbnailLink {
text-align: center;
}

.ThumbnailLink a:link {
text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
text-decoration: underline;
color: red;
}


/* -- Horizontal Text NavBar -- */

.ExtraNav {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}

.ExtraNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.ExtraNav ul li {
display: inline;
background-color: #979797;
text-align: center;
}

.ExtraNav a:link {
color: #c0c0c0;
text-decoration: none;
text-align: center;
padding: 0 4px;
}

.ExtraNav a:visited {
color: #c0c0c0;
text-decoration: none;
}

.ExtraNav a:hover {
color: #000000;
background-color: #c0c0c0;
text-decoration: none;
}

#Header .ExtraNav {
position: absolute;
top: 10px; /* reduced from 190px */
left: 360px;
font-size: 90%;
}

#Header .ExtraNav {
font-size: 85%;
position: absolute;
top: 0;
right: 0;
}

#Header .ExtraNav ul { 
margin: 0;
}

#Footer .ExtraNav {
margin: 0 auto;
background-color: #666767;
width: 40%;
}

#Footer .ExtraNav a:link, 
#Footer .ExtraNav a:visited {
	text-decoration:		none;
	color:					#c0c0c0;
}

#Footer .ExtraNav a:hover {
	text-decoration: 		none;
	color:					#000000;
	background-color:		#c0c0c0;
}

/* ------ Class Selectors ------ */
.Caption {
	font-size: 				.7em;
	display: 				block;
}

.Clear {
clear: both;
}

.DropCap,
.dropCap,
.dropcap {
	float: 					left;
   position: 				relative;
   font-family: 			Verdana, Arial, sans-serif;
   font-size: 				180%;
   font-weight: 			bold;
   color: 					#D1D1D1;    
   line-height: 			1em;
   margin: 					2px 5px 0 0; /*3px 6px 0 0;*/
   padding: 				2px 6px 6px 6px;
   border: 					1px solid #CC9966;
   background: 			#952C29;
}

.Liner {
padding: 10px;
}

/* -- Thumbnail-with-Caption Navigation -- */
.ThumbnailLink {
text-align: center;
}

.ThumbnailLink a {
text-decoration: none;
}

.ThumbnailLink .Caption {
text-decoration: underline;
}

/* ------ Various Boxes ------ */
.AdBoxLeft,
.AdBoxRight,
.AdBoxCenter_468x60,
.AdBoxAdverts,
.AdBoxRightColumn {
	background-color:	#fefefe;
	border:				0px;
}

.AdBoxLeft {
	margin: 				0;
	float:				left;
	clear: 				both;
}

.AdBoxRight {
	margin:				0;
	float:				right;
}

.AdBoxCenter_468x60 {
	width:				468px;
	margin:				0 auto 5px auto;
	clear:				both;
	color: 				#fcfcfc; /*	added 28/09/10*/
}

.AdBoxAdverts {
	padding:				10px;
	margin:				2px;
	clear:				both;
	border:				1px solid #dddddd;
}

.AdBoxLeftColumn {
	padding:				0;
	margin:				0 auto 12px auto;
	clear:				both;
}

.AdBoxRightColumn {
	padding:				0;
	margin:				0 auto 12px auto;
	clear:				both;
}

.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}

.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}

.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}

.PromoBox {
font-family: Verdana, Arial, sans-serif;
background-color: #FFFF00;
width: 468px;
border: 1px dotted #8f8fb3;
margin: 18px auto 24px auto;
padding: 4px;
color: #000080;
}

.PromoBox p {
margin: 8px;
font-size: 95%;
}

div.PromoBox p {
margin: 13px;
}

div.PromoBox h1,
div.PromoBox h2,
div.PromoBox h3,
div.PromoBox h4,
div.PromoBox h5,
div.PromoBox h6 {
margin:  -10px -5px 10px;
padding: 5px 20px;
}

div.PromoBox h1 {
	font-size:				1.75em;
	font-weight: 			bolder;
	color:					red;
	text-align:				center;
	line-height: 			1.2em;
	margin:					10px auto;
	padding: 				10px;
}

.CalloutBox {
	font-family: 			'Comic Sans MS', 'Trebuchet MS', Verdana, Arial, 		sans-serif;
	background-color: 	#ffa500;
	color: 					#ffa500;
	width: 					468px;
	border: 					1px dotted #8f8fb3;
	margin: 					18px auto 24px auto;
	padding: 				4px;
}

.CalloutBox p {
	margin: 					8px;
	font-size: 				.9em;
	color: 					#000080;
}

div.CalloutBox p {
	margin: 					13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
	margin:  				-10px -5px 10px;
	padding: 				5px 20px;
}

.Center { 
text-align: center;
}

.HotelImages {
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: .8em;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
}

.HotelImage_120x4 {
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: .8em;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
}

.HotelImage_150x3 {
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: .8em;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
}

.HotelImage_150x4 {
float: left;
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: .8em;
margin: 0;
padding: 0;
text-align: center;
}

.ImageVert_Right {
	float: 				left;
	font-family: 		Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 			.8em;
	margin: 				0 auto;
	padding: 			0;
	text-align: 		center;
	clear: 				right;
}

.ItemLeft {
	float: 				left;
	margin: 				2px 10px 5px 0; /*2px 12px 6px 0;*/
	text-align: 		center;
}

.ItemRight {
	float: 				right;
	margin: 				2px 0 5px 10px; /*2px 0 12px 18px;*/
	text-align: 		center;
}

.ItemCenter {
	margin: 				2px auto 10px auto; /*2px auto 12px auto;*/
	text-align: 		center;
	clear: 				both;
}

img.center {
	display: 		block;
	margin-left: auto;
	margin-right: auto;
}

.ReminderBox {           /* the container box */
background-color: 	#C80000;
color: 					#C80000; /*#FFF;*/
width: 					35%;
margin: 					0 0 12px 18px;
float: 					right;   /* adding float enables text to flow around it */
font-family: 			"Century Gothic", arial, sans-serif;
}

.ReminderBox h4 {
color: #FFF;
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}

.ReminderBox p {
color: #FFF;
margin: 8px;
font-size: 95%;
padding: 0 4px;
}

#NavColumn .ReminderBox {
	float: 				none;
	background-color:	#C1BFFF;
	width: 				240px;
	margin: 				0 auto;
	margin-top: 		-30px;
	padding: 			8px;
	color: 				#000000;
	font-family: 		"Century Gothic", arial, sans-serif;
	font-size: 			.85em;
	font-style: 		italic;
	line-height: 		1em;
	border: 				1px solid #909090; 
}

#RSSbox {
width: 148px;
margin: 8px auto;
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
line-height: 14px;
text-align: center;
}

/* ------ Navigation ------ */
.ExtraNav ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.ExtraNav ul li {
display: inline;
text-align: center;
}

.ExtraNav a {
text-align: center;
padding: 0 4px;
}

ul.greencheck { 
	line-height: 		18px;
	color: 				black;
}

.greencheck li {
	list-style:				none;
	margin: 					10px 0;
	padding: 				0 20px 10px 35px;
	background-image: 	url(http://www.boracay-budgettravel-tips.com/images/bullet_20x20.png);
	background-repeat: 	no-repeat;
	background-position: left top;
}

ul.redstop { 
	line-height: 18px;
}

.redstop li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(http://www.boracay-budgettravel-tips.com/images/stop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.yellow { /* this makes your text look like it is highlighted in yellow */
	background-color: #FFFF00;
    font-weight:bold;
}

.RedText,
.redText,
.red {
	color: #CC0000;
}

.BlueText,
.blueText,
.blue {
	color: #0000FF;
}

.green {
	color: #007d0f;
}

.BlackText,
.blackText,
.black {
	color: 	#000000;
}

.center {
	text-align:center;
}

.lineout { /* crosses out text with a line */
	text-decoration: line-through;
}

.IncludeFiles {
	color: 				#fcfcfc; /*	added 28/09/10*/
}

/* Photo Gallery Styles Start */
.figure {
	float: left;
	width: auto;
	margin: 10px -5px 0 10px;
}

.figure p {
	font: .8em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: -5px;
}