/* ------ Body Settings ------ */
body {
	width: 960px; /* Sets width for a 3-column site. Step 1 */
	background-color: #e6e6e6; /*#f0f5fb;*/ /* aqua color for browser window background color and footer top border */
	margin: 10px auto;
	padding: 0;
	font-family: "Trembuchet MS",Helvetica,Arial,Verdana,sans-serif;
	color: #4e4e50;
	font-size: 90%;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	border: 1px solid #909090; 
}

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

h1 {
	font-size: 1.75em;
	font-weight: 			bolder;
	color:					red;
	text-align:				center;
	border-bottom:			1 solid #d4ffff;
	margin:					0 10px;
	margin-bottom: 		5px;
	padding: 				15px;
	padding-top: 			0;
}

h2 {
	font-size:				1.1em;
	color:					white;
	text-align:				left;
	background-color:		#727f88;
	margin: 					5px 10px;
	padding: 				5px 10px;
}

h3 {
	font-size:				1.1em;
	color:					white;
	text-align:				center;
	background-color:		#727f88;
	margin: 					5px 10px;
	padding: 				5px 10px;
}

h6 {
	font-size:				.6em;
	margin: 					5px 0;
	padding: 				0;
}

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

p {
	padding: 				5px 10px;
}

p.CalloutBox {
padding: 13px;
}

/*img {
	border: 					0;
}*/

img {
border: 0 solid #DDD;
}

/* -- 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;
background-color: transparent;
background-image: url(http://www.boracay-budgettravel-tips.com/images/boracay-bg_960x10.gif);
background-position: top left;
background-repeat: repeat-y;
}

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

/* ------ Header ------- */
#Header {
height: 250px; /* reduced from 300px - 6/6/10 */
}

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

#Header {
position:relative;
}

#Header .Liner {
padding: 0;
}

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

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

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

#Header .DateToday {
	position: absolute;
	top: 105px;
	left: 20px;
	color: #ffffff; //white
}

#Header .MenuBar {
	position: absolute;
	top: 130px;
	left: 0;
	height: 26px;
	margin: 0;
	padding: 0;
	width: 959px;
	background-color: #727f88;
}

/* ------ Top Feature - Section added 5/6/10 ------- */
#TopFeature {
float: left;
margin-left: 220px;
margin-top:  -90px;
height: 90px;

}

/* ------ ContentWrapper ------- */
#ContentWrapper {
float: left;
width: 100%;
}

/* ------ ContentColumn ------- */
#ContentColumn {
margin: 0 190px 0 220px;
}

#ContentColumn {
position:relative;
z-index:10;
}

#ContentColumn .Liner {
padding: 0 10px 0;
}

#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: 219px; /* reduced from 230px - 6/6/10 */
margin-left: -960px; /* increased from -950px - 6/6/10 */
}

#NavColumn {
position: relative;
z-index: 10;
}

#NavColumn {
margin-top:-90px; /* reduced from -200px */
}

#NavColumn {
font-size: 90%;
}

#NavColumn .Liner {
margin: 0;
}

#NavColumn h2 {
font-size:			1em;
margin-left: 		-5px;
margin-right: 		-5px;
padding: 			5px;
}

#NavColumn h4 {
color:				red;
font-size:			1em;
margin-left: 		0;
margin-right: 		0;
padding: 			5px;
}

/* ------ ExtraColumn ------- */
#ExtraColumn {
float: left;
width: 199px; /* increased from 170px - 6/6/10 */
margin-left: -200px;
}

#ExtraColumn {
position:relative;
z-index:10;
}

#ExtraColumn {
/* margin-top:-40px; */ /* removed negative margins - 5/6/10 */
}

#ExtraColumn {
font-family: arial, sans-serif;
font-size: 90%;
}

#ExtraColumn .Liner {
margin: 0;
}

#ExtraColumn h2 {
	font-size: 100%;
	margin-left: -5px;
	margin-right: -5px;
	padding: 5px;
	text-align: left;
}

#ExtraColumn h3 {
	font-size: 100%;
	margin-left: -5px;
	margin-right: -5px;
	padding: 5px;
	text-align: center;
}

#ExtraColumn h4 {
	color:				red;
	font-size:			90%;
	margin-left: 		0;
	margin-right: 		0;
	padding: 			5px;
}

#ExtraColumn h5 {
	color: #727f88;
	font-size: 90%;
	margin: 5px 0;
	padding: 5px;
}

#ExtraColumn h6 {
	color: #727f88;
	font-size: .6em;
	margin: 5px 0;
	padding: 5px;
}

/* ------ Footer ------- */
#Footer {
	clear: 					both;
	position:				relative;
	width:					100%;
	margin:					0;
	padding:					0;
	text-align:				center;
	font-size:				90%;
	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:						1px;
	left:						335px;
}

#Footer .MenuBar {
	position:				absolute;
	top:						5px;
	left:						335px;
}

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

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

#Footer .Main a:hover {
	text-decoration: 		underline;
	color:					#00f;
	background-color:		#fff;
}

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

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

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

/* ------ Class Selectors ------ */
.Caption {
font-size: 85%;
font-weight: bold;
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: 3px 6px 0 0;
   padding: 2px 6px 6px 6px;
   border: 1px solid #CC9966;
   background: #952C29;
}

.Liner {
padding: 10px;
}

.RedText,
.redText {
	color: 					red;
}

/* -- 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;
	clear: 				both;
}

.AdBoxCenter_468x60 {
	width:				468px;
	margin:				0 auto 5px auto;
	clear:				both;
}

.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;
}

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

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

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;
}

.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;
}

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

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

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

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

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

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

.ReminderBox p {
padding: 0 4px;
}

#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;
}

.Navigation {
width: 100%;
}

.Navigation ul {
list-style-type: none;
position: relative;
margin: 0;
padding: 0;
}

.Navigation h3 {
border-top: 1px solid #757474;
border-bottom: 1px solid #757474;
padding:5px 0;
font-family: "Century Gothic", arial, sans-serif;
font-variant: small-caps;
font-size:120%;
}

.Navigation li {
padding:0;
margin: 0 0 3px 0;
}

.Navigation a {
display:block;
width:100%;
padding: 3px 3px 3px 0;
background: url(../image-files/arrowdarkblue.gif) center left no-repeat;
}

.Navigation a:link,
.ExtraNav a:link  {
color: #9A0000;
padding:3px;
}

.Navigation a:visited,
.ExtraNav a:visited{
color: #000;
padding:3px;
}

.Navigation a:hover,
.ExtraNav a:hover {
color: #C80000;
background: #fff url(../image-files/degradation.gif) top left repeat-x;
padding:3px;
}

.ReturnToNavBox {
background-color: #FFF;
border-top: 1px solid #8F8FB3;
border-bottom: 1px solid #8F8FB3;
margin: 20px auto;
padding: 0 2px;
}