/* CSS Main stylesheet for layout */

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		color: #1878de;
		font: 14px/1.2em verdana, arial, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		height: 100%;
	}
	
	body {
		margin: 0;
		padding: 0;
		background: #fff;
		text-align: center;
	}
	
	.hidden {
		display: none;
	}
	
	a img {
		border: 0;
	}
	
	a {
		color: #6d9225;
	}
	
	.clear {
		clear: both;
	}
	p {
		padding: 0 0 15px 0;
		margin: 0;
	}
	

	
/* ---------------------------------- */
/* TABLE ELEMENTS  */   
/* ---------------------------------- */	
	
	table {
        border-collapse: collapse;
		border: 0;
		margin: 0 0 10px 0;
		width: 100%;
		clear: both;
    }
	td {
        padding: 0;
		background: #fff;
		text-align: left;
		vertical-align: top;
    }
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */
	
	#layouttable {
		height: 100%;
		width: 820px;
		background: #fff;
		margin: 0 auto;
		padding: 0;
		border: 0;
		
	}
	#leftcolumn {
		width: 553px;
		height: auto;
	}
	#linkscolumn {
		background: url(../images/bg_links_top.jpg) no-repeat top center;
		width: 199px;
		font-size: 70%;
		text-align: left;
	}
	#greencolumn {
		width: 68px;
		background: url(../images/bg_right.gif) repeat-x top left #8cb8f5;
		text-align: right;
	}
	#footercurl {
		text-align: right;
		height: 20px;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		background: url(../images/bg_right_bottom.gif) no-repeat bottom right;
	}
	#footer {
		background: url(../images/bg_footer.gif) no-repeat top left #8cb8f5;
		height: 68px;
	}	
	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		font-size: 1.8em;
		margin: 0 0 25px 0;		
	}
	
	h2 {
		font-size: 1.6em;
		margin: 0 0 15px 0;
	}
	h3 {
		font-size: 1.2em;
		margin: 0 0 15px 0;
	}
	h4 {
		font-size: 1em;
		margin: 0 0 15px 0;
	}
	h1, h2, h3, h4, h5 {
		color: #6d9125;
		font-weight: normal;
		font-family: Trebuchet MS, verdana, arial, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
	}
	

/* ---------------------------------- */
/* MAIN LINK STYLES  */   
/* ---------------------------------- */

	#menu {
		list-style: none;
		padding: 0 0 0px 0;
		margin: 37px 10px 30px 10px;
		background: url(../images/bg_links.gif) repeat-x bottom center #f0f0f0;
	}
	#menu li {
		list-style: none;
		padding: 0;
		margin: 0;
		border: 0;
		width: 179px;
		height: 31px;
	}
	#menu li a {
		padding: 0;
		margin: 0;
		display: block;
		text-indent: -3000px;
		background: url(../images/link_home.gif) no-repeat top left;
		width: 179px;
		height: 31px;
	}
	
	#menu li.homelink a { background: url(../images/link_home.gif) no-repeat top left; }
	#menu li.homelink a:hover { background: url(../images/link_home_hover.gif) no-repeat top left; }
	#menu li.homelink a.selected { background: url(../images/link_home_selected.gif) no-repeat top left; }
	
	#menu li.gyolink a { background: url(../images/link_gyo.gif) no-repeat top left; }
	#menu li.gyolink a:hover { background: url(../images/link_gyo_hover.gif) no-repeat top left; }
	#menu li.gyolink a.selected { background: url(../images/link_gyo_selected.gif) no-repeat top left; }
	
	#menu li.carelink a { background: url(../images/link_care.gif) no-repeat top left; }
	#menu li.carelink a:hover { background: url(../images/link_care_hover.gif) no-repeat top left; }
	#menu li.carelink a.selected { background: url(../images/link_care_selected.gif) no-repeat top left; }
	
	#menu li.healthlink a { background: url(../images/link_health.gif) no-repeat top left; }
	#menu li.healthlink a:hover { background: url(../images/link_health_hover.gif) no-repeat top left; }
	#menu li.healthlink a.selected { background: url(../images/link_health_selected.gif) no-repeat top left; }
	
	#menu li.contactlink a { background: url(../images/link_contact.gif) no-repeat top left; }
	#menu li.contactlink a:hover { background: url(../images/link_contact_hover.gif) no-repeat top left; }
	#menu li.contactlink a.selected { background: url(../images/link_contact_selected.gif) no-repeat top left; }
	
/* ---------------------------------- */
/* LINKS DIVISIONS   */   
/* ---------------------------------- */
	
	#linkscolumn p {
		padding: 0 15px 10px 15px;
	}
	#linkscolumn p.logobali, #linkscolumn p.logosgd {
		padding: 15px 8px;
		text-align: center;
	}
	
/* ---------------------------------- */
/* CONTENT   */   
/* ---------------------------------- */

	#content {
		margin: 0;
		padding: 25px;
		font-size: 80%;
	}
	
	.floatL {
		float: left;
		margin: 0 15px 15px 0;
	}
	.floatR {
		float: right;
		margin: 0 0 15px 15px;
	}
	
	
/* ---------------------------------- */
/* FOOTER */   
/* ---------------------------------- */
	
	#footer p {
		padding: 15px 0 0 25px;
		font-size: 80%;
		color: #fff;
	}
	
	
	