/**
 * -----------------------------------------------
 * IDYLWYLDE layout styles
 * -----------------------------------------------
  *
 *
 */
    
* {
	margin: 0px;
	padding: 0px;
}  

A:LINK, A:VISITED {color : #990000; text-decoration : none; }
A:HOVER {color : #FF6600; text-decoration : none; }

/* headers */
h1, h2, h3 { font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;}
h1 { font-size: 7pt; color: #305DB0; }
h2 { font-size: 12pt; font-family:Arial; color: #305DB0; padding: 0px 0px 2px 0px; border-bottom: solid 1px #292929;}

p, h1, h2, h3 {
	margin: 10px 10px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}               

img.floatLeft {float: left; margin: 0px 6px 8px 0px; }
img.floatRight {float: right; margin: 4px 0px 8px 6px; }

.clear {clear:both;} 

BODY { background-image: url(images/backmain.gif); }

BODY.pop { background-image: url(images/brown_strips.jpg);  }

BODY.index { background-image: url(images/brown_strips.jpg);  }

input
{ color: #000000; background: #FFFFCC; border: 1px solid #A5A5A5; padding: 0px 0px 0px 0px;}

.submit input
{ color: #000000; background: #FFA20F; border: 1px solid #A5A5A5; } 

FIELDSET {border: 1px dashed #B1C5BA; font-size: 8pt; font-family:Arial; padding: 0px 5px 10px 5px; text-align: left; width: 100%;}
LEGEND {color: #FFFFFF; font-size: 9pt; font-family:Arial; background: #d99e61; border: 0px solid #B1C5BA; padding: 2px 6px 2px 6px; position: relative; left: -13px; top: -8px ;
 } 


table.compare { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; width: 100%; }
table.compare th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: #339900; font-size: 9pt; font-family:Arial; color: #FFFFFF; font-weight: normal; }
table.compare td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: white;    font-size: 8pt; font-family:Arial; color: #000000; font-weight: normal; }

table.compare_left { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left;}
table.compare_left th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: #339900; font-size: 9pt; font-family:Arial; color: #FFFFFF; font-weight: normal; text-align: left; }
table.compare_left td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: white;    font-size: 8pt; font-family:Arial; color: #000000; font-weight: normal; }

table.stats { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left;}
table.stats th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-size: 7pt; font-family:Arial; color: #303030; }
table.stats td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-size: 7pt; font-family:Arial; color: #303030;  }

table.list { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left; width: 100%;}
table.list th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-size: 9pt; font-family:Arial; color: #FFFFFF; background-color: #339900;}
table.list td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-family:Arial; color: #303030;  }
                                  

/* ----------container to center the layout---------- */
#container { width: 775px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto;background-color: #ffffff; border: solid 2px #555555;} 

/* ----------banner for logo-------------- */
#banner {text-align: right; background-color: #ffffff; padding: 0px; margin: 0px; }


/* ----------outer and inner----------------- */
#outer{ border-left: 180px solid #ffffff;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 }   

#outer-map{ background-color: #ffffff; /* color of the content column */
 }

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {width:180px; float:left; position:relative; margin-left:-180px; margin-right:1px; text-align: center; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; padding: 0 0 0 20px;}
#left A:LINK, A:VISITED {color : #990000; text-decoration : none; }
#left A:HOVER {background-color : #FFFF66; color : #000000; text-decoration : none; }
#left h2 { font-size: 9pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #305DB0; padding: 0px 0px 2px 0px; border-bottom: solid 1px #737373;}
#left h3 { font-size: 7pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #9A9A9A; padding: 5px 0px 10px 0px; border-top: solid 1px #737373;  border-bottom: dashed 1px #737373;} 

.left-content {font-size: 8pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #303030; padding: 6px 10px 20px 0px;}
.left-content_center {font-size: 8pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #303030; text-align: center;}

/* -----------------content--------------------- */
#content {position: relative; margin: 0px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; margin-top: 30px; margin-left: 20px; margin-right: 20px;}
#content h2 { font-size: 12pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #305DB0; padding: 0px 0px 2px 0px; border-bottom: solid 1px #292929;}
#content h3 { font-size: 7pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #9A9A9A; padding: 5px 0px 10px 0px; border-top: solid 1px #737373;  border-bottom: dashed 1px #737373;}
#content h4 { font-size: 10pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #305DB0; padding: 0px 0px 2px 0px; border-bottom: solid 1px #A4A4A4; margin-top: 30px; margin-bottom: 10px;}
#content p  { font-size: 8pt; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color: #3A3A3A; line-height: 140%; padding: 6px;}
#content A:LINK, A:VISITED {color : #990000; text-decoration : none; }
#content A:HOVER {background-color : #FFFF66; color : #000000; text-decoration : none; } 

/*  ----------------footer---------------------- */ 
#footer {clear:left; padding: 4px 0 0 0; margin:0px; text-align: right; background: #343459 url(images/bottom_green.gif) no-repeat; background-position: 0 11px; border-top: solid 10px #343459;}
#footer A:LINK, A:VISITED {color : #990000; text-decoration : none; }
#footer A:HOVER {background-color : #FFFF66; color : #000000; text-decoration : none; } 

#print {width: 100%; font-size: 7pt; font-family:Arial; color: #2E2E2E; background-color: #FFFFFF; padding: 6px 4px 6px 6px; text-align: right; display: block; border-top: solid 1px #292929; margin-top: 30px;} 


/*  ----------------OLD OLD OLD---------------------- */ 

#page { margin: auto; width: 775px;  }

#wrapper {
display:table; /* must put this in for FireFox. */
width:775px;
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
height:400px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
background:#FFFFFF;
border-style: solid;
border-width: 2px;
border-color: #555555; 
}

#menu {
width:775px;
padding:0px;
position:relative;
text-align: center;
margin:0px;
	} 

#menu A:LINK, A:VISITED {color : #990000; text-decoration : none; }
#menu A:HOVER {color : #FF6600; text-decoration : none; margin: 0;}

#nav {
display:table; /* must put this in for FireFox. */
width:775px;
margin:auto; /* for IE6 and Firfox centering */
text-align:center; /* so that IE6 and Firefox puts the text to the left
*/
height:400px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
padding:0px;
position:relative;
margin:0px;
border-style: solid;
border-width: 2px;
border-color: #555555;
	}

#frame { width:775px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; background-image: url(images/background_page.gif);}
      
#contentleft {
width:180px;
margin: 0px;
padding: 35px 5px 30px 15px;
float:left;
text-align: center;
background:#FFFFFF;
	}

#contentcenter {
padding: 10px 10px 10px 15px;
float:left;
background:#FFFFFF;
width:589px;
font-family: Arial;
	}

#contentright { width:180px; margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px; float:right; text-align: center; background:#FFFFFF;	}  

#contentright h2 { font-size: 10pt; font-family:Arial; color: #305DB0; padding: 0px 0px 2px 0px; border-bottom: solid 1px #292929;}
#contentright h3 { font-size: 8pt; font-family:Arial; color: #797979; padding: 5px 0px 10px 0px; border-top: solid 1px #292929;  border-bottom: solid 1px #292929;}

.right_content {font-size: 8pt; font-family:Arial; color: #303030; padding: 6px 10px 20px 0px;}
.right_content_center {font-size: 8pt; font-family:Arial; color: #303030; text-align: center;}

#text_menu { width:775px; height: 24px; padding: 4px 10px 4px 10px; display: inline; text-align: center; background:#F4F4F4; background-image:url(images/bottom_blue.gif); display: block;}

#text_menu2 { width:775px; padding: 6px 10px 4px 10px; position:relative; text-align: center; background:#FFFFFF;}

#address { width:775px; padding:0px; text-align: center;} 
#address A:LINK, A:VISITED {color : #990000; text-decoration : none; }
#address A:HOVER {background-color : #FFFF66; color : #000000; text-decoration : none; } 

.address {font-size: 8pt; font-family:Arial; color: #FFFFFF; padding: 10px 6px 6px 10px;}
.address2 {font-size: 8pt; font-family:Arial; color: #FFFFFF; padding: 10px 10px 6px 6px; text-align: right;}

#pasig { width:775px; padding: 6px 0px 4px 0px;; position:relative; text-align: right; margin:0px; }

#contentheader {
width:775px;
padding:0px;
float:left;
margin:0px;
		}

#pop_window {
width:420px;
padding: 10px 10px 10px 10px;
float:left;
background:#FFFFFF;
text-align: left;
	}

.sidebox { font-size: 8pt; font-family: Arial; color: #454545; background: #E8E8E8; border: 1px solid #CBCBCB; margin-bottom: 6px; text-align: left; padding: 0px;}
.sidebox2 { font-size: 9pt; font-family: Arial; color: #454545; background: #E8E8E8; border: 1px solid #CBCBCB; margin-bottom: 6px; text-align: center; padding: 0px;}


.side_title { font-size: 9pt; font-family: Arial; color: #FFFFFF; background: #89A38C; border-bottom: 1px solid #CBCBCB; text-align: center; padding: 4px; }
.read_more { margin: 0px 6px 6px 0px; font: 8pt 'Arial', Tahoma, Sans-serif; text-align: right;  }

.statement { font-size: 11pt; font-family: Arial; color: #FFFFFF; padding: 5px 6px 5px 8px; line-height: 130%;}

.enter { font-size: 11pt; font-family: Arial; color: #FFFFFF; padding: 86px 6px 5px 150px; }

.front_menu { font-size: 11pt; font-family: Arial; color: #424242; padding: 10px 4px 4px 0px; }

.select { font-size: 8pt; font-family: Arial; color: #FFFFFF; background-color: #CCCCCC;}
.roundup { font-size: 7pt; font-family: Arial; color: #303030; background-color: #f2e8d4;}
.conventional { font-size: 7pt; font-family: Arial; color: #303030; background-color: #cfd7d0;}

.item { font-size: 9pt; font-family: Arial; color: #FFFFFF; background-color: #F1F1F1; width: 120px;}
.item2 { font-size: 9pt; font-family: Arial; color: #FFFFFF; background-color: #F1F1F1; width: 100px;}
.item3 { font-size: 9pt; font-family: Arial; color: #FFFFFF; background-color: #F1F1F1; width: 80px;}
.item4 { font-size: 9pt; font-family: Arial; color: #FFFFFF; background-color: #F1F1F1; width: 120px;}
.descrip { font-size: 8pt; font-family: Arial;}
.descrip2 { font-size: 7pt; font-family: Arial; }
.new { font-size: 7pt; font-family: Arial; width: 20px; text-align: center;}

.header { font-size: 12pt; font-weight: bold; font-family: Arial; color: #000033; padding: 10px 4px 10px 0px; }

.header2 { font-size: 11pt; font-family: Arial; color: #393939; padding: 5px 4px 10px 0px; line-height: 140%;}
.header2c { font-size: 11pt; font-family: Arial; color: #000000; padding: 5px 4px 0px 0px; line-height: 140%;}

.header3 { font-size: 11pt; font-family: Arial; color: #393939; padding: 5px 0px 4px 0px; line-height: 140%;}
.header4 { font-size: 9pt; font-family: Arial; color: #393939; padding: 5px 0px 4px 0px; }


.date {font-size: 8pt; font-family:Arial; color: #3F3F3F; text-align: left; width: 160px; padding: 0px 0px 18px 0px;  }
.left_content {font-size: 7pt; font-family:Arial; color: #3A3A3A; padding: 0px 0px 0px 0px;}
.center_content {font-size: 9pt; font-family:Arial; color: #3A3A3A; line-height: 140%;  padding: 0px 0px 0px 0px; margin: 5px 5px 10px 5px;}
.center_indent {font-size: 8pt; font-family:Arial; color: #3A3A3A; line-height: 140%;  padding: 0px 0px 0px 20px; }


.page_title {font-size: 10pt; font-weight: bold; font-family:Arial; color: #000000;}

.sub_topics {font-size: 8pt; font-weight: bold; font-family:Arial; color: #434343; border-bottom: 1px dotted #333;}
.page_text {font-size: 8pt; font-family:Arial; color: #5A5A5A; line-height: 140%;}
.page_form {font-size: 9pt; font-family:Arial; color: #232323;}
.poll {font-size: 8pt; font-family:Arial; color: #000000;}
.wait {font-size: 10pt; font-family:Arial; color: #9F9F9F;}

.cabin_name {font-size: 12pt; font-family:Arial; color: #305DB0; padding: 0px 0px 2px 8px;}
.cabin_title {font-size: 10pt; font-family:Arial; color: #000000; padding: 0px 0px 6px 8px;}
.cabin {font-size: 8pt; padding: 6px 0px 4px 8px; font-family:Arial; color: #2E2E2E;}
.cabin_main {font-size: 9pt; font-family:Arial; color: #2E2E2E; background-color: #FFFFFF; padding: 8px 4px 4px 6px; text-align: left; border-bottom: 1px solid #2D613B;}
.cabin_main2 {font-size: 9pt; font-family:Arial; color: #2E2E2E; background-color: #FFFFFF; padding: 8px 4px 4px 6px; text-align: left; border-bottom: 0px solid #2D613B;}
.cabin_rates {font-size: 8pt; font-family:Arial; color: #2E2E2E; padding: 0px; text-align: right; padding: 0px 0px 6px 8px;}
.rates {font-size: 10pt; font-family:Arial; color: #505050; padding: 2px 4px 2px 4px; text-align: left; background: #FFFFCC;  border-top: 1px solid #757575; border-left: 1px solid #757575; border-right: 1px solid #757575;}
.rates_off {font-size: 10pt; font-family:Arial; color: #505050; padding: 2px 4px 2px 4px; text-align: left; background: #E0E0E0;  border: 1px solid #757575; }
.rate_details {font-size: 9pt; font-family:Arial; color: #2E2E2E; padding: 2px 4px 2px 4px; margin: 6px 0px 6px 0px; text-align: left; background: #FFFFFF;  border-top: 1px solid #2D613B; border-bottom: 1px solid #2D613B;}

.rate_section {font-size: 8pt; font-family:Arial; color: #2E2E2E; padding: 6px 4px 6px 4px; margin: 0px 0px 20px 0px; background: #FFFFFF; text-align: left; border: 1px solid #757575;}

.prices_type {font-size: 9pt; font-family:Arial; color: #2E2E2E; padding: 4px 4px 2px 4px; text-align: left; background-color: #F2F2F2;}
.off-season {font-size: 9pt; font-family:Arial; color: #505050; padding: 4px 4px 2px 4px; text-align: left; background-color: #E0E0E0;}
.info-rates {font-size: 9pt; font-family:Arial; color: #505050; padding: 4px 4px 2px 4px; text-align: left; background-color: #FFFFCC;}

.max_capacity {font-size: 8pt; font-family:Arial; color: #414141; padding: 0px 0px 4px 8px; margin: 0px 0px 4px 0px;border-bottom: 1px solid #2D613B;}

.quote {font-size: 9pt; font-family:Arial; color: #009900; font-weight: bold; font-style: italic; background-color: #FFFFFF; padding: 5px 5px 20px 5px;}

.topic_header {font-size: 9pt; font-weight: bold; font-family:Arial; color: #797979; padding: 5px; line-height: 140%;}

.topic_header3 {font-size: 10pt; font-family:Arial; color: #5F5F5F; padding: 4px 0px 2px 0px; line-height: 140%;}

.topic_header2 {
	text-align: left;
	font-family: Arial;
    font-size: 10pt;
    color: #006750;
    margin: 0px 0px 10px 0px;
	border-bottom: dashed 1px #CFDBD6;
}

.topic_header5 {font-size: 10pt; font-family:Arial; color: #5F5F5F; padding: 4px 0px 5px 16px; line-height: 140%;}

.search {font-size: 8pt; font-family:Arial; color: #5F5F5F; padding: 4px 4px 4px 4px; line-height: 140%;}

.sm_topic {font-size: 9pt; font-family:Arial; color: #000000;}
.sm_content {font-size: 7pt; font-family:Arial; color: #6D6D6D; padding: 0px 0px 0px 5px;}

.pdf{font-size: 8pt; font-family:Arial; color: #636363; padding: 5px 5px 5px 5px; border: solid 1px #CFDBD6; background:#f7f7f7; line-height: 140%;}

.topic {
	text-align: left;
	font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #006750;
	line-height: 140%;
    margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #CFDBD6;
	background:#f7f7f7; 
}
.topic_content {font-size: 8pt; font-family:Arial; color: #3A3A3A; line-height: 140%;  padding: 5px 5px 15px 5px; margin: 5px 5px 5px 5px; }

.topic_list {
	font-weight: bold; text-align: left; 
	font-style: italic;
	font-family: Arial, Georgia, Caslon, serif;
	line-height: 110%; margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	background:#f7f7f7;
}
.list_head {font-size: 9pt; font-family:Arial; color: #020202; padding: 10px 0px 0px 0px; }
.list {font-size: 8pt; font-family:Arial; color: #313131; padding: 5px 0px 10px 10px; }

.schedule {font-size: 8pt; font-family:Arial; color: #696969; padding: 5px 0px 5px 0px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}
.schedule_title {font-size: 9pt; font-family:Arial; color: #006750; padding: 15px 5px 5px 0px;}
.schedule_text {font-size: 8pt; font-family:Arial; color: #696969; padding: 5px 0px 10px 5px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}

.glossary_title {font-size: 9pt; font-family:Arial; color: #006750; padding: 5px 0px 0px 0px;}
.glossary_text {font-size: 8pt; font-family:Arial; color: #696969; padding: 5px 0px 10px 0px; border-bottom: solid 1px #339900; line-height: 140%;}

.read-more { text-align: right; font-style: italic; }

.picture {padding: 4px 0px 8px 0px;}

.link {font-size: 7pt; font-family:Arial; color: #4A4A4A; padding: 5px 0px 10px 0px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}

.seed_list {font-size: 8pt; font-family:Arial; color: #4A4A4A; padding: 5px 0px 10px 0px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}

.rss_feed {font-size: 9pt; font-family:Arial; color: #2E2E2E; background-color: #FFFFFF; padding: 6px 6px 6px 6px; text-align: left; border-top: 1px solid #FFCC66; border-bottom: 1px solid #FFCC66;}

.small {font-size: 7pt; font-family:Arial; color: #2E2E2E;}
.pic_thumb {font-size: 7pt; font-family:Arial; color: #5D5D5D; background-color: #F2F2F2; vertical-align: top;}
.pic_top {font-size: 7pt; font-family:Arial; color: #000000; background-color: #FFFFCC; vertical-align: top;}
.photo_back {font-size: 8pt; font-family:Arial; color: #636363; background-color: #FFFFFF;}

.index_pics {font-size: 8pt; font-family:Arial; color: #636363; background-color: #DEDEC4;}
.index_type {font-size: 8pt; font-family:Arial; color: #2A2A2A; background-color: #DEDEC4;}

.text_menu {font-size: 7pt; font-family:Arial; color: #5A5A5A; padding: 0px 0px 0px 0px; text-align: center;}
.text_menu2 {font-size: 7pt; font-family:Arial; color: #5A5A5A; padding: 0px 0px 0px 0px; text-align: center;}

.page_l {font-size: 9pt; font-family:Arial; color: #FFFFFF; padding: 0px 0px 0px 30px; text-align: left;}
.page_r {font-size: 9pt; font-family:Arial; color: #FFFFFF; padding: 0px 10px 0px 0px; text-align: right; }



.pasig {font-size: 7pt; font-family:Arial; color: #727272; text-align: right;}
.pasig_l {font-size: 8pt; font-family:Arial; color: #727272; text-align: left;}
.pasig_c {font-size: 10pt; font-family:Arial; color: #727272; text-align: center;}                       

.thank_you {font-size: 10pt; font-family:Verdana, Arial; color: #000000; text-align: left; padding: 10px 10px 10px 10px;}
.close {font-size: 9pt; font-family:Arial; color: #CC0000; text-align: right; padding: 3px 5px 5px 5px;}