@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : Chinese Beneficence Federation of Australia In.
http://www.cbfa.org.au/

Author : FOX DESIGN creative
URL: www.foxdesign.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote { 
	margin:0; 
	padding:0; 
}

html { 
	margin:0; 
	padding:0; 
	overflow: -moz-scrollbars-vertical;
}


/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


body,td,th,p,li {font-family: Helvetica, Arial,\5B8B\4F53; font-size:14px; line-height:24px; color: #282828; }
body {
	background-color:#fefdfc;
	background-image:url(../images/body_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a { text-decoration:none; color: #bd0926;}
a:hover { color:#bd0926; text-decoration:underline; }

h1 {font-family: Helvetica, Arial,\9ED1\4F53;  font-size:26px; font-weight:normal; line-height:44px; color: #FFF; padding: 0px; margin:0px; text-align:left; }

h2 {font-family: Helvetica, Arial,\5FAE\8F6F\96C5\9ED1;   font:normal 20px/20px Helvetica, Arial, serif ; color: #bd0926;padding: 15px 0px 5px 0px; margin:0px; text-align:left;}
h2 a{color: #bd0926;}

h3 {font: normal 16px/16px Verdana, Geneva, sans-serif; color: #292929; padding: 0px; margin:0px; text-align:left; }

h4 {font: bold 14px/14px Verdana, Geneva, sans-serif; color: #292929; padding: 0px; margin:0px; text-align:left;}
 

fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}
hr {height: 1px; color: #e6e4e2;  }

b{font-size:15px; color:#2eb6aa;}
p{padding-bottom:10px;}

/* end of global
--------------------------------------------------------------------------------------------------*/

#wrap_out{ margin:0 auto; width:1200px; height:400px; min-height:400px;}
html>body #wrap_out{ height: auto}

#wrap{ float:left; width:1200px; height:20px; min-height:20px;}
html>body #wrap{ height: auto}

#wrap02{ float:left; width:1200px; height:20px; min-height:20px; margin-bottom:11px;}
html>body #wrap02{ height: auto}

#wrap_left{ float:left; width:915px; height:20px; min-height:20px;}
html>body #wrap_left{ height: auto}

#wrap_right{ float:right; width:274px; height:20px; min-height:20px;}
html>body #wrap_right{ height: auto}

#wrap_right02{ float:right; width:274px; height:20px; min-height:20px; margin-bottom:11px;}
html>body #wrap_right02{ height: auto}


.wrap_general{ float:left; width:100%; height:20px; min-height:20px; padding-bottom:20px; border-bottom:1px #CCC solid; margin-bottom:10px;}
html>body .wrap_general{ height: auto}
.wrap_general ul { list-style:none; margin-bottom:15px;}
.wrap_general li { list-style:none; padding-left:12px;}

.wrap_general02{ float:left; width:96%; height:20px; min-height:20px; padding:0 2% 20px 2%;}
html>body .wrap_general02{ height: auto}


/*----------------------------------------------------------------------------- 
top
-----------------------------------------------------------------------------*/
/*- main nav-*/
#nav_wrap{ float:left; padding-left:20px; width:1180px; height:64px; background:#fbbd00;}
#nav {
    float:lefr;
    position:relative;
    left:-50%;
    text-align:left;
	display: block;
}

#nav ul {
	list-style:none;
    position:relative;
    left:50%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
	}

#nav li {
	height: auto;
	margin: 0;
	color: #e5eaea;
	float:left;
	position:relative;
	
	}

#nav li.selected { 
	color: #bd0926;
	text-decoration:none;
	float:left;
	position:relative;
	background:url(../images/nav_li_bg.png);
	}
 
#nav li a {
	 
	font: normal 15px/19px  Helvetica,Arial, sans-serif, \9ED1\4F53; text-transform:uppercase;
 
	display: block;
	text-decoration:none;
	padding:34px 8px 11px 8px;
	
	color: #effffff;
	background: url(../images/nav_li_bg_02.png);
	
	}
		
#nav li a:hover { 
	text-decoration:none;
	color: #e2001a;
	background:url(../images/nav_li_bg.png);
    
	}

#nav li.selected a { 
	text-decoration:none;
	background:url(../images/nav_li_bg.png);
	}
	
#nav li.selected a:hover { 
	color: #e2001a;
	background:url(../images/nav_li_bg.png);
	}
	
#nav li:hover, #nav li.hover {
    position: static;
}
/* end of nav */

#phone_wrap{ float:right; width:174px; height:30px; padding:25px 0px 9px 50px; background-color:#2eb6aa; font:normal 25px/30px Helvetica, Arial, sans-serif; color:#FFF; background-image:url(../images/phone_icon.gif); background-repeat:no-repeat; background-position:left;}

/* logo and icons */
#logo_wrap{ float:left; height:136px; width:1000px; padding:15px 0 20px 0; }
#icons_wrap{ float:right; width:200px; height:106px;  padding-top:25px; padding-bottom:5px;}
#icons{ float:right; width:54px; height:54px; padding-left:14px;}

/*--home page slideshow--*/
#slideshow{ float:left; width:865px; height:432px; background:url(../images/slide_bg.png); margin:15px 0;}
*{ margin:0; padding:0;}
li{ list-style:none;}
a img{ border:none;}
.imgnav{ width:865px; height:432px; overflow:hidden; position:relative;}
#img{ z-index:10;}
#img img{ width:865px; height:432px; display:none;}
.ctrl{ position:absolute; z-index:100; bottom:0px; left:0px; right:1px; width:865px; height:40px; overflow:hidden;}
.ctrl ul{ float:left; line-height:30px; overflow:hidden; width:85%;filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.ctrl li{ display:block; height:30px; text-align:left; line-height:30px;  font-size:14px; background:#000; color:#fff; padding-left:59px;}
.ctrl span{ float:left; width:3.4%; height:15px; line-height:15px; cursor:pointer; padding:0px 5px 0px 5px; margin-right:7px; margin-top:9px; background: #333333; text-align: center; color:#CCCCCC; filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.ctrl span.hov{ background:#bd0926; color:#FFFFFF}
.ctrl div{ float:right; width:80%;}



/*--main home page--*/

#content_wrap-home{ float:left; width:855px; height:50px; min-height:50px; padding:20px 30px 10px 30px; background:#ffffff; margin-bottom:10px;}
html>body #content_wrap-home{ height:auto;}

#page_title-home{ float:left; width:1200px; height:44px; text-align: center; background:#e2001a; margin-bottom:11px;}

#icons_home01{ float:left; width:274px; height:150px; padding:0 13px;}

 

/*--main part--*/
#page_title{ float:left; width:885px; height:44px; padding-left:30px; background:#e2001a; margin-bottom:11px;}
#page_sub-title{ float:left; width:885px; height:57px; padding-left:30px; background:#2eb6aa; margin-bottom:11px; line-height:57px; font-size:34px; color:#FFF;}


#content_wrap{ float:left; width:865px; height:50px; min-height:50px; padding:30px 20px 20px 30px; background:#ffffff;}
html>body #content_wrap{ height:auto;}
.listing-style ul{ float:left; list-style:none; padding:0px; margin:0px; display:block;}
.listing-style li{ float:left; width:260px; padding-left:60px; background:url(../images/listing-icon.jpg); background-position:left; background-repeat:no-repeat; margin-bottom:10px;}
.listing-style02 ul{ list-style:none; padding:0px; margin:0px; display:block;}
.listing-style02 li{ padding-left:60px; background:url(../images/listing-icon.jpg); background-position:left; background-repeat:no-repeat; margin-bottom:10px;}

.listing-style03 ul{ list-style:none; padding:0px; margin:0px; display:block;}
.listing-style03 li{ padding-left:60px; background:url(../images/listing-icon03.jpg); background-position:left; background-repeat:no-repeat; margin-bottom:10px;}

.content{ float:left; width:865px; height:20px; min-height:20px;}
html>body .content{ height:auto;}

#content-image{ float:left; width:224px; height:140px; min-height:140px;}
html>body #content-image{ height:auto;}
#content-right{ float:right; width:480px; height:140px; min-height:140px;}
html>body #content-right{height:auto;}

#content-inner_wrap-left{float:left; width:280px; height:18px; padding-right:22px;}
html>body #content-inner_wrap-left{ height:auto;}
#content-inner_wrap-right{float:left; width:346px; height:20px;}
html>body #content-inner_wrap-right{ height:auto;}
#content-inner{ float:left; width:346px; height:20px; min-height:20px; padding-bottom:15px;}
html>body #content-inner{ height:auto;}

/*--main right--*/
#size-matter{ float:left; width:224px; height:272px; background:url(../images/size-right_bg.gif); padding-top:54px; margin-bottom:11px; overflow:hidden;}
#size-matter01{float:left; width:224px; height:42px; margin-bottom:8px;}
#size-matter02{float:left; width:224px; height:51px; margin-bottom:8px;}
#size-matter03{float:left; width:224px; height:57px; margin-bottom:8px;}
#size-matter04{float:left; width:224px; height:67px; }
#size-matter05{float:left; width:224px; height:31px; line-height:31px; font-size:13px; text-align:center; }
#size-matter05 a{color:#2eb6aa;}

/*--footer--*/
#footer_wrap{ float:left; width:1200px; height:173px; background:#e2001a;}
#footer_ncs{ float:left; width:380px; height:173px; padding-left:30px; }
#footer01{ float:left; width:300px; height:75px; padding:90px 0px 0px 30px;}
#foorer02{ float:right; width:224px; height:75px; padding:90px 0px 0px 0px;}
.footer{ color:#c1c1c1; font-size:12px; line-height:20px;}
.footer a{ color:#c1c1c1;  line-height:20px; text-decoration:none;}
.footer a:hover{ color:#ffffff;  line-height:20px; text-decoration:none;}


/*--pastevent--*/

#wrap_year{float:left; width:825px; height: 60px;  min-height:60px; padding-top:30px; padding-left:30px; padding-bottom:19px; background:#fbaf10}
html>body #wrap_year{height:auto}
	
#year, #year ul{float:left; width:825px; height:auto; font:normal 13px/24px arial; color:#fb9500; list-style:none}

#year li{float:left; width:87px; height:30px; padding-left:20px; background: url(../images/bg_year.gif); background-repeat:no-repeat;}
#year li a{font:normal 13px/24px arial; color:#fb9500; text-decoration:none;}
#year li a:hover{ font-weight:bold; color:#ffffff; text-decoration:none;}
#year li.selected a {font:bold 13px/24px arial;color:#ffffff; text-decoration:none;}
#year li .selected a:hover{font-weight:bold; color:#ffffff; text-decoration:none;}	
#year li:hover, #nav li.hover { position: static; }

/*inner_content_project_Humanitarian Scholarships*/
#wrap_innercontent{float:left; width:855px; height: 60px;  min-height:60px; padding-top:30px;   padding-bottom:19px; }
html>body #wrap_innercontent{height:auto}

#innercontent{float:left; width:100%; height: 60px;  min-height:60px;  padding-bottom:20px;   }
html>body #innercontent{height:auto}

#wrap_hs_title{float:left; padding:2%; width:95%; background:#922224; color:#fb9500; font:normal 15px/15px arial; }
#wrap_hs{float:left; padding-left:92px; margin-bottom:15px; width:633px; height:auto; background:#fcb92d;}
#wrap_hs_bg{float: left; width:633px; background:url(../images/bg_photo_coner.gif); background-repeat:no-repeat; background-position:bottom right;}
#wrap_hs_photos{float:left; width:500px; padding:20px;}
#wrap_hs_text{float: left; width:500px; padding:0px 20px 20px 20px;}

#wrap_pdf{ float:left; height:39px; margin-top:15px;padding-left:59px; padding-top:14px; padding-bottom:5px; width:645px; background: url(images/pdfIcon.gif); background-repeat:no-repeat; background-position:left; }
#wrap_pdf_bg{float:left; padding-left:21px; width:645px; height:39px; background:#fcb92d;}
#pdf{float:left; width:645px; height:39px; background:url(../images/bg_photo_coner.gif); background-repeat:no-repeat; background-position:bottom right;}
.pdf a {font:normal 14px/39px arial; text-decoration:none;}
.pdf a:hover { text-decoration: underline;}