@charset "utf-8";
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif}

/*----- basic styles -----*/
* {
	margin: 0px;
	z-index: 2;
}
#wrapper #maincontents #contents div {
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	color: #666666;
}
#wrapper {
	position:relative;
	width:700px;
	text-align:left;
	margin-top: 0;
	margin-left: auto;
	padding-bottom: 50px;
	margin-right: auto;
}
#clear {
	clear:both;
}
/*----- header styles -----*/
#header {
	position:relative;
	height:113px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
}
/*--- main navigation styles ---*/
#navi {
	height:50px;
	background-image: url(images/navi_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 12px;
	font-weight: bold;
	color: #99cc66;
	text-align: center;
	line-height: 22px;
	padding-top: 7px;
	background-color: #ffffff;
}
#navi a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6666CC;
	text-decoration: none;
}

#navi a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC6633;
}
/*----- page title styles -----*/
#pagetitle_about {
	height: 106px;
	background-image: url(images/title_about.jpg);
	width: 700px;
}
#pagetitle_apply {
	background:url(images/title_apply.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
	text-align: center;
}
#pagetitle_programs {
	background:url(images/title_programs.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
	text-align: center;
}
#pagetitle_volunteer {
	background:url(images/title_volunteer.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
}
#pagetitle_supporters {
	background:url(images/title_supporters.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
}
#pagetitle_donations {
	background:url(images/title_donations.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
}
#pagetitle_giftideas {
	background:url(images/title_giftideas.jpg) ;
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
}
#pagetitle_newsletter {
	background:url(images/title_newsletter.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
}
#pagetitle_annual08 {
	background:url(../AnnualReport/2008/title_annual2008.jpg) no-repeat;
	height: 106px;
	width: 700px;
}
#pagetitle_contact {
	background:url(images/title_contact.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
}
#pagetitle_education {
	background:url(images/title_education.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 700px;
}

/*----- main contents styles -----*/
#maincontents {
	padding-top: 5px;
	padding-bottom: 25px;
	background-color: #FFFFFF;
	z-index: 1;
}
#maincontents a {
	color: #663399;
	font-weight: bold;
	font-size: 12pt;
}
#maincontents img.right{
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}

#maincontents img.left{
	float: left;
	margin: 5px 20px 5px 0px;
}
#maincontents table.annual01 {
	float: right;
	margin-left: 30px;
}
#maincontents table.annual02 {
	float: none;
	margin-right: 15px;
	margin-bottom: 5px;
}
#maincontents  table.annual03 {
	float: none;
	margin-right: 15px;
	margin-bottom: 5px;
}

#maincontents td h1 {
	font-size: 16px;
	font-weight: bold;
	color: #CC6600;
}


#maincontents td h2 {
	font-size: 24px;
	font-weight: bold;
	color: #9933ff;
}
#maincontents #volunteer_quote {
	float: right;
	width: 275px;
	margin-left: 20px;
}
#maincontents #volunteer_quote p {
	padding: 10px;
}
#maincontents #donors_quote {
	float: left;
	width: 275px;
	margin-left: 0px;
	margin-right: 20px;
}
#maincontents #donors_quote p {
	padding: 10px;
}

#form {
	font-size: 0.9em;
	line-height: 2em;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
h2 {
	font-size: 36pt;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: 16pt;
}
h3 {
	font-size: 18pt;
	color: #666666;
	text-align: center;
	font-weight: bold;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #666666;
	font-weight: bold;
}
p {
	font-size: 12pt;
	color: #666666;
}
.italic {
	font-style: italic;
}

.strong {
	font-weight: bold;
}
.BandI {
	font-style: italic;
	font-weight: bold;
}


.articleline {
	background-image: url(images/line_article.gif);
	height: 5px;
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-bottom: 15px;
	background-position: center;
}

.list {
	padding-left: 20px;
	list-style-image: url(images/icon_dot.gif);
	list-style-position: inside;
	font-size: 0.85em;
	line-height: 3em;
	margin-left: 20px;
}	

#contents {
	position: relative;
	top: 250px;
	right: 400px;
	height: 500px;
	width: 350px;
	text-align: justify;
	background-color: #FFFFFF;
	padding: 10px;
}
#contents li {
	list-style-image: none;
	list-style-type: none;
	font-size: 12pt;
	padding-left: 50px;
}

.center {
	text-align: center;
}
.button {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	}
.img.one {
	border: 1px solid #663399;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

/*----- Sidebar styles -----*/
#sidebar {
	width: 180px;
	text-decoration: none;
	text-decoration: none;
	text-align: center;
	height: 450px;
	float: right;
	margin: 10px -15px 0px 25px;
	background: #F4EAFF;
	border: 1px solid #9900CC;
	}
#sidebar  h1 {
	height: 394px;
	background: url(images/BGImage_03.gif);
	background-repeat: no-repeat;
	font-size: 18pt;
	color: #666666;
	font-style: bold;
	text-align: center;
	padding-top: 12px;
	}
#sidebar p {
	text-align: justify;
	color: #666666;
	font-size: 18pt;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
#sidebar a {
	color: #666666;
	text-decoration: none;
}
#sidebar a:hover {
	color: #9933FF;
}

/*----- footer styles -----*/
#footer {
	background-color: #FFFFFF;
	float: left;
	clear: none;
	width: 700px;
	}
#footer .img {
	height: 125px;
	width: 700px;
	background: url(images/footernew.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #999999;
	margin-top: 15px;
	margin-bottom: 30px;
}
.AnnualSide2 {
	line-height: 24pt;
	color: #8C3F4E;
}
#apDiv4 .AnnualSide {
	font-size: 18pt;
	line-height: 24pt;
	font-weight: bold;
	color: #8C3F4E;
	text-align: center;
}
.style25 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #99CC66;
}
.style24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color: #9900FF;
}
.style24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color: #9900FF;
}
#apDiv3 {
	position:absolute;
	left:717px;
	top:276px;
	width:285px;
	z-index:2;
	line-height: 24pt;
	color: #514676;
}
#apDiv4 {
	position:absolute;
	left:681px;
	top:275px;
	width:36px;
	height:447px;
	z-index:3;
	line-height: 24pt;
	color: #8C3F4E;
	font-size: 18pt;
	font-weight: bold;
	text-align: right;
}
#apDiv5 {
	position:absolute;
	left:446px;
	top:659px;
	width:252px;
	z-index:3;
	background-image: url(images/BGImage_03.gif);
	height: 466px;
}
#apDiv6 {
	position:absolute;
	left:428px;
	width:444px;
	height:51px;
	z-index:4;
	padding-left: 5px;
	bottom:-565px;
}
#apDiv7 {
	position:absolute;
	left:308px;
	top:1215px;
	width:281px;
	height:53px;
	z-index:5;
}
.style26 {color: #99CC66}
.style29 {color: #9966CC}
.style31 {
	color: #9966CC;
	font-size: 16pt;
}
.AnnualTop {
	background-image: url(images/BGImage_01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 333px;
	width: 700px;
	float: none;
	position: relative;
	right: 55px;
	bottom: 25px;
}
.AnnualReportImg {
}
.AnnualReportContents {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #666666;
	background-image: url(images/BGImage_03.gif);
	background-repeat: no-repeat;
	padding: 5px;
	visibility: visible;
	width: 200px;
	position: fixed;
}
.AnnualSide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #666666;
}
#apDiv1 {
	width:576px;
	height:62px;
	z-index:1;
	left: 2px;
	top: 544px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30pt;
	color: #3E3069;
	background-color: #E9E3F1;
	padding-top: 15px;
}
.style5 {font-size: 16pt}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#apDiv2 {
	position:absolute;
	left:666px;
	top:276px;
	width:321px;
	height:514px;
	z-index:1;
	float: left;
	background-image: url(images/BGImage_03.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	padding-left: 10px;
}
.style19 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16pt; color: #9966CC; }
.style20 {
	font-size: 12pt;
	color: #9966CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style21 {font-size: 14pt}
.footer {
	border: thin none #FFFFFF;
}