/* page layout */

body{
	margin: 0px;
	padding: 0px;
}

#page-container{
	width: 100%;
	background: #ffffff;
	text-align: center;
}

#page-container #center-container{
	margin: 0px auto 0px auto;
	width: 782px;
	background: #ffffff;
	text-align: left;
}

/* page layout done */

/* title bar */

#page-container #center-container #title-bar{
	height: 102px;
	width: 782px;
	background: #ffffff;
}

#page-container #center-container #title-bar #left-logo{
	float: left;
	height: 102px;
}

#page-container #center-container #title-bar #right-logo{
	float: right;
	height: 102px;
}


/* top navigation bar */

#page-container #center-container #top-nav-bar{
	height: 61px;
	width: 782px;
	background: #efefef url('../images/nav-bar-back-01.jpg');
}


/* homepage banner container for flash movie */

#page-container #center-container #home-banner{
	padding: 0px 0px 0px 0px;
	width: 269px;
	background: #ffffff;
	margin: 60px 0px 35px 0px;
}

#page-container #center-container #home-banner #top{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 269px;
}

#page-container #center-container #home-banner #text{
	margin: 0px 0px 0px 0px;
	padding: 10px;
}

#page-container #center-container #home-banner #text h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial,"serif";
	font-size: 90%;
	color: #328536;
	font-weight: bold;
}

#page-container #center-container #home-banner #text p{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	font-family: verdana,"serif";
	font-size: 65%;
	line-height: 120%;
	color: #000000;
}

#page-container #center-container #home-banner #text ul{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	font-family: verdana,"serif";
	font-size: 70%;
	line-height: 120%;
	color: #000000;
	font-weight: bold;
}

#page-container #center-container #home-banner #text ul li{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	list-style-type: none;	
}

#page-container #center-container #home-banner #text ul li a{
	display: block;
	text-align: right;
	text-decoration: none;
	color: #315287;
}

#page-container #center-container #home-banner #text ul li a:hover{
	text-decoration: none;
	color: #880000;
}

#page-container #center-container #home-banner #bottom{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 269px;
	background: #efefef url('../images/home-pic-bac-bot.jpg') no-repeat bottom;
}

/* top navigation bar */

#page-container #center-container #top-nav-bar #left-nav {
	float: left;
	display: block;
	padding: 12px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	
	/*border: 1px solid #ff0000;*/
}

#page-container #center-container #top-nav-bar #left-nav ul{
	
	padding: 6px 0px 0px 10px;
	margin: 0px 0px 0px 0px;

}

#page-container #center-container #top-nav-bar #left-nav ul li{
	display: inline;
	list-style-type: none; 
	
	padding: 0px;
	margin: 0px;

	font-family: verdana,"serif";
	font-size: 80%;
	font-weight: bold;
	
	letter-spacing: -1px;
	
}

#page-container #center-container #top-nav-bar #left-nav ul li a{
	padding: 3px 9px 3px 5px;
	text-decoration: none;
}

#page-container #center-container #top-nav-bar #left-nav ul li.on a{
	border-right: 1px solid #333333;
	color: #999999;
}

#page-container #center-container #top-nav-bar #left-nav ul li.on a:hover{
	border-right: 1px solid #333333;
	color: #999999;
}

#page-container #center-container #top-nav-bar #left-nav ul li.off a{
	border-right: 1px solid #333333;
	color: #000000;
}
#page-container #center-container #top-nav-bar #left-nav ul li.off a:hover{
	color: #328536;
}

/* end */

#page-container #center-container #top-nav-bar #left-nav ul li.end-on a{
	border-right: 0px;
	color: #999999;
}

#page-container #center-container #top-nav-bar #left-nav ul li.end-on a:hover{
	border-right: 0px;
	color: #999999;
}

#page-container #center-container #top-nav-bar #left-nav ul li.end-off a{
	border-right: 0px;
	color: #000000;
}
#page-container #center-container #top-nav-bar #left-nav ul li.end-off a:hover{
	color: #328536;
}

/* end ends */

#page-container #center-container #top-nav-bar #left-nav ul li.customise a{
	color: #880000;
	font-weight: bold;
}

#page-container #center-container #top-nav-bar #left-nav ul li.customise a:hover{
	color: #cc0000;
	font-weight: bold;
}

/* top navigation bar ends */

#page-container #center-container #top-nav-bar #right-nav {
	float: right;
	display: block;
	padding: 12px 10px 15px 0px;
	margin: 0px 0px 0px 0px;
	
	/*border: 1px solid #ff0000;*/
}

#page-container #center-container #top-nav-bar #right-nav ul{
	
	padding: 6px 0px 0px 10px;
	margin: 0px 0px 0px 0px;

}

#page-container #center-container #top-nav-bar #right-nav ul li{
	display: inline;
	list-style-type: none; 
	
	padding: 0px;
	margin: 0px;

	font-family: verdana,"serif";
	font-size: 80%;
	font-weight: bold;
	
	letter-spacing: -1px;
	
}

#page-container #center-container #top-nav-bar #right-nav ul li a{
	padding: 3px 9px 3px 5px;
	text-decoration: none;
}

#page-container #center-container #top-nav-bar #right-nav ul li.on a{
	border-right: 1px solid #000000;
	color: #444444;
}

#page-container #center-container #top-nav-bar #right-nav ul li.on a:hover{
	color: #999999;
}

#page-container #center-container #top-nav-bar #right-nav ul li.off a{
	border-right: 1px solid #333333;
	color: #444444;
}
#page-container #center-container #top-nav-bar #right-nav ul li.off a:hover{
	color: #328536;
}

/* end start */

#page-container #center-container #top-nav-bar #right-nav ul li.end-on a{
	border-right: 0px;
	color: #444444;
}

#page-container #center-container #top-nav-bar #right-nav ul li.end-on a:hover{
	border-right: 0px;
	color: #999999;
}

#page-container #center-container #top-nav-bar #right-nav ul li.end-off a{
	border-right: 0px;
	color: #444444;
}
#page-container #center-container #top-nav-bar #right-nav ul li.end-off a:hover{
	color: #328536;
}

/* start ends*/

#page-container #center-container #top-nav-bar #right-nav ul li.customise a{
	color: #880000;
	font-weight: bold;
}

#page-container #center-container #top-nav-bar #right-nav ul li.customise a:hover{
	color: #cc0000;
	font-weight: bold;
}

/**/

#page-container #center-container #home-content-left-col{
	float: left;
	/*width: 514px;*/
	width: 500px;
}

#page-container #center-container #home-content-left-col .content-area{
	padding: 25px 60px 0px 18px;
}

#page-container #center-container #home-content-right-col{
	float: left;
	width: 268px;
}

#page-container #center-container #home-content-right-col .content-area{
	padding: 0px 40px 0px 25px;
}

/**/

#page-container #center-container #index-content-left-col{
	float: left;
	width: 100%;
}

#page-container #center-container #index-content-left-col .content-area{
	padding:  25px 60px 0px 18px;
}

#page-container #center-container #index-content-right-col{
	float: left;
	width: 100%;
}

#page-container #center-container #index-content-right-col .content-area{
	padding: 0px 40px 0px 25px;
}

/**/

.content-area h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial,"serif";
	font-size: 160%;
	color: #000000;
	letter-spacing: -1px;
	font-weight: normal;
}

.content-area h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial,"serif";
	font-size: 110%;
	color: #328536;
	font-weight: normal;
}

.content-area h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial,"serif";
	font-size: 100%;
	color: #000000;
	font-weight: bold;
}

.content-area p{
	font-family: verdana,"serif";
	font-size: 75%;
	line-height: 150%;
	color: #000000;
}

.content-area blockquote{
	font-family: verdana,"serif";
	font-size: 75%;
	line-height: 150%;
	color: #000000;
}

.content-area ul{
	font-family: verdana,"serif";
	font-size: 75%;
	line-height: 150%;
	color: #000000;
}

.content-area ol{
	font-family: verdana,"serif";
	font-size: 75%;
	line-height: 150%;
	color: #000000;
}

.clear-both{
	clear:both;
}

#page-container #center-container #footer{
	width: 782px;
	margin: 60px 0px 0px 0px;
	border-top: 3px solid #49874e; 
}

#page-container #center-container #footer #left-nav{
	float: left;
	height: 60px;
}

#page-container #center-container #footer #right-logo{
	float: right;
	height: 60px;
}


/* internal stylesheet */

#page-container #center-container #left-nav-bar{
	float: left;
	width: 200px;
	margin: 20px 0px 0px 0px;
}

#page-container #center-container #internal-content-mid-col{
	float: left;
	width: 444px;
	margin: 20px 0px 0px 0px;
}

#page-container #center-container #internal-content-mid-col .content-area{
	padding: 0px 25px 0px 0px;
}

#page-container #center-container #internal-content-mid-col .content-area h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial,"serif";
	font-size: 160%;
	color: #000000;
	letter-spacing: -1px;
	font-weight: normal;
}

#page-container #center-container #internal-content-right-col{
	float: left;
	width: 138px;
	margin: 50px 0px 0px 0px;
}



#page-container #center-container #internal-content-right-col .content-area{
	padding: 8px 8px 8px 8px;
	background: #ffffff url('../images/did-you-know-back-01.jpg') no-repeat top;
	border-bottom: 10px solid #d7f0ac;
}

#page-container #center-container #internal-content-right-col .content-area h1{
	font-size: 90%;
	font-family: verdana,"serif";
	color: #000000;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

#page-container #center-container #internal-content-right-col .content-area h2{
	font-size: 70%;
	font-family: verdana,"serif";
	color: #000000;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

#page-container #center-container #internal-content-right-col .content-area p{
	font-size: 65%;
}


#left-nav-bar #nav-area{
	padding: 0px 20px 0px 12px;
}

#left-nav-bar #nav-area h1{
	font-size: 80%;
	font-family: verdana,"serif";
	color: #3F7443;
	letter-spacing: -1px;
	padding: 0px;
	margin: 3px 0px 5px 0px;
}

#left-nav-bar #nav-area h1 a{
	color: #880000;
	letter-spacing: -1px;
	text-decoration: none;
}

#left-nav-bar #nav-area ul.main{
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	
}

#left-nav-bar #nav-area ul.main li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-family: verdana,"serif";
	font-size: 70%;
	line-height: 140%;
}

#left-nav-bar #nav-area ul.main li.selected{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	list-style: none;
	font-size: 70%;
	line-height: 140%;
	font-weight:bold;
	color: #444444;
	letter-spacing: -1px;
}


#left-nav-bar #nav-area ul.main li a{
	display: block;
	color: #808080;
	border-left: 3px solid #ffffff;
	padding: 5px 0px 5px 8px;
	text-decoration: none;

}

#left-nav-bar #nav-area ul.main li a:hover{
	color: #333333;
	border-left: 3px solid #3F7443;
	text-decoration: none;
}


#left-nav-bar #nav-area h2{
	font-size: 70%;
	font-family: verdana,"serif";
	color: #000000;
	letter-spacing: -1px;
}

#left-nav-bar #nav-area ul.other{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#left-nav-bar #nav-area ul.other li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-family: verdana,"serif";
	font-size: 70%;
}

#left-nav-bar #nav-area ul.other li a{
	display: block;
	color: #3F7443;
	padding: 5px 0px 5px 4px;
	text-decoration: none;

}

#left-nav-bar #nav-area ul.other li a:hover{
	color: #333333;
	text-decoration: none;
}


/* summary box for index pages */

	.content-area .summary{
		margin: 15px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px solid #cccccc;
	}

	.content-area .summary h2{
		font-family: "arial", serif;
		font-size: 90%;
		color: #000000;
		line-height: 140%;
		margin: 0px 0px 0px 0px;
	}

	.content-area .summary p{
		margin: 0px 0px 0px 0px;
	}

	.content-area .summary h2 a{
		color:#328536;
		text-decoration: none;
	}

	.content-area .summary h2 a:hover{
		color:#5FC264;
	}

	.content-area .summary ul{
		font-family: "verdana", serif;
		font-size: 70%;
		list-style: none;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.content-area .summary ul li{
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.content-area .summary ul li a{
		color:#315287;
		text-decoration: none;
	}

	.content-area .summary ul li a:hover{
		color:#cc0000;
	}

	/* summary box ends */