/*****************************************************/
/*   Design:  GoFlexible-2                           */
/*---------------------------------------------------*/
/*   Author:  Gerhard Erbes                          */
/*            gw@actamail.com                        */
/*---------------------------------------------------*/
/*   Version: 4.1                                    */
/*   Date:    March 29, 2006                         */
/*****************************************************/

/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url(../img/img_background.gif) top center repeat-y; */
  	font-family: Verdana,Tahoma,Arial,sans-serif;
}

#wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgb(255,255,255);
	/* border-left: solid 1px rgb(150,150,150);
	border-right: solid 1px rgb(150,150,150);	*/
}

/*** Correction for non-IE browsers ***/
/*
#wrap {
	overflow: hidden;
}
*/

/*** Correction for IE 5.01 ***/
/*
#wrap {
	float: left; */
/*	
	float: none;
}
*/

/*** Correction for Safari 1.x ***/
/*
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}
*/

/**************/
/*   HEADER   */
/**************/

/*** Header main banner ***/
#header-banner {
	width: 100%;	
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../img/header_repeater.jpg) repeat-x;
	text-align: left;
}

/*** Header navigation top ***/
/* UNUSED
#header-nav-top {
	float: right;
	margin: 0.7em 0.2em 0em 0em;
	padding: 0em;
}

#header-nav-top ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
}	

#header-nav-top li {
	float: left;
	white-space: nowrap;
	background: transparent;
	border-left: solid 0.1em rgb(150,150,150);
}

#header-nav-top li a {
	display: block; 
	margin: 0em;
	padding: 0em 0.5em 0em 0.5em;
	background-color: transparent;
	color: rgb(150,150,150);
	text-decoration: none;
}

#header-nav-top a:hover, #header-nav-top .selected {
	background-color: inherit;
	color: rgb(0,0,0);
	text-decoration: underline;	
}

#header-nav-top .img-flag {
	height: 1.2em;
	display: inline;
	margin: 0em;
	padding: 0em;	
	border: none;
}

*/

/*** Header navigation bottom ***/
#header-nav-bottom {	
	position: relative;
	top: -2px;
	float: left;
	width: 100%;
	/* margin: 0px 0px 3% 0px; /* margin-bottom: 3% */
	padding: 0px 0px 0px 0px;
	border-top: solid 1px black;		
	border-bottom: solid 1px black;			
	line-height: 210%;
	background-color: rgb(117, 185, 220);
	margin-bottom: 3%;
	/***background: url(../img/img_header_nav_bottom.jpg); ***/
	
}

#header-nav-bottom ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;	
}	

#header-nav-bottom li {
	float: left;
	white-space: nowrap;
}

#header-nav-bottom li a {
	display: block;
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(255,255,255);
	text-decoration: none;
}

#header-nav-bottom a:hover, #header-nav-bottom a.selected {
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: none;
}


/*** Correction for IE5 ***/
/*
* html #header-nav-bottom a {width:1%;}

/*
/*** Correction for IE5 ***/
/*
* html #header-nav-bottom a {width:1%;}
*/

/***   Buffer between heading and content area   ***/
/* USED MARGIN-BOTTOM FOR BOTTOM NAV OF HEADER 
#buffer {
	clear: both; 
	float: left;
	width: 100%;
	height: 2.0em;
	margin: 0em;
	padding: 0em;
	background-color: inherit;	
}
*/


/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column-first {
	clear:both;
	float: left;
	width: 15.9em;
	margin: 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

/* Start Mac IE5 filter \*/
/*
#left-column-first {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
	margin-left: 1em;
}
*/

/* End Mac IE5 filter */

#left-column {	
	float: left;
	width: 23%;
	height: 100%;	
	padding: 0px 0px 0px 0px;	
	/** border-right: solid 0.1em rgb(200,200,200);		 **/		
	color: rgb(100,100,100);	
	text-align: center;		
	margin-left: 1%;
	/* border: 1px solid #000000; */
}


/* Start Mac IE5 filter \*/
/*
#left-column {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}
*/
/* End Mac IE5 filter */

/** para sa log-in panel **/
.left-column-box-standard {	
	width: 100%;
	margin-left: 1% ;
	margin-right: 1%;
	/*margin: 0.6em 0.6em 0.6em 0.6em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	*/
	border: solid 0.1em rgb(200,200,200);	
	color: rgb(100,100,100);	
}

/** backgrounded title text ng log-in panel **/
.left-column-bold-bordered {
	text-align: center;	
	line-height: 200%;
	background-color: rgb(117, 185, 220);	
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	margin: 2%;
	width: 97%;
}

input {
	border: 1px solid rgb(200,200,200);
	background-color: #ffffff;
	margin: 1% 1% 1% 1%;
	color: rgb(100,100,100);	
}


#left-column ul {	
	margin: 2%;
	width: 97%;	
	list-style: none;	
	padding: 0em;		
}	

#left-column li {
	margin: 0em;
	padding: 0em;
}

#left-column li.left-nav-title {
	display: block;
	text-align: left;	
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background-color: inherit;
	color: rgb(50,50,50);
	text-transform: uppercase;
	font-weight: bold;
	height: 1.3em;
	font-size: 1.1em;
}

#left-column li a {
	display: block;
	text-align: left;	
	/* padding: 0.3em 0.7em 0.2em 0.6em; */
	line-height: 200%;
	border-top: solid 0em rgb(215,215,215);
	border-left: solid 0.5em rgb(255,255,255);		
	background-color: inherit;
	color: rgb(125,125,125);
	text-decoration: none;
	height: 1%;	
	font-size: 1.1em;	
}

#left-column ul.sub {
	width: 89%;
	float: none;
	list-style-type: none;
	margin-left: 1%;
	margin-right: 1%;		
}

#left-column ul.sub li a{
	text-align: left;
	letter-spacing: 2px;
}

#left-column ul.sub li a:hover {
	text-align: left;	
	/* border-left: solid 0.5em rgb(49,50,200); */
	border: 0px;
	/* background-color: inherit;	
	background-color: rgb(144,144,500);	 */
	color: rgb(117, 185, 220);
	text-decoration: none;
}

#left-column ul.sub li a.selected {
	/*border-left: solid 0.5em rgb(144,144,500);				
	background-color: inherit;	
	background-color: rgb(49,50,200);	*/
	color: rgb(117, 185, 220);
	text-decoration: none;
}


#left-column li.left-nav-group a {
	display: block;
	text-align: right;	
	padding: 0.3em 0.7em 0.2em 0.6em;
	border-top: solid 0.1em rgb(215,215,215);
	border-left: solid 0.5em rgb(255,255,255);		
	background-color: inherit;
	color: rgb(125,125,125);
	text-decoration: none;
	font-weight: bold;
	height: 1.3em;
	font-size: 1.1em;
}	
	
#left-column a:hover {
	text-align: center;
	/* border-left: solid 0.5em rgb(0,49,100); */
	border-left: 5px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
	/* background-color: inherit;	
	background-color: rgb(37,144,188);	*/
	/* color: white; */
	text-decoration: none;
}

#left-column .selected {
	text-align: center;
	border-left: solid 0.5em rgb(37,144,188);				
	/*background-color: inherit;	
	background-color: rgb(0,49,100);	*/
	/* color: white; */
	text-decoration: none;
	border-right: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
}

#left-column li.left-nav-group a:hover, #left-column li.left-nav-group .selected {
	text-align: right;
	border-left: solid 0.5em rgb(137,199,44);		
	background-color: rgb(224,244,181);
	color: rgb(0,0,0);
	text-decoration: none;
}

/*** Images ***/
#left-column-first {
	height: 40.0em;
	width: 15.9em;
	margin: 0em;
	padding: 0em;
	border: none;
}

#left-column-first .login-form {
	border: solid;
}

#left-column-first b {
	text-align: left;
	font-size: 1.1em;
	background-color: inherit;	
	text-decoration: none;
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/
#middle-column {	
	float: left;	
	width: 65%;
	height: 100%;
	margin-left: 2%;
	margin-right: 1%;
	/* padding: 0.5em 0.5em 0.5em 0.5em; */	
	border: solid 0.1em rgb(200,200,200);
	color: rgb(100,100,100);
	padding-bottom: 13%;
	/* border: 1px solid #000000; */
}

/* Start Mac IE5 filter \*/
/*
#middle-column {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}
*/

#middle-column entry {
	margin-left: 2.0em;
}

#middle-column li.position {
	font-weight: bold;
}

#middle-column ol.const {
	list-style: upper-alpha outside;
	margin-right: 6%;
	text-align: justify;
}

#middle-column ol.subconst {
	list-style: decimal outside;
}

/* End Mac IE5 filter */	

/***   Pagetitle   ***/
#pagetitle {
/*	float: left; */
	width: 39.0em;
	margin: 0.3em 0em 1.0em 0em;
	padding: 0em;
	background-color: inherit;
	color: rgb(100,100,100);
}

#pagetitle p {
	padding: 0em;
	margin: 0em;
	font-weight: bold;
	font-size: 1.1em;
}

.profile-img {
	float: left;
	width: 13em;
	height: auto;
	margin: 0.8em 0.8em 0.8em 0.8em;
	border: solid 0.1em blue;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

.profile-img img {
	width: 100%;
}

.profile-img-prop {
	width:100%;
	padding-top: 0.2em;
	margin-right: 0.2em;
	padding-right: 0.1em;
	float: left;
}

.profile-img-title {
	padding-top: 0.2em;
	text-align: center;
	background-color: lightblue;
	margin-bottom: 0.2em;
	font-weight: bold;
	width: 100%;
}

.profile-img-options {
	text-align: left;
	float: left;
	width:100%;	
}

.profile-img-options ul {
	list-style: square inside;
}

.profile-img-options li a {
	padding-bottom: 0.1em;	
}

.profile-img-options li a:hover {
	background-color: rgb(37,144,188);
	text-align: center;
	padding-bottom: 0.1em;
	color: white;
}

.profile-edit {
	float: left;
	width: 22em;
	margin: 0.8em 0.8em 0.8em 0.8em;
	border: solid 0.1em black;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

.profile-edit input,textarea {
	width: 100%;
}

.profile-edit-title {
	float: none;
	text-align: center;
	background-color: rgb(0,49,100);
	color: white;
}

.profile-edit ul {
	list-style: none;	
}

.profile-edit-labels {
	float: left;
	text-align: left;
	
}

.profile-edit-input {
	float: left;
	text-align: left;
}

.middle-column-head-text, .middle-column-box-standard , .middle-column-title, .middle-column-body, .middle-column-news-date {
	float: left;
	margin: 1% 1% 1% 1%;
	/* border: 1px solid #000000; */
	width: 98%;
}

.middle-column-head-text {
	font-size: 250%;
	font-weight: bold;
	/* background-color: inherit; */
	color: rgb(100,100,100);	
	margin-bottom: 4%;
	text-transform: uppercase;
}

/*** Standard title and box option ***/
.middle-column-title {
/* clear: both; */		
	border-bottom: solid 3px #0E5A94;	
	background-color: rgb(255,255,255);
	color: 003172;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 130%;
}

.middle-column-title a {
	text-decoration: none;
}

.middle-column-subtitle {	
	margin-left: 2%;
	border: 1px solid #0E5A94;
	margin-bottom: 1%;
	color: #0E5A94;
	line-height: 150%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 1.0em;
	width: 98%;
	text-align: right;
}

/** para sa date ng mga news "feeds" **/
.middle-column-news-date {
	float: left;	
	padding: 0em;
	background-color: rgb(255,255,255);
	color: grey;
	
}

/** para sa "body" ng text **/
.middle-column-body {
	float: left;
	font-size: 1.2em;
	color: black;
	text-align: justify;
	text-indent: 5%;
}

.middle-column-body-right {
	text-align: right;
	margin: 0em 1em auto 1em;
	font-size: 1.2em;
	color: black;
}
	

.middle-column-box-standard {
	float: left;
	/* width: 100%; */
	/* margin: 0em 0em 2.0em 0em;	*/
	padding: 0px 0px 0px 0px;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

/** Member boxes! (ala-Friendster) **/

.member-pane {
	float: left;
	/* padding: 0.1em 0.1em 0.1em 0.1em; */
	/* margin: 0.2em 0em 0.2em 0em; */
	margin-left: 1%;
	margin-right: 1%;
	width: 96%;	
}

.member {	
	width: 24%;
	height: auto;	
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 2%;
	margin-bottom: 2%;
	float: left;
}

.member a:hover {
	/*float: left;*/
	/*border: 1px solid rgb(200,200,200);*/
}

.member-box {
	float: left;
	/* padding: 0.1em 0.1em 0.1em 0.1em; */
	/* margin-right: 0.6em;
	margin-left: 0.6em; */
	margin-bottom: 1%;
	width: 100%;	
}

.member-box-label {
	width: 100%;
	float: none;
	border: 1px solid rgb(200,200,200);
	text-align: center;	
	line-height: 150%;
	background-color: #eeeeee;
}

.member-box-thumb {
	position: relative;	
	top: 0%;
	left: 7%;
	float: left;
	width: 85%;	
	height: auto;
	text-align: center;
	border-left: 1px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);	
	text-align: center;	
}

.member-box-thumb img {
	/*width: 100px;
	height: 135px;*/		
	margin: 5%;
	border: 0px;
	width: 90%;	
	float: left;
}

.middle-column-box-right-standard {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-full-standard p.heading, .middle-column-box-left-standard p.heading, .middle-column-box-right-standard p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard p.subheading, .middle-column-box-left-standard p.subheading, .middle-column-box-right-standard p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard p, .middle-column-box-left-standard p, .middle-column-box-right-standard p {
	margin: 0em 0em 0.6em 0em;	
	font-size: 1.2em;	
}

/*** Grey options ***/
.middle-column-title-grey {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(220,220,220);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey {
	float: left;
	width: 43.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-left-grey {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-right-grey {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-full-grey p.heading, .middle-column-box-left-grey p.heading, .middle-column-box-right-grey p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey p.subheading, .middle-column-box-left-grey p.subheading, .middle-column-box-right-grey p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey p, .middle-column-box-left-grey p, .middle-column-box-right-grey p {
	margin: 0em 1.0em 0.6em 1.0em;	
	font-size: 1.2em;	
}

/*****************/
/***   FOOTER   **/
/*****************/
#footer {	
	margin-top: 7%;
	margin-bottom: 3px;
	float: left;
	width: 100%;
	line-height: 110%;	
	/* padding: 0.5em 0em 0.5em 0em; */
	border-top: solid 0.1em #000000;
	border-bottom: solid 0.1em #000000;	
	background-color: rgb(255,255,255);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 100%;	
}

/*************************************************/
/***   HYPERLINKS IN MIDDLE AND RIGHT COLUMNS  ***/
/*************************************************/

/*** Hyperlinks in middle and right columns ***/
a {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	
}

/*** Visited links not in use ***/
/*a:visited {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: underline;
} */