/*PatMayo - Web and Front-End Designer***********************/
/*Softrigger Interactive*************************************/
/*M-III The Gallery Building, Amorsolo 
Legaspi Village, Street, Makati City 1200
Telefax: 632.819.1758/ 632.759.2592
*************************************************************/

body {
	background:#eeebde;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
}
/**container********************************************************/
#main {
	margin:0 auto;
	width:935px;
}
#body {	
	margin:0 auto;
	width:800px;
}
#footer {
	color:#333;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0;
	position:relative;
	top:35px;
}
* html #footer {
	top:25px;
}
/**body content*****************************************************/
.mainBody {
	background:url(../images/bodyM.png);
	background-repeat:repeat-x;
	float:left;
	height:619px;
	width:855px;
}
.mainBorder {
	background-repeat:no-repeat;
	float:left;
}
.bodyContent {
	background:#746755;
	border:1px solid #a99f91;
	margin:10px auto;
	padding:8px;
	width:786px;
}
/**navigation**/
#navMenu {
	font:11px normal Verdana, Arial, Helvetica, sans-serif;
	margin:45px 0 30px 10px;
}
#navMenu .clearit {
	clear: both;
	font-size:0;
	height:0;
}
#navmenubar, 
#navmenubar ul {
	list-style: none;
	margin:0;
	padding:0;
}
#navmenubar a , #navmenubar {
	color: #ccc;
	display: block;
	font-weight:bold;
	text-decoration: none;
	padding:5px 6px;
	margin:0 2px;
}
#navmenubar li {
	float:left;
	width:auto;
}
#navmenubar .home {
	float:right;
	margin-right:15px;
}
#navmenubar li ul, 
#navmenubar ul li {
	width: 11em;
}
#navmenubar li ul {
	background-color: #574c40;
	display: none;
	margin:0 2px;
	padding:5px;
	position: absolute;
	z-index: 500;
}
#navmenubar li:hover a, 
#navmenubar li.navhvr a {
	background-color: #574c40;
	color:#fff;
        z-index: 500;
}
#navmenubar .active {
	background-color: #574c40;
	color:#fff;
	margin:0 2px;
	padding:5px 6px;
}
#navmenubar li:hover ul, 
#navmenubar li.navhvr ul {
	display: block;
	font-size:10px;
}
#navmenubar li:hover ul a, 
#navmenubar li.navhvr ul a {
	background-color: transparent;
	color:#fff;
	margin:0;
	padding:5px 6px;
}
#navmenubar ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF!important;
}
.pagepic , .indexInvestor {
	border:1px solid #a99f91;
	float:left;
}
.pagepic {
	width:388px;
}
.indexInvestor {
	width:194px;
}
.belStyle, .maraStyle, .wedgeStyle, .indexStyle {
	border:1px solid #666;
	color:#3f330e;
	font-size:11px;
	height:333px;
	margin-left:8px;
	overflow:auto;
	padding:8px;
	scrollbar-arrow-color : #665945;
	width: auto;
}
* html .pagepic {
	margin-right:5px;
}
.belStyle {
	background:#EEEBDE;
	scrollbar-face-color:#d5d4d2; 
	scrollbar-highlight-color:#d5d4d2; 
	scrollbar-3dlight-color:#d5d4d2; 
	scrollbar-shadow-color:#d5d4d2; 
	scrollbar-darkshadow-color:#d5d4d2; 
	scrollbar-track-color:#d5d4d2; 
}
.maraStyle {
	background:#faf1dd;
	scrollbar-face-color:#faf1dd; 
	scrollbar-highlight-color:#faf1dd; 
	scrollbar-3dlight-color:#faf1dd; 
	scrollbar-shadow-color:#faf1dd; 
	scrollbar-darkshadow-color:#faf1dd; 
	scrollbar-track-color:#faf1dd;
}
.wedgeStyle {
	background:#ebebcc;
	scrollbar-face-color:#ebebcc; 
	scrollbar-highlight-color:#ebebcc; 
	scrollbar-3dlight-color:#ebebcc; 
	scrollbar-shadow-color:#ebebcc; 
	scrollbar-darkshadow-color:#ebebcc; 
	scrollbar-track-color:#ebebcc;
}
.indexStyle {
	background:#f4ede7;
	scrollbar-face-color:#f4ede7; 
	scrollbar-highlight-color:#f4ede7; 
	scrollbar-3dlight-color:#f4ede7; 
	scrollbar-shadow-color:#f4ede7; 
	scrollbar-darkshadow-color:#f4ede7; 
	scrollbar-track-color:#f4ede7;
}
.belStyle h1, .maraStyle h1, .wedgeStyle h1, .indexStyle h1 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
.belStyle h2, .maraStyle h2, .wedgeStyle h2, .indexStyle h2 {
	font-size:13px;
	font-weight:bold;
	margin-top:8px;
}
.belStyle label, .maraStyle label, .wedgeStyle label, .indexStyle label {
	float:right;
	margin-right:30px;
	padding:3px 10px;
	text-align:right;
	width:300px;
}
.belStyle input, .belStyle textarea, .maraStyle input, .maraStyle textarea, .wedgeStyle input,  .indexStyle input {
	width:200px;
}
.belStyle a, .maraStyle a, .wedgeStyle a, .indexStyle a {
	color:#333;
	text-decoration:underline;
}
.belStyle a:hover, .maraStyle a:hover, .wedgeStyle a:hover, .indexStyle a:hover {
	text-decoration:none;
}
.table {
	border:1px solid #665945;
	color:#333;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.table .odd {
	background:#a99f91;
}
.table .even {
	background:#fff;
}
.table td {
	border:1px solid #665945;
	padding:3px;
	text-align:right;
}	
.table .txtTableHead{
	background:#e5f3fc;
	font-size:13px;
	font-weight:bold;
}
.table .txtTableHead_small{
	font-style:italic;
}
/**footer content*****************************************************/
#footer .botNav {
	margin-bottom:20px;
}
#footer .botNav ul {
	margin:0;
	padding:0;
}
#footer .botNav li {
	display:inline;
	margin:10px 0;
	padding:5px;
}
#footer .botNav li a {
	text-decoration:none;
}
#footer .botNav .logoRight {
	margin-left:180px;
}
#footer .txtFooter {

}
#footer .txtFooter ul {
	margin:0;
	margin-bottom:10px;
	padding:0;
}
#footer .txtFooter li {
	display:inline;
	margin:10px 0;
}
#footer .txtFooter li a {
	color:#333;
	text-decoration:none;
}
#footer .txtFooter li a:hover {
	text-decoration:none;
}
.footerMargin {
	margin-top:30px;
}