/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  1.	Global Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras
 *  2.	Subpage Template Layout Styles
 *  3.	Navigation
 		- Top Nav
		- Side Nav
		- Sub Nav
 *  4.	Page Specific Styles
 		- Homepage
		- All other pages
 *  5.	Footer
 *  --------------------------------------------------------------------------------------
 */



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

/* ---------------------------->>> 1. GLOBAL STYLES <<<------------------------- */

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



/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/


/* body,html {
	height:100%;
	margin:0;
	padding:0;
	background-color:#79b732;
	} -- michael changed --*/

body {
	margin:0;
	padding:0;
	background-color:#79b732;
	}

/* ------------ */
/* --- Text --- */
/* ------------ */
p {font:12px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0px 0px 20px 0px; line-height:18px; white-space:normal;}
td {font:12px Arial, Helvetica, sans-serif; color:#6a7a84; margin:0; padding:0;}

/* --------------- */
/* --- Headers --- */
/* --------------- */
h1 {font:24px Georgia, "Times New Roman", Times, serif; color:#000; font-weight:normal; margin:0px 0px 5px 0px; padding:0;}

h2 {font:36px Georgia, "Times New Roman", Times, serif; color:#000; font-weight:normal; margin:0px 0px 0px 0px; padding:0; line-height:normal;}

h3 {font:30px Georgia, "Times New Roman", Times, serif; color:#000; font-weight:normal; margin:0px 0px 3px 0px; padding:0; line-height:normal;}

h4 {font:12px Georgia, "Times New Roman", Times, serif; color:#000; font-weight:bold; margin:0px 0px 5px 0px; padding:0; line-height:normal;}  



/* ------------------ */
/* --- Hyperlinks --- */
/* ------------------ */
a {font:12px Arial, Helvetica, sans-serif; color:#0099cc; font-weight:bold; line-height:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#465157; text-decoration:underline;}

	

/* ------------- */
/* --- Lists --- */
/* ------------- */
ul {margin:0px 0px 40px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
/*li {margin:0px 0px 0px 16px; padding:0; font:14px/22px Arial, Helvetica, sans-serif; font-weight:normal; color:#666; list-style-type:disc;}*/
li {font:12px Arial, Helvetica, sans-serif; color:#666; margin:0px 0px 0px 25px; padding:0; line-height:18px; white-space:normal; list-style-type:disc;}



/* ------------- */
/* --- Forms --- */
/* ------------- */
form {padding:0; margin:0;}
input {padding:3px; margin:0; font-size:11px;}



/* -------------- */
/* --- Extras --- */
/* -------------- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both; height:1px;}


		/* Curved Link Boxes */
		ul.overSizedLinks {background-color:#edf8ff; margin:0;}
		ul.overSizedLinks li {margin:0px 0px 0px 26px; padding:0; list-style-type:none;}
		ul.overSizedLinks li a {font:20px Arial, Helvetica, sans-serif; color:#0099cc; font-weight:normal; line-height:28px;}









/* ----------------------------------------------------------------------------- */
/*                                                                               */
/* ----------------->>> 2. SUBPAGE TEMPLATE LAYOUT STYLES <<<------------------- */
/*                                                                               */
/* ----------------------------------------------------------------------------- */

/* --- main wrapper --- */
#mainOuterWrap {width:100%; margin:0; padding:0; background-image:url(../images/bg_header.jpg); background-position:top center; background-repeat:no-repeat; background-color:#FFFFFF;}
#mainInnerWrap {width:900px; margin:0px auto; padding:0px 0px 5px 0px;}

	/* --- header --- */
	#headerWrap {position:relative; width:1000px; height:230px; margin:0 auto; z-index:10;}
	img.headerLogo {position:absolute; left:25px; top:60px;}
	img.headerPic {position:absolute; left:244px; top:44px;}

	/* --- content area --- */
	#contentWrap {clear:both; width:1000px; margin:0; padding:0px 25px 0px 25px; voice-family: "\"}\""; voice-family:inherit; width:950px; background-image:url(../images/bg_subpg_content_mid.jpg); background-repeat:repeat-y; z-index:20;}
	#contentInnerWrap {width:800px; margin:0 auto; padding:50px 0px 0px 0px;}
	
		/* columns (if required) */
	#contentCol1 {display:inline; float:left; width:210px;}
    #contentCol2 {display:inline; float:right; width:625px;}
	#contentCol2 div#pageContentWrap {padding-top:20px;}

/* --------------------------------------------------------- */
/*                                                           */
/* ------------------>>> 3. NAVIGATION <<<------------------ */
/*                                                           */
/* --------------------------------------------------------- */

/* --- Top Nav --- */
div#navWrap {
    width: 580px;
    height: 22px;
    margin:0;
    padding:4px 0px 0px 0px;
    position: absolute;
    left: 37px;
    top: 154px;
}

div#navWrap ul {margin:0px; padding:0px 0px 0px 0px; line-height:11px;}
div#navWrap li {display:inline; margin:0px 0px 0px 11px; padding:0; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; list-style-type:none;}
div#navWrap li a {display:inline; margin:0px 0px 0px 0px; padding:0; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#669933; list-style-type:none;}
div#navWrap li a:hover {display:inline; margin:0px 0px 0px 0px; padding:0; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#2d5500; list-style-type:none;}

	/* top nav ON */
        div#navWrap li#menuLinkOn a {color:#0099CC;}
	div#navWrap li#aboutLinkOn a {color:#0099CC;}
	div#navWrap li#kcrLinkOn a {color:#0099CC;}
	div#navWrap li#helpLinkOn a {color:#0099CC;}
	div#navWrap li#contactLinkOn a {color:#0099CC;}




/* --- Side Nav --- */
/* --- side nav Level 1 --- */
ul#sideNav {margin:29px 0px 0px 0px;}
ul#sideNav li {margin:5px 0px 0px 0px; padding:0; list-style-type:none; text-align:right;}
ul#sideNav li a {margin:0; padding:0; font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#669933;}
ul#sideNav li a:link, ul#sideNav li a:active, ul#sideNav li a:visited {text-decoration:none;}
ul#sideNav li a:hover {color:#0099cc; text-decoration:underline;}

/* --- side nav Level 1 ON --- */
ul#sideNav li#communityServicesLinkOn a {color:#0099cc;}
ul#sideNav li#familyServicesLinkOn a {color:#0099cc;}
ul#sideNav li#immigrantServicesLinkOn a {color:#0099cc;}
ul#sideNav li#adoptionServicesLinkOn a {color:#0099cc;}

	/* --- side nav Level 2 --- */
	ul#sideNav li ul#sideNavLevel2 {margin:0px 0px 10px 0px; padding:0;}
	ul#sideNav li ul#sideNavLevel2 li {margin:0; padding:0; list-style-type:none; text-align:right; line-height:normal;}
	ul#sideNav li ul#sideNavLevel2 li a {margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; color:#0099cc;}

	/* --- side nav Level 2 ON --- */
	ul#sideNav li ul#sideNavLevel2 li.sideNavSubOn a {margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#0099cc;}

		/* --- side nav Level 3 --- */
		ul#sideNav li ul#sideNavLevel2 ul#sideNavLevel3 {margin:0px 0px 10px 0px; padding:0;}
				ul#sideNav li ul#sideNavLevel2 ul#sideNavLevel3 li {margin:0; padding:0px 13px 0px 0px; list-style-type:none; text-align:right; line-height:normal; background:url(../images/bg_sidenav_bullet.gif) no-repeat right #FFFFFF;}

		ul#sideNav li ul#sideNavLevel2 ul#sideNavLevel3 li a {margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color:#0099cc;}

		/* --- side nav Level 3 ON --- */
		ul#sideNav li ul#sideNavLevel2 ul#sideNavLevel3 li.sideNavSubOn a {margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; color:#0099cc;}




/* --- Sub Nav 1 --- */
table#subNav1Table {background-color:#edf8ff; border-collapse:collapse; margin:5px 0px 20px 0px;}
	table#subNav1Table td.subNav1TableTL {}
	table#subNav1Table td.subNav1TableMM {padding:0px 0px 0px 15px;}
	td.subNav1TableTR {}

	ul#subNav1 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
	ul#subNav1 li {display:inline; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;}
	ul#subNav1 li a {margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; color:#0099CC; white-space:nowrap;}








/* --------------------------------------------------------- */
/*                                                           */
/* ----------->>> 4. PAGE SPECIFIC STYLES <<<--------------- */
/*                                                           */
/* --------------------------------------------------------- */

/* ---------------- */
/* --- Homepage --- */
/* ---------------- */

/* .bgHp {
	background-image:url(../images/bg_hp.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	} -- Michael changed -- */

.bgHp {
	background-image:url(../images/bg_hp.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}

/* #centeringWrap {
	width: 1000px;
	height: 580px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -290px;
	background-image:url(../images/bg_hp_mainarea.png); background-repeat:no-repeat;
	} -- Michael changed -- */
	
#centeringWrap {
	width: 1000px;
	height: 580px;
	position: relative;
	margin:0 auto;
	}

	#centeringWrap h2.hpIntroTitle {position:absolute; left:57px; top:90px; width:550px; font:16px Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; color:#fff; margin:0; padding:0;}
	#centeringWrap h1.hpIntroText {position:absolute; left:57px; top:130px; width:460px; font:15px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#003399;}
	/* img.hpLogo {position:absolute; left:37px; top:369px;} -- Michael changed -- */
	img.hpFlag {position:absolute; left:247px; top:241px; z-index:20;}
	img.hpLogo {position:absolute; left:37px; top:341px; z-index:10;}

	/* 4 Main Buttons */
	.hpBtn1 {position:absolute; left:321px; top:336px; background:url(../images/hp_btn_communityserv.jpg) no-repeat; white-space:nowrap; display:block; width:158px; height:148px; margin:0; padding:0;}
	.hpBtn1 a {display:block; width:158px; height:148px; float:left; padding:0;}
	.hpBtn1 img {width:158px; height:148px; border:0;}
	* html a:hover {visibility:visible;}
	.hpBtn1 a:hover img {visibility:hidden;}

	.hpBtn2 {position:absolute; left:479px; top:336px; background:url(../images/hp_btn_immigrantserv.jpg) no-repeat; white-space:nowrap; display:block; width:158px; height:148px; margin:0; padding:0;}
	.hpBtn2 a {display:block; width:158px; height:148px; float:left; padding:0;}
	.hpBtn2 img {width:158px; height:148px; border:0;}
	* html a:hover {visibility:visible;}
	.hpBtn2 a:hover img {visibility:hidden;}
	
	.hpBtn3 {position:absolute; left:637px; top:336px; background:url(../images/hp_btn_familyserv.jpg) no-repeat; white-space:nowrap; display:block; width:158px; height:148px; margin:0; padding:0;}
	.hpBtn3 a {display:block; width:158px; height:148px; float:left; padding:0;}
	.hpBtn3 img {width:158px; height:148px; border:0;}
	* html a:hover {visibility:visible;}
	.hpBtn3 a:hover img {visibility:hidden;}

	.hpBtn4 {position:absolute; left:795px; top:336px; background:url(../images/hp_btn_adoptionserv.jpg) no-repeat; white-space:nowrap; display:block; width:158px; height:148px; margin:0; padding:0;}
	.hpBtn4 a {display:block; width:158px; height:148px; float:left; padding:0;}
	.hpBtn4 img {width:158px; height:148px; border:0;}
	* html a:hover {visibility:visible;}
	.hpBtn4 a:hover img {visibility:hidden;}

	/* 2 Search Buttons */
	.hpBtnInfoSearch {position:absolute; left:395px; top:508px; background:url(../images/hp_btn_infosearch.jpg) no-repeat; white-space:nowrap; display:block; width:225px; height:26px; margin:0; padding:0;}
	.hpBtnInfoSearch a {display:block; width:225px; height:26px; float:left; padding:0;}
	.hpBtnInfoSearch img {width:225px; height:26px; border:0;}
	* html a:hover {visibility:visible;}
	.hpBtnInfoSearch a:hover img {visibility:hidden;}

	.hpBtnVolunteerOpps {position:absolute; left:660px; top:508px; background:url(../images/hp_btn_volunteeropps.jpg) no-repeat; white-space:nowrap; display:block; width:289px; height:26px; margin:0; padding:0;}
	.hpBtnVolunteerOpps a {display:block; width:289px; height:26px; float:left; padding:0;}
	.hpBtnVolunteerOpps img {width:289px; height:26px; border:0;}
	* html a:hover {visibility:visible;}
	.hpBtnVolunteerOpps a:hover img {visibility:hidden;}

	/* home page content area */
	div#hpContentArea {
		width: 554px;
		height: 100px;
		margin:0;
		padding:0;
		padding-top:2px;
		position:absolute;
		left:395px;
		top:544px;
		font:16px Arial, Helvetica, sans-serif; 
		font-weight:normal; 
		font-style:normal; 
		color:#FFF;
		text-align:center;
		background-image:url(../images/hp_events_bg.jpg); background-repeat:no-repeat;
	}
	div#hpContentArea a{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font:16px Arial, Helvetica, sans-serif;
	}
	div#hpContentArea a.hover{
		color:#fff;
		text-decoration:underline;
		font-weight:bold;
		font:16px Arial, Helvetica, sans-serif;
	}
	

	/* nav */
	div#hpNavWrap {
	width: 554px;
	height: 22px;
	margin:0;
	padding:4px 0px 0px 0px;
	position: absolute;
	left: 395px;
	top: 600px;
	background-image:url(../images/bg_hp_nav.jpg); background-repeat:no-repeat;
	}

	/* nav links */
	div#hpNavWrap ul {margin:0px; padding:0px 0px 0px 0px; line-height:11px;}
	div#hpNavWrap li {display:inline; margin:0px 0px 0px 18px; padding:0; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; list-style-type:none;}
	div#hpNavWrap li a {display:inline; margin:0px 0px 0px 0px; padding:0; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#2d5500; list-style-type:none;}

	/* footer */
	div#hpFooterWrap {position:absolute; left:5px; top:484px; width:300px; margin:0; padding:0;}
	div#hpFooterWrap p {margin:0; padding:0; font:10px Arial, Helvetica, sans-serif; font-weight:bold; color:#224200;}
	div#hpFooterWrap a {margin:0; padding:0; font:10px Arial, Helvetica, sans-serif; font-weight:bold; color:#224200;}




/* -------------------- */
/* --- REGISTRATION --- */
/* -------------------- */

/* registration form */
.bgForm {background-image:none; background-color:#004c77;}
.formWrap div {padding:2px 0px;}
.formWrap label {font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0;}
.submit {margin-left:310px;}

/* form */
.formWrap {width:600px;}
.formWrap div p {float:left; display:inline; margin:0; padding:0;}
.formWrap input {display:inline; float:left; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#000000; background-color:#fff; border:1px solid #fff;}
.formWrap div {clear:left; display:block; margin:5px 0 0 0; padding:0;}
.formWrap div label {display:inline; float:left; width:90px; padding:3px 5px; margin:0 0 5px 0; text-align:right; font:11px Verdana, Arial, sans-serif; color:#fff;}
.formWrap div.submit {border:0; padding:0 0 0 320px;}
.formWrap img {clear:both; padding-top:20px;}





/* --------------- */
/* --- CONTACT --- */
/* --------------- */

.convCentre							{float:left; display:inline; margin:0px 0px 0px 0px;}
	.btnConvCentre 						{float:right; display:inline; background:url(../images/btn_convcentre.gif) no-repeat; white-space:nowrap; display:block; width:406px; height:103px; margin:0; padding:0;}
	.btnConvCentre a 					{width:406px; height:103px; display:block; float:left;}
	.btnConvCentre img 					{width:406px; height:103px; border:0;}
	* html a:hover 						{visibility:visible;}
	.btnConvCentre a:hover img 			{visibility:hidden;}

.ramadaWrap							{float:left; display:inline; margin:0px 0px 0px 0px;}
	.btnRamada 							{float:right; display:inline; background:url(../images/btn_ramada.gif) no-repeat; white-space:nowrap; display:block; width:406px; height:103px; margin:0; padding:0;}
	.btnRamada a 						{width:406px; height:103px; display:block; float:left;}
	.btnRamada img 						{width:406px; height:103px; border:0;}
	* html a:hover 						{visibility:visible;}
	.btnRamada a:hover img 				{visibility:hidden;}

.sandmanWrap						{clear:both; float:left; display:inline; margin:0px 0px 0px 0px;}
	.btnSandman 						{float:right; display:inline; background:url(../images/btn_sandman.gif) no-repeat; white-space:nowrap; display:block; width:406px; height:103px; margin:0; padding:0;}
	.btnSandman a 						{width:406px; height:103px; display:block; float:left;}
	.btnSandman img 					{width:406px; height:103px; border:0;}
	* html a:hover 						{visibility:visible;}
	.btnSandman a:hover img 			{visibility:hidden;}




/* ----------------------------------------------------------------------------- */
/* ------------------------------>>> 5. FOOTER <<<------------------------------ */
/* ----------------------------------------------------------------------------- */

#bottomLogos {clear:both; width:900px; margin:0px; padding:30px 0px 0px 0px;}
#bottomLogos img {float:right; display:inline; margin-right:8px;}


/* Footer Wrap */
#footerWrap {position:relative; width:900px; height:50px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}

	p.copyrightContent {position:absolute; left:20px; top:12px; margin:0; padding:0px; width:555px; font:11px Arial, Helvetica, sans-serif; color:#336600; text-align:right;}
	p.copyrightContent a {font:11px Arial, Helvetica, sans-serif; color:#FFF;}
	p.copyrightContent a:hover {text-decoration:underline;}

		.thinkLink {margin:5px 0px 0px 0px; padding:0; text-align:center;}
		.thinkLink p {font:10px Arial, Helvetica, sans-serif; color:#330000; padding:0;}
		.thinkLink a {font:10px Arial, Helvetica, sans-serif; color:#330000;}
		.thinkLink a:hover {text-decoration:underline;}
	
	#footerWrap  img {position:absolute; left:590px; top:0px; margin:0; padding:0px;}
	
	
/* Jamie Notes Highlites */

.jamieNotes {
	color:red;
	font-weight:bolder;
}