/**
 * -----------------------------------------------
 * Sportsman's Park layout styles
 * -----------------------------------------------
  *
 *
 */

A:LINK, A:VISITED {color : #950006; text-decoration : none; }
A:HOVER {color : #FF3300; text-decoration : underline; }

* { zoom: 1; /* IE peekaboo fix */ }
html, body { height:100%; margin: 0; padding: 0; text-align: center; } 

BODY { height: 100%; margin-bottom: 20px; margin-top: 10px; text-align: center; min-width: 770px; background-image: url(images/bg_ltbrown.jpg); 
scrollbar-face-color: #660000; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #F2F2F2; scrollbar-arrow-color: #FFFFFF; }

input
{ color: #000000; background: #FFFFFF; border: 1px solid #00556E; padding: 0px 0px 0px 0px; font-size: 8pt; font-family:Arial;}

.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: #CFCFCF; border-collapse: collapse; 	background-color: #660000; width: 500px; }
table.compare th { border-width: 1px; padding: 3px; border-style: solid; border-color: #CFCFCF; background-color: #660000; font-size: 11pt; font-family:"Times New Roman", Arial; color: #FFFFFF; font-weight: normal;  }
table.compare td { border-width: 1px; padding: 3px; border-style: solid; border-color: #CFCFCF; background-color: #FFFFFF; font-size: 11pt; font-family:"Times New Roman", Arial; color: #000000; font-weight: normal; }

table.area { border-width: 0px; border-spacing: 0px; border-style: solid; border-color: #CFCFCF; border-collapse: collapse; width: 500px; }
table.area th { border-width: 0px; padding: 3px; border-style: solid; border-color: #CFCFCF;  font-size: 11pt; font-family:"Times New Roman", Arial; color: #FFFFFF; font-weight: normal;  text-align: left;}
table.area td { border-width: 0px; padding: 5px; border-style: solid; border-color: #CFCFCF;  font-size: 9pt; font-family:"Times New Roman", Arial; color: #000000; font-weight: normal; text-align: left;}

table.rss { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #CFCFCF; border-collapse: collapse; 	background-color: #FFFFFF; width: 100%; }
table.rss th { border-width: 1px; padding: 3px; border-style: solid; border-color: #CFCFCF; background-color: #FB9565; font-size: 8pt; font-family:Arial; color: #FFFFFF; font-weight: normal;  text-align: center;}
table.rss td { border-width: 1px; padding: 3px; border-style: solid; border-color: #CFCFCF; background-color: #FFFFFF;    font-size: 8pt; font-family:Arial; color: #000000; font-weight: normal; }

table.inputform { border-width: 0px; border-spacing: 0px; border-style: solid; border-color: #CFCFCF; border-collapse: collapse;}
table.inputform th { border-width: 0px; padding: 3px; border-style: solid; border-color: #CFCFCF; font-size: 8pt; font-family:Arial; color: #FFFFFF; font-weight: normal;  text-align: center;}
table.inputform td { border-width: 0px; padding: 3px; border-style: solid; border-color: #CFCFCF;   font-size: 8pt; font-family:Arial; color: #000000; font-weight: normal; }

td.title { 
   width: 428px; 
   height: 168px; 
   padding: 10px;  
   border: 0px; 
   vertical-align: top; 
}

Div {
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0; }  

/* headers */
h1, h2, h3 {
	font-family: "Times New Roman", Tahoma, Arial, Sans-serif;

}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;	
	font-weight: normal;
	letter-spacing: -2px;
	padding: 15px 10px 5px 10px;
	margin: 0;
}
h2 {
	font-size: 12pt;
	color: #895F30;
	padding: 20px 10px 5px 10px;
	margin: 0;
}
h3 {
	font-size: 11pt;	
	color: #895F30;
	font-weight: bold;
border-bottom: solid 1px #c19f84;
	padding: 6px 10px 5px 0px;
	margin: 0;	
}
h4 {
	font-size: 10pt;	
	font-weight: normal;
	color: #493219;
	padding: 0px 5px 5px 0px;
	margin: 0;	
}

h5 {
	font-size: 8pt;
	color: #494949;     
border-top: dashed 1px #c19f84;

	padding: 5px 10px 5px 0px;
	margin: 0;		
}  

p, dl { text-size: 8pt; padding: 10px; margin: 0; }

#page { position: relative; margin: 10px auto 0; width: 769px; text-align: left; }

#wrapper {
display:table; /* must put this in for FireFox. */
width:770px;
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
height:600px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
background-image:url(images/background_page.gif);
border-width: 0px;
border-style: solid;
border-color: #996600;
}

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

#frame { width:770px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; background-image: url(images/main.jpg);}

#contentleft {
width:570px;
padding: 0px;
float:left;
text-align: left;
	}

#contentright {
width:200px;
padding: 0px;
float:right;
	}

#print_up {
width:770px;
padding: 10px 30px 10px 30px;
text-align: left;
float:left;
	}

#address {
width:770px;
padding:0px;
float:left;
text-align: center;
	}

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

img.floatLeft { float: left; margin: 0px 6px 2px 0px; border: 1px solid; }
img.floatRight { float: right; margin: 0px 0px 2px 6px; border: 1px solid; }
img.pad { margin: 0px 4px 6px 0px; border: 1px solid; }

.img_floatleft { float: left; padding: 0px 6px 2px 0px; border: 1px solid; font-size: 7pt; font-family: "Times New Roman", Arial;}
.img_floatright { float: right; padding: 0px 0px 2px 6px; border: 1px solid; font-size: 7pt; font-family: "Times New Roman", Arial; }

.left_content {font-size: 10pt; font-family:"Times New Roman", Arial; color: #3A3A3A; line-height: 140%; padding: 10px 20px 50px 30px;}
.main_menu {padding: 0px 0px 12px 0px;}
.left_contact {font-size: 8pt; font-family:"Times New Roman", Arial; color: #5F5F5F; padding: 0px 0px 0px 16px;}
.contact {font-size: 8pt; font-family:Arial; color: #5F5F5F; padding: 0px 0px 0px 0px;}
.contact_number {font-size: 8pt; font-family:"Times New Roman", Arial; color: #5F5F5F; padding: 0px 0px 0px 0px; text-align: right;}

.right_content {font-size: 10pt; font-family:"Times New Roman", Arial; color: #3A3A3A; line-height: 140%; padding: 0px 30px 20px 0px;}
.right_indent {font-size: 8pt; font-family:"Times New Roman", Arial; color: #3A3A3A; line-height: 140%; padding: 0px 0px 0px 10px; }

.head_pic { font-size: 12pt; font-family: "Times New Roman", Arial; color: #660000; padding: 0px 20px 0px 10px; text-align: right;}
.logo_town { font-size: 12pt; font-family: "Times New Roman", Arial; color: #660000; padding: 0px 12px 0px 0px; }

.page_title { font-size: 14pt; font-family: "Times New Roman", Arial; color: #660000; font-weight: bold; padding:  7px 0px 6px 0px; text-align: left;}

.link_int {font-size: 10pt; font-family:"Times New Roman", Arial; color: #4A4A4A; padding: 6px 0px 6px 6px; }
.link_title {font-size: 12pt; font-family:"Times New Roman", Arial; color: #000000; padding: 10px 0px 6px 0px; }
.link_text {font-size: 10pt; font-family:"Times New Roman", Arial; color: #3A3A3A; padding: 4px 20px 6px 6px; line-height: 140%; border-bottom: solid 1px #BEA770;}

.date {font-size: 9pt; font-family:"Times New Roman", Arial; color: #660000; text-align: right; padding: 20px 30px 10px 10px;}

.print {font-size: 7pt; font-family:"Times New Roman", Arial; color: #2E2E2E; text-align: left; padding: 4px 0px 4px 0px; border-top: 1px solid #660000; width: 500px;}
.seven {font-size: 7pt; font-family:"Times New Roman", Arial; color: #2E2E2E; line-height: 140%; padding: 0px 0px 6px 0px;}
.eight {font-size: 8pt; font-family:"Times New Roman", Arial; color: #2E2E2E; line-height: 140%; padding: 0px 0px 6px 0px;}
.nine {font-size: 9pt; font-family:"Times New Roman", Arial; color: #2E2E2E; line-height: 140%; padding: 0px 0px 6px 0px;}
.ten {font-size: 10pt; font-family:"Times New Roman", Arial; color: #2E2E2E; line-height: 140%; padding: 0px 0px 6px 0px;}
.eleven {font-size: 11pt; font-family:"Times New Roman", Arial; color: #2E2E2E; line-height: 140%; padding: 0px 0px 6px 0px;}
.twelve {font-size: 12pt; font-family:"Times New Roman", Arial; color: #2E2E2E; line-height: 140%; padding: 0px 0px 6px 0px;}

.pic_descrip {font-size: 9pt; font-family:"Times New Roman", Arial; color: #660000; line-height: 140%; padding: 0px 0px 6px 0px;}

.header2 { font-size: 12pt; font-family: "Times New Roman", Arial; color: #660000; font-weight: bold; padding: 5px 4px 6px 0px; }

.search_top {text-align: right; padding: 2px 14px 0px 0px;}

.highlight {width: 500px; text-align: left; padding: 6px; background: #FFFF99; border: solid 1px #BEA770; font-family:""Times New Roman"", Arial; color: #000000; font-size: 12pt;}





li {list-style-position: outside;padding-left: 0px;margin-left: 3em; list-style-image:url(images/bullet.gif) }

.header { font-size: 10pt; font-family: Arial; color: #000000; padding: 4px 0px 6px 0px; }

.header3 { font-size: 10pt; font-family: Arial; color: #00556E; padding: 10px 0px 4px 0px; }

.people {font-size: 8pt; font-family:Arial; color: #4A4A4A; padding: 10px 0px 10px 0px; border-bottom: solid 1px #9A9A9A; line-height: 140%;}
.name {font-size: 10pt; font-family:Arial; color: #000000; padding: 0px 0px 5px 0px;}
.vt_link {font-size: 8pt; font-family:Arial; color: #4A4A4A; padding: 0px 0px 5px 0px;}

.large_text {font-size: 11pt; font-family:Arial; color: #AD393C; padding: 0px 0px 5px 0px; line-height: 160%;}

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

.login {font-size: 9pt; font-family:Arial; color: #0E0E0E; padding: 6px 6px 6px 6px; border: solid 1px #4C4C4C; line-height: 140%; background-color: #FFCC00; width: 200px; text-align: left; float: 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; }

.select { font-size: 8pt; font-family: Arial; color: #FFFFFF; background-color: #CCCCCC;}


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


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

.header4 { font-size: 9pt; font-family: Arial; color: #393939; padding: 5px 0px 4px 0px; }

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

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

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

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

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

.address {font-size: 7pt; font-family:Tahoma, Arial; color: #000000; text-align: right; padding: 0px 0px 0px 0px;}

.pasig {font-size: 7pt; font-family:Arial; color: #55472F; 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;}