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

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

Title : The Lions Club of Sydney Chinese Inc.
URL : http://http://www.sydchineselions.org.au

Author : FOX DESIGN consulting
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;
}

body,td,th,p,li {
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #922224;
}
body {
	background-color: #fb9500;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:justify;
}
a {
	font-size: 14px;
	color: #922224;
}
a:hover {
	color: #FFFFFF;
}

h1{font: normal 30px/105px "Times New Roman", Times, serif; color:#FFFFFF; padding:0; margin:0; text-align:center;}

fieldset { 
	border: 0; 
}

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

html>body hr {
	border: none; 
	border-top: 2px dashed #fed000;
}

b{color:#fff;}

/* top_logo */

#wrap_logo_out{ float:left; width:100%; height:122px; background:url(../images/general/bg_logo.gif); background-repeat:no-repeat; background-position:center}
#wrap_long_in{margin:0 auto; width:960px; height:122px;}
#logo{float:left; padding-left:31px; padding-top:11px; width:98px; height:97px}
#familysite{float:right; padding-right:10px; padding-top:70px; width:190px;}


/* main nav */
#wrap_nav_out{float:left; width:100%; height:18px; padding-bottom:37px; background:url(../images/general/bg_mainnav.gif); background-repeat:no-repeat; background-position:center; z-index:99}
#wrap_nav_in{margin:0 auto; width:960px; height:18px;}
#wrap_nav{float:left; padding-left:49px; width:911px; height:18px;  }
#navbar {
	float:left;
	width: 911px;
	height: 18px;
	font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	display: block;
	text-align:left;
	text-decoration: none; 
	list-style: none;

}

#nav, #nav ul {
	width: 911px;
	height: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav li {
	float: left;
	height: auto;
	margin: 0;
	color: #fff;
	}

#nav li.selected { 
	color: #fff;
	text-decoration:none;
	}

#nav li a {
	color: #fff;
	font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
	display: block;
	text-align:left;
	text-decoration:none; 

	}
		
#nav li a:hover { 
	color: #fff;
	text-decoration:none;
	}

#nav li.selected a { 
	display: block;
	text-align:left;
	text-decoration:none; 
	}
	
#nav li.selected a:hover { 
	color: #fff;
	text-decoration:none;
	}
	
#nav li:hover, #nav li.hover {
    position: static;
}

/* -------- Drop down menu -------- */	

#nav li ul a, #nav li ul a:visited {
	font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	text-transform:none;
	text-align: left;
	padding: 6px 0px 6px 10px;
	color: #fff;
	width: auto;
	}
	
#nav li ul a:hover { 
		background: url(../images/general/white_transparent.png);
		text-decoration: none;
		color: #922224;
		font-weight:bold;
		padding-left: 17px;	
		}

#nav li ul li { 
	background:url(../images/general/yellow_transparent.png);
	width:200px;
	z-index:500;
	
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0;
	padding: 0;
	z-index:300;
	}

#nav li li {
	width: 200px;
	border-top:1px dashed #f99300;
	padding: 0;
	}

#nav li ul ul {
	margin: -1.90em 0 0 150px;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	}

#nav li ul li.start { 
    height:5px; background:url(../images/general/bg_nav_start.gif); border:0;}	
	
#nav li ul li.end { 
    height:15px; background:url(../images/general/bg_nav_end.gif); background-position:bottom;
	}	

#nav li ul li.selected { 
	color: #fff;
	text-decoration:none;
	background-color:#9b8f7f;
	}
	
#nav li ul li.selected a { 
	display: block;
	text-align:left;
	text-decoration:none; 
	background-color:#9b8f7f;
	}
	
#nav li ul li.selected a:hover { 
	color: #f26922;
	text-decoration:none;
	background-color:#fff;
	}
/* end of nav */

	
/* main part*/

#wrap_main_out{float:left; width:100%; height:960px; min-height:960px; background:url(../images/general/bg_mainpart.gif); background-position:center top; background-repeat:no-repeat;}
html>body #wrap_main_out { height: auto; }

#wrap_main_in{margin:0 auto; width:960px; height:960px; min-height:960px;}
html>body #wrap_main_in { height: auto; }

/* main left part*/
#wrap_left{float:left; width:175px; height:960px;}
#wrap_chinese_logo{float:left; width:175px; height:274px; background:url(../images/general/logo_chinese.gif);}
#wrap_sponsors{ float:left; margin-top:27px; width:161px;height:659px; background:url(../images/general/bg_sponsors.gif);}
#sponsors_title{float: left; height:54px; padding-top:30px; width:161px; font: bold 17px/17px arial; color:#922224; text-align:center;}
#supporters{float:left; height:550px; padding-left:30px; width:100px; overflow:hidden; position:relative;}

#slide_supporters01 {
     position:absolute;
     left:30px;
     top:0px;
     width:100px;
     height:550px;
 }
#slide_supporters02 {
     position:absolute;
     left:30px;
     top:550px;
     width:100px;
     height:550px;
 }
#supporters_image{float:left; padding-top:8px; width:100px; height:110px;}
#supporters_text{float:left; padding-top:15px; width:100px; font:bold 15px/14px arial; color:#922224; text-align:center;}

/* main right part*/
#wrap_right{float: right; width:785px; height:960px; min-height:960px;}
html>body #wrap_right { height: auto; }

#wrap_banner_out{float:left; width:785px; height:274px; position:relative }
#coner_banner_01{ position:absolute; left:0; top:0; width:9px; height:274px; z-index:200;}
#coner_banner_02{ position:absolute; left:776px; top:0; width:9px; height:274px; z-index:200;}
#wrap_banner{position:absolute; left:0; top:0; width:785px; height:274px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#f0f0f0;}


/* slideshow*/
*{ margin:0; padding:0;}
li{ list-style:none;}
a img{ border:none;}
.imgnav{ height:274px; background: url(../images/general/bg_banner.gif); width:785px; overflow:hidden; position:relative;}
#img{ z-index:10;}
#img img{ width:785px; height:274px; display:none;}
.ctrl{ position:absolute; z-index:100; bottom:1px; left:1px; right:1px; width:785px; height:30px; overflow:hidden;}
.ctrl ul{ float:left; line-height:30px; overflow:hidden; width:75%;filter: alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;}
.ctrl li{ display:block; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:900;background:#000; color:#fff;}
.ctrl span{ float:left; width:8.5%; height:15px; line-height:15px; cursor:pointer; margin-right:2px; margin-top:7px; border:1px solid #666666; background: #333333; text-align: center; color:#CCCCCC;}
.ctrl span.hov{ background:#fb9701; border:1px solid #f60; color:#FFFFFF}
.ctrl div{ float:right; width:24%;  }

/*content*/
#wrap_content_out{float:left; width:785px;height: 659px;  min-height:659px; margin-top:27px;}
html>body  #wrap_content_out{ height:auto}

#wrap_content_top{float: left; width:785px; height:11px; font:normal 9px/9px arial; background:url(../images/general/bg_content_top.gif); background-repeat:no-repeat;}
#wrap_content_bottom{float: left; width:785px; height:11px; font:normal 9px/9px arial; background: url(../images/general/bg_content_bottom.gif); background-repeat:no-repeat;}
#wrap_content{float:left; width:725px; height: 599px;  min-height:599px; padding-left:30px; padding-right:30px; padding-top:19px; padding-bottom:19px; background:#fbaf0f}
html>body #wrap_content{height:auto}

/*inner_content*/
#wrap_innercontent_out{float:left; width:785px; height: 686px;  min-height:686px;}
html>body #wrap_innercontent_out{ height:auto}
#wrap_inner_title{float: left; width:785px; height:105px; background:url(../images/general/bg_inner_title.gif); background-position:center;}
#wrap_innercontent_top{float:left; width:785px; height:56px; background:url(../images/general/bg_innercontent_top.gif); background-repeat:no-repeat;} 
#wrap_innercontent{float:left; width:725px; height: 769px;  min-height:769px; padding-left:30px; padding-right:30px; padding-bottom:19px; background:#fbaf0f}
html>body #wrap_innercontent{height:auto}

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

#year li{float:left; width:87px; height:30px; padding-left:5px; background:url(../images/general/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_hs_title{float:left; padding:10px; width:700px; 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/general/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/general/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/general/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;}

/*inner_content_project_award*/

#wrap_award {float:left; width:725px; height:113px; min-height:113px; }
html>body #wrap_award{height:auto}

#wrap_award_left { position:relative; float: left; width:141px; height:113px; background:url(../images/general/bg_award.gif); background-repeat:no-repeat;}
#award_mask { position:absolute; top:0; left:0; float: left; width:141px; height:113px;background:url(../images/general/award_mask.gif); z-index:100}
#award_icon { position:absolute; top:24px; left:42px; float: left; width:89px; height:65px; overflow:hidden;}

#wrap_award_right {float: left; width:564px; padding-left:20px; height:113px; min-height:113px;}
html>body #wrap_award_right {height:auto}

/*footer*/
#wrap_footer{float:left; width:100%; height:260px; padding-top:20px; background:url(../images/general/bg_bottom.gif); background-position:center bottom; background-repeat: repeat-x; }
#footer{ margin:0 auto; width:960px; height:260px;}
.footer{font:normal 13px/16px arial; text-align: center; color:#FFFFFF;}
.footer a {font:normal 13px/16px arial; text-align: center; color:#FFFFFF; text-decoration:none;}
.footer a:hover {font:normal 13px/16px arial; text-align: center; color:#FFFFFF; text-decoration:underline;}



/* =gallery Code
----------------------------------------------------------------------*/
#contentframe_gallery {
        margin:0 auto; width: 766px;
        }

#gallerycontainer
{
	cursor: default;
	list-style: none;
	position: relative;
	left: 0px;
	width: 736px;
	padding: 20px 15px 15px 30px;
	color: #FDE3B3;
}

.thumbnail{
	padding: 10px 10px 10px 10px; width:120px; height:80px;
	background: url(../images/general/bg_thumb.gif); 
	float: left;
	margin-left: 4px;
	margin-bottom: 5px;
    overflow:hidden;
    text-align:center;

	}	

.caption{ font-size: 0.9em; padding-top: 0.2em ;	
}

#outer {height: 100%; overflow: hidden; position: relative;width: 100%;} 
#outer[id] {display: table; position: static;} 
#middle {position: absolute; top: 50%;} /* for explorer only*/ 
#middle[id] {display: table-cell; vertical-align: middle; position: static;} 
#inner {position: relative; top: -50%;width: 120px;margin: 0 auto;} /* for explorer only */ 
div.greenBorder {border: 0px solid green; background-color: ivory;} 


/*