/*
Theme Name: SAGE Philippines Template
Theme URI: http://www.sagephilippines.org
Description: Default SAGE Philippines Template
Version: 1.0
Author: Olivier Agustin
*/

body{
	margin:0px;
	padding:0px;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
}

#css_preloader{
	position: absolute;
    overflow: hidden;
    left: -9999px; 
    top: -9999px;
    height: 1px;
    width: 1px;
}

#contain{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	display:block;
}

#top_element{
	width:1001px;
	float:left;
	clear:both;
	height:144px;
}

#logo{
	float:left;
	margin-top:7px;
	width:106px;
	height:137px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

#label{
	float:left;
	margin-top:7px;
	width:614px;
	height:90px;
	background-image:url(images/banner_label.gif);
	background-repeat:no-repeat;
}

#menu{
	float:left;
	margin-top:15px;
	margin-left:16px;
	height:32px;
	width:618px;
}

.item1{
	width:53px;
	height:32px;
	background-image:url(images/home_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item2{
	width:91px;
	height:32px;
	background-image:url(images/news_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item3{
	width:58px;
	height:32px;
	background-image:url(images/people_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item4{
	width:86px;
	height:32px;
	background-image:url(images/sageglobal_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item5{
	width:112px;
	height:32px;
	background-image:url(images/sageworldcup_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item6{
	width:68px;
	height:32px;
	background-image:url(images/volunteer_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item7{
	width:58px;
	height:32px;
	background-image:url(images/friends_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item8{
	width:60px;
	height:32px;
	background-image:url(images/donate_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item9{
	width:32px;
	height:32px;
	background-image:url(images/faq_no.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}


.item1r{
	width:53px;
	height:32px;
	background-image:url(images/home_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item2r{
	width:91px;
	height:32px;
	background-image:url(images/news_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item3r{
	width:58px;
	height:32px;
	background-image:url(images/people_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item4r{
	width:86px;
	height:32px;
	background-image:url(images/sageglobal_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item5r{
	width:112px;
	height:32px;
	background-image:url(images/sageworldcup_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item6r{
	width:68px;
	height:32px;
	background-image:url(images/volunteer_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item7r{
	width:58px;
	height:32px;
	background-image:url(images/friends_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item8r{
	width:60px;
	height:32px;
	background-image:url(images/donate_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

.item9r{
	width:32px;
	height:32px;
	background-image:url(images/faq_ro.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

#banner{
	float:left;
	clear:both;
	background-image:url(images/image_banner.jpg);
	background-repeat:no-repeat;
	width:1001px;
	height:255px;
	margin-bottom:31px;
}

#main_content{
	float:left;
	clear:both;
	width:1000px;
}

#content{
	float:left;
	width:685px;
	/*width:670px;*/
	/*margin-left:15px;*/
}

#content-newsletter{
	clear:both;
	margin-left:20px;
	margin-right:20px;
}

#content h1, #content h2, #content h3, #content h4,
#content h1 a, #content h2 a, #content h3 a, #content h4 a{
	font-size:24px;
	font-family:"Century Gothic";
	margin-top:0px;
	padding-top:0px;
	color:#959595;
	font-weight:normal;
}

#content h5, #content h5 a{
	font-size:14px;
	font-family:"Century Gothic";
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-top:0px;
	color:#959595;
}

#content .entry, #content .postmetadata{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content a{
	color:#959595;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

#content a:hover{
	text-decoration:underline;
}

#boxes{
	float:left;
	clear:both;
	width:700px;
	margin-top:10px;
}

#blue_box{
	width:345px;
	height:229px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background-image:url(images/sagecup_bg.jpg);
	background-repeat:no-repeat;
}

#blue_box p{
	margin:155px 5px 0px 5px;
	padding:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#blue_box p.box_link{
	margin:0px 10px 0px 5px;
	padding:0px;
	text-align:right;
}

#blue_box p.box_link a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#blue_box p.box_link a:hover{
	text-decoration:underline;
}

#red_box{
	width:345px;
	height:229px;
	float:left;
	margin-bottom:10px;
	background-image:url(images/news_bg.jpg);
	background-repeat:no-repeat;
}

#red_box p{
	margin:155px 5px 0px 5px;
	padding:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#red_box p.box_link{
	margin:0px 10px 0px 5px;
	padding:0px;
	text-align:right;
}

#red_box p.box_link a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#red_box p.box_link a:hover{
	text-decoration:underline;
}

#yellow_box{
	width:345px;
	height:229px;
	float:left;
	margin-right:10px;
	background-image:url(images/meetsage_bg.jpg);
	background-repeat:no-repeat;
}

#yellow_box p{
	margin:155px 5px 0px 5px;
	padding:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#yellow_box p.box_link{
	margin:0px 10px 0px 5px;
	padding:0px;
	text-align:right;
}

#yellow_box p.box_link a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#yellow_box p.box_link a:hover{
	text-decoration:underline;
}

#white_box{
	width:345px;
	height:229px;
	float:left;
	background-image:url(images/global_bg.jpg);
}

#white_box p{
	margin:155px 5px 0px 5px;
	padding:0px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#white_box p.box_link{
	margin:0px 10px 0px 5px;
	padding:0px;
	text-align:right;
}

#white_box p.box_link a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#white_box p.box_link a:hover{
	text-decoration:underline;
}

#right_nav{
	float:right;
	width:281px;
}

#login_box{
	width:281px;
	height:246px;
}

#login_box_sign{
	width:281px;
	height:246px;
	background-image:url(images/login_bg.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#login_box_sign a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;	
}

#login_box_sign a:hover{
	text-decoration:underline;
}

#login_box_sign p{
	margin:0px;
	padding:160px 10px 5px 10px;
}

#login_box_sign p.login_links{
	margin:0px;
	padding-top:0px;
	text-align:right;
}

.red_box_top{
	margin-top:14px;
	width:281px;
	float:left;
	height:18px;
	background-image:url(images/red_top.gif);
	background-repeat:no-repeat;
}

.red_box_top_index{
	margin-top:14px;
	width:281px;
	float:left;
	height:18px;
	background-image:url(images/sagecup_top.gif);
	background-repeat:no-repeat;
}

.red_box_body{
	width:281px;
	float:left;
	_height:83px;
	min-height:83px;
	background-image:url(images/red_bg.gif);
	background-repeat:repeat-x;
	background-color:#ff7979;
}

.red_box_body ul{
	margin:20px 0px 5px 30px;
	padding:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:square;
}


.red_box_body ul.archivelist{
	margin-top:5px;
	margin-botom:10px;
}

.red_box_body ul li{
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#FFFFFF;
}

.red_box_body ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

.red_box_body ul li a:hover{
	text-decoration:underline;
}

.red_box_body p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin-left:10px;
	margin-right:10px;
}

.red_box_body p.box_link{
	text-align:right;
}

.red_box_body p.box_link a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

.red_box_body p.box_link a:hover{
	text-decoration:underline;
}
.red_box_bot{
	width:281px;
	float:left;
	height:13px;
	background-image:url(images/red_bot.gif);
	background-repeat:no-repeat;
}

.blue_box_top{
	margin-top:14px;
	width:281px;
	float:left;
	height:18px;
	background-image:url(images/blue_top.gif);
	background-repeat:no-repeat;
}

.blue_box_top_index{
	margin-top:14px;
	width:281px;
	float:left;
	height:18px;
	background-image:url(images/sponsor_top.gif);
	background-repeat:no-repeat;
}

.blue_box_body{
	width:281px;
	float:left;
	_height:116px;
	min-height:116px;
	background-image:url(images/blue_bg.gif);
	background-repeat:repeat-x;
	background-color:#9bbcdc;
}

.blue_box_body p{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 10px 0px 10px;
	padding:0px;
}

.blue_box_body ul{
	margin:20px 0px 5px 30px;
	padding:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:square;
}

.blue_box_body ul.archivelist{
	margin-top:5px;
	margin-botom:10px;
}

.blue_box_body ul li{
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#FFFFFF;
}

.blue_box_body ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

.blue_box_body ul li a:hover{
	text-decoration:underline;
}


.blue_box_bot{
	width:281px;
	float:left;
	height:13px;
	background-image:url(images/blue_bot.gif);
	background-repeat:no-repeat;
}

.yellow_box_top{
	margin-top:14px;
	width:281px;
	float:left;
	height:9px;
	background-image:url(images/yellow_top.gif);
	background-repeat:no-repeat;
}


.yellow_box_body{
	width:281px;
	float:left;
	_height:57px;
	min-height:57px;
	background-image:url(images/yellow_bg.gif);
	background-repeat:repeat-x;
	background-color:#fffaa4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.yellow_box_body h2{
	margin:0px 0px 10px 10px;	
	font-size:12px;
}

.yellow_box_body p{
	margin:5px 5px 5px 10px;
	font-size:12px;
}

.yellow_box_body input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.yellow_box_body ul{
	margin:10px 0px 5px 30px;
	padding:0px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:square;
}

.yellow_box_body ul li{
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#000000;
}

.yellow_box_body ul li a{
	color:#000000;
	text-decoration:none;
}

.yellow_box_body ul li a:hover{
	text-decoration:underline;
}

.yellow_box_bot{
	width:281px;
	float:left;
	height:11px;
	background-image:url(images/yellow_bot.gif);
	background-repeat:no-repeat;
}

ul.submenu{
	margin:0px 0px 0px 30px;
	padding:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:square;
}

ul.submenu li{
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#FFFFFF;
}

ul.submenu li ul{
	margin-top:5px;
}

ul.submenu li ul li{
	padding-left:10px;
}

ul.submenu li a{
	color:#FFFFFF;
	text-decoration:none;
}

ul.submenu li a:hover{
	text-decoration:underline;
}

#footer{
	float:left;
	clear:both;
	width:1001px;
	margin-top:20px;
	border-top:1px dotted #959595;
	text-align:center;
	color:#959595;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer a{
	color:#959595;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

/* E-mail From */
.ddfmwrap{
	float:left;
	clear:both;
}

.ddfmwrap p{	
	text-align:left;
	margin:3px;
}

/* Donation */
.paypaldonation p, .paypaldonation input, .paypaldonation select, .paypaldonation option, p.donationmssg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Comment Form  */
#commentform p, #commentform input, #commentform label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Index Anchors for FAQ page */
#bsuite_innerindex{
	clear:both;
	text-align:left;
	padding-bottom:20px;
}