body {
	width: 100%;
	margin: 0;
	padding: 0;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333333;
	background: #dedede url(/images/bkgnd.gif);
}
body, html {
	height: 101%;
}
a {
	cursor: pointer;
	cursor: hand;
}



.clearer {
	width: 100%;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
}
form .clearer {
	width: 100%;
	height: 1px;
	margin: 3px 0 0 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
}
.line {
	width: 100%;
	height: 1px;
	border: 0;
	color: #eeeeee;
	background: #eeeeee;
}



#wrapper-body {
	width: 1000px;
	margin: 0 auto;
	padding: 0 8px;
	background: url(/images/bkgnd_wbody.gif) repeat-y center;
}









#wrapper-vtop {
	width: 984px;
	height: 78px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	display: block;
	clear: both;
	background-color: transparent;
	background-image: url(/images/bkgnd_vtop.gif);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}
.home #wrapper-vtop {
	background-image: url(/images/bkgnd_vtop-home.gif);
}
#wrapper-vtop .logo img {
	width: 132px;
	height: 46px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 36px;
	left: 95px;
	border: 0;
}



#picmenu {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#picmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#picmenu ul li {
	margin: 0 1px 0 0;
	display: inline;
	float: left;
}
#picmenu ul li a {
	height: 77px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
	background: none;
}
#picmenu ul li a.nav1 {
	width: 64px;
	margin: 0 57px 0 55px;
	background: none;
}
#picmenu ul li a.nav1:hover, #picmenu ul li.active a.nav1 {
	background: none;
}
#picmenu ul li a.nav2 {
	width: 100px;
}
#picmenu ul li a.nav2:hover, #picmenu ul li.active a.nav2 {
	background: transparent url(/images/bkgnd_nav-2.gif) no-repeat top left;
}
#picmenu ul li a.nav3 {
	width: 113px;
}
#picmenu ul li a.nav3:hover, #picmenu ul li.active a.nav3 {
	background: transparent url(/images/bkgnd_nav-3.gif) no-repeat top left;
}
#picmenu ul li a.nav4 {
	width: 123px;
}
#picmenu ul li a.nav4:hover, #picmenu ul li.active a.nav4 {
	background: transparent url(/images/bkgnd_nav-4.gif) no-repeat top left;
}
#picmenu ul li a.nav5 {
	width: 99px;
}
#picmenu ul li a.nav5:hover, #picmenu ul li.active a.nav5 {
	background: transparent url(/images/bkgnd_nav-5.gif) no-repeat top left;
}
#picmenu ul li a.nav6 {
	width: 125px;
}
#picmenu ul li a.nav6:hover, #picmenu ul li.active a.nav6 {
	background: transparent url(/images/bkgnd_nav-6.gif) no-repeat top left;
}
#picmenu ul li a.nav7 {
	width: 89px;
}
#picmenu ul li a.nav7:hover, #picmenu ul li.active a.nav7 {
	background: transparent url(/images/bkgnd_nav-7.gif) no-repeat top left;
}
#picmenu ul li a.nav8 {
	width: 88px;
}
#picmenu ul li a.nav8:hover, #picmenu ul li.active a.nav8 {
	background: transparent url(/images/bkgnd_nav-8.gif) no-repeat top left;
}









#wrapper-top {
	width: 984px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	background-image: url(/images/bkgnd_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}
.home #wrapper-top {
	height: 370px;
	background-image: url(/images/bkgnd_top-home.jpg);
}
/* both #banner div, and the img inside must have "width" set */
#banner {
	width: 300px;
	margin: 12px 11px 11px 10px;
	_margin: 28px 11px 11px 6px;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	border: 0;
}
#banner img {
	width: 300px;
	height: 190px;
	border: 0;
}








#wrapper-main {
	width: 984px;
	margin: 0 auto;
	padding: 0 0 34px 0;
	position: relative;
	clear: both;
	background-image: transparent;
	background-image: url(/images/bkgnd_wmain.gif);
	background-repeat: repeat-y;
	background-position-x: center;
	overflow: hidden;
}
.home #wrapper-main {
	padding: 0 0 0 0;
	background-image: url(/images/bkgnd_wmain-home.gif);
}
#main {
	width: 984px;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	clear: both;
	background-color: transparent;
	background-image: url(/images/bkgnd_main.gif);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}
.home #main {
	background-image: url(/images/bkgnd_main-home.gif);
}


/* content :: width - padding*/
#main-center {
	width: 626px;
	margin: 4px 40px 0 0;
	_margin: 4px 20px 0 0;
	padding: 18px 34px 55px 34px;
	display: block;
	float: right;
	position: relative;
	line-height: 160%;
	background-color: transparent;
	background-image: url(/images/bkgnd_main_center.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
.home #main-center {
	width: 984px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	background: none;
}
#main-center h1, .column h1 {
	margin: 0;
	padding: 18px 0 13px 0;
	font-size: 160%;
	color: #ff6600;
}
#main-center h2, .column h2 {
	margin: 0;
	padding: 13px 0 8px 0;
	font-size: 125%;
	color: #006699;
}
#main-center p, .column p {
	margin: 0;
	padding: 8px 0;
	font-size: 100%;
	_font-size: 110%;
	text-align: justify;
}
#main-center hr {
	width: 100%;
	height: 1px;
	margin: 3px 0;
	_margin: 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
	border: 0;
	color: #C7C9BF;
	background: #C7C9BF;
}
#main-center a {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #006699;
}
#main-center a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #333333;
}



.committee tr td:first-child {
	font-weight: bold;
}




#main-center .bigbutton {
	font-weight: bold;
	margin: 0 0 8px 21px;
	padding: 3px 7px 5px 6px;
	display: block;
	float: right;
	text-decoration: none;
	color: #000000;
	font-size: 100%;
	border: 0;
	background: #C7E200 url(/images/bkgnd_menu_triangle.gif) no-repeat bottom right;
}
#main-center .bigbutton:hover {
	color: #ffffff;
	background: #000000 url(/images/bkgnd_menu_triangle.gif) no-repeat bottom right;
	border: 0;
}
#main-center.home h1 {
	font-size: 14px;
}



.column {
	width: 300px;
	_width: 297px;
	margin: 0 5px 55px 5px;
	padding: 0 5px;
	display: block;
	float: left;
	background: #ffffff;
}
.middle {
	width: 298px;
	margin: 0 0 34px 0;
	padding: 0 10px 55px 10px;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}
.column ul {
	margin: 0;
	padding: 0;
}
.column ul li {
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
	color: #003366;
	background: #f9f9f9;
	border: 1px solid #f0f0f0;
}
.column ul li:hover {
	background: #DBEAF1;
}
.left .partners {
	margin: 0 auto;
	padding: 0 0 0 21px;
	text-align: center;
}
#main-center .column ul a {
	width: auto;
	margin: 0 0 0 3px;
	padding: 0 8px 0 22px;
	display: block;
	text-decoration: none;
	border: none;
	font-weight: bold;
	color: #006699;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/images/table_go.png);
}
#main-center .column ul a:hover {
	color: #003366;
}
#main-center .column ul a.pdf {
	background-image: url(/images/page_white_acrobat.png);
}

#main-right {
	width: 180px;
	_width: 190px;
	margin: 18px 0 0 55px;
	_margin: 10px 0 0 20px;
	padding: 0 0 8px 0;
	display: block;
	float: left;
	position: relative;
}
#main-right.home {
	visibility: hidden;
	display: none;
}
#main-right h3 {
	margin: 13px 0 0 0;
	padding: 5px;
	position: relative;
	font-size: 110%;
	color: #666666;
}
#main-right h3 a, #main-right h3 a:hover {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	font-size: 90%;
	font-weight: normal;
	color: #cc0000;
}
#main-right p {
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 90%;
	line-height: 180%;
	color: #666666;
}
#main-right p label {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
#main-right p label input radio {
	padding: 0 0 2px 0;
}
#submenu ul {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
#submenu ul li {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	clear: both;
}
#submenu ul li a, #submenu ul li.active a {
	width: 169px;
	margin: 0 0 0 11px;
	padding: 8px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	border-bottom: 1px dotted #999999;
}
#submenu ul li a:hover, #submenu ul li.active a {
	color: #ff6600;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #ff6600;
}
#submenu .button img {
	border: 0;
}
#submenu ul li ul {
	width: 80%;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	position: relative;
	float: right;
}
#submenu ul li ul li {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	clear: both;
}
#submenu ul li ul li a {
	width: 100%;
	margin: 0 0 0 -16px;
	padding: 8px;
	display: block;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #008EB7;
	background: #bab5ac;
}
#submenu ul li ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #008EB7;
}
#sidebar.home {
	visibility: hidden;
	display: none;
}







#wrapper-prefooter {
	width: 1000px;
	height: 21px;
	margin: 0;
	padding: 0;
	display: block;
	background: transparent url(/images/bkgnd_prefooter.gif) no-repeat top center;
	overflow: hidden;
}
#wrapper-footer {
	width: 100%;
	display: block;
	overflow: hidden;
}
#footer {
	width: 900px;
	margin: 0 auto;
	padding: 13px 42px 21px 42px;
	position: relative;
	font-weight: normal;
	font-size: 80%;
	color: #666666;
	overflow: hidden;
}
#footer a, #footer a:hover {
	color: #666666;
	text-decoration: none;
}
#menu {
	width: 900px;
	margin: 0 auto;
	padding: 21px 42px 8px 42px;
	text-align: left;
	color: #ffffff;
	font-size: 90%;
	font-weight: normal;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	display: inline;
	float: left;
}
#menu ul li a {
	font-weight: normal;
	margin: 0 21px 0 0;
	padding: 0;
	float: left;
	text-decoration: none;
	color: #999999;
	border: none;
}
#menu ul li a:hover, #menu ul li.active a {
	color: #cccccc;
}









#main-center fieldset {
	margin: 0 0 21px 0;
	background: #eeeeee;
	border: 1px solid #dddddd;
}
#main-center legend {
	margin: 0 0 15px 0;
	padding: 0 8px;
	background: transparent;
	color: #999999;
	font-size: 10px;
	font-weight: bold;
}
#main-center label {
	width: 165px;
	height: 28px;
	padding: 0 8px 0 0;
	float: left;
	text-align: right;
	line-height: 25px;
}
#main-center label.req {
	font-weight: bold;
}
#main-center label.req:after {
	content: " *";
	color: #cc0000;
}
#main-center label.double {
	width: 295px;
}
#main-center select, #main-center input, #main-center textarea {
	width: 300px;
	margin: 0 0 0 8px;
	float: left;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
	text-decoration: none;
	color: #001733;
	font-weight: bold;
}
#main-center select {
	width: 310px;
	margin: 3px 0 0 8px;
}
#main-center select.small {
	width: 65px;
}
#main-center input.half {
	width: 150px;
}
#main-center select.half {
	width: 160px;
}
#main-center input.third {
	width: 80px;
}
#main-center select.third {
	width: 90px;
}
#main-center .fsubmit {
	width: 100px;
}
#main-center .reg-value {
	width: 90px;
	margin-left: 8px;
	float: left;
}
#main-center .reg-value2 {
	width: 130px;
	float: left;
	color: #808080;
}
#main-center .reg-mtotal {
	width: 100px;
	float: left;
	font-weight: bold;
}
#main-center .reg-mtotal2 {
	width: 130px;
	float: left;
	font-weight: bold;
}
#main-center .reg-mtotal:before, #main-center .reg-mtotal2:before {
	content: "= S$";
}
#main-center b.confirm {
	height: 28px;
	padding: 0 0 0 8px;
	float: left;
	line-height: 25px;
	font-weight: bold;
	font-size: 125%;
}
#main-center .reg-total {
	width: 70px;
	margin-left: 8px;
	font-weight: bold;
}
#main-center .reg-total:before {
	content: "S$";
}


#main-center .fsubmit {
	width: 100%;
	height: 34px;
	margin: 8px 0 0 0;
	padding: 0;
	display: block;
	position: relative;
	clear: both;
}
#main-center .fsubmit span.submit {
	_width: 100px;
	_white-space: nowrap;
	float: right;
	margin-left: 13px;
}
#main-center .fsubmit span.reset {
	_width: 100px;
	_white-space: nowrap;
	float: left;
}
#main-center .fsubmit a, .fsubmit a:hover {
	margin: 0 1px;
	padding: 1px 0;
	display: block;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
	border: none;
	clear: both;
	background: #EE5D22;
	cursor: pointer;
}
#main-center .fsubmit a:hover {
	background: #FBA538;
	color: #006699;
}
#main-center .fsubmit .reset a {
	background: #999999;
	color: #333333;
}
#main-center .fsubmit .reset a:hover {
	background: #666666;
	color: #cccccc;
}
#main-center .fsubmit a b {
	height: 25px;
	.height: 25px;
	margin: 0 -1px;
	padding: 3px 13px;
	display: block;
	line-height: 25px;
	border-color: #EE5D22;
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	border-bottom: 0;
	white-space: nowrap;
}
#main-center .fsubmit a:hover b {
	border-color: #FBA538;
}
#main-center .fsubmit .reset a b {
	border-color: #999999;
}
#main-center .fsubmit .reset a:hover b {
	border-color: #666666;
}









.message {
	width: 452px;
	margin: 0 0 8px 0;
	padding: 5px;
	display: block;
	background: #ffcc00;
	color: #333333;
	line-height: 15px;
}
.error b {
	color: #cc0000;
}
ok {
	background: #009900;
	color: #ffffff;
}
ok b {
	color: #ffcc00;
}








/** Search Results **/
#search-results {
	margin: 0;
	padding: 8px 0;
	display: block;
	background: #eeeeee;
}


.resultprehead {
	margin: 0 0 0 13px;
	font-size: 10px;
	color: #666;
}

#search-results hr {
	width: 100%;
	height: 1px;
	margin: 3px 0;
	_margin: 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
	border: 0;
	color: #ddd;
	background: #ddd;
}
#search-results ul {
	height: 32px;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	font-size: 12px;
	line-height: 32px;
	clear: both;
	border-bottom: 1px dotted #ccc;
}
#search-results ul li {
	margin: 0 8px;
	padding: 0;
	display: inline;
	float: left;
	white-space: nowrap;
	color: #888;
}
#search-results ul.resultrow li {
	color: #333;
}
#search-results ul li a, #search-results ul li a:hover {
	margin: 5px auto 0 auto;
	padding: 1px 0;
	display: block;
	position: relative;
	clear: both;
	border: none;
	background: #b4b3ab;
	white-space: nowrap;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
#search-results ul li a b {
	height: 18px;
	.height: 18px;
	margin: 0 -1px;
	padding: 1px 3px;
	display: block;
	line-height: 18px;
	border-color: #b4b3ab;
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	border-bottom: 0;
	white-space: nowrap;
}
#search-results ul li a.new {
	background: #ee0000;
	color: #ffffff;
	font-size: 11px;
}
#search-results ul li a.new b {
	border-color: #ee0000;
}
#search-results ul li a.pending {
	background: #ff9900;
	color: #ffffff;
	font-size: 11px;
}
#search-results ul li a.pending b {
	border-color: #ff9900;
}
#search-results ul li a.canceled {
	background: #999999;
	color: #666666;
	font-size: 11px;
}
#search-results ul li a.canceled b {
	border-color: #999999;
}
#search-results ul li a.completed {
	background: #92D64C;
	color: #529F20;
	font-size: 11px;
	cursor: help;
}
#search-results ul li a.completed b {
	border-color: #92D64C;
}


#search-results ul li a:hover {
	background: #D2EBFB;
	color: #003366;
}
#search-results ul li a:hover b {
	border-color: #D2EBFB;
}
#search-results ul li a.completed:hover {
	background: #92D64C;
	color: #529F20;
}
#search-results ul li a.completed:hover b {
	border-color: #92D64C;
}


#search-results ul li a.icon, #search-results ul li a.icon:hover {
	width: 16px;
	height: 16px;
	margin: 8px auto 0 auto;
	padding: 0;
	border: none;
	background-color: #bbb;
	background-repeat: no-repeat;
	background-position: center center;
}
#search-results ul li .email, #search-results ul li .email:hover {
	background-image: url(/admin/_ikons/email.gif);
}










#search-results ul li.id {
	width: 100px;
	text-align: center;
}
#search-results ul li.fullname {
	width: 300px;
}
#search-results ul.resultrow li.fullname {
	font-weight: bold;
	cursor: help;
}
#search-results ul li.userdistr {
	width: 130px;
}
#search-results ul li.userclub {
	width: 130px;
}
#search-results ul li.useremail {
	width: 32px;
}
#search-results ul li.ordernum {
	width: 80px;
	margin-left: 34px;
	cursor: help;
}
#search-results ul li.orderstatus {
	width: 70px;
}
#search-results ul li.orderamount {
	width: 80px;
}
#search-results ul.resultrow li.orderamount {
	font-weight: bold;
}
#search-results ul.resultrow li.orderamount:before {
	content: "S$ ";
}
#search-results ul li.orderdate {
	width: 120px;
}
#search-results ul.resultrow li.orderdate {
	font-size: 10px;
}

.sr-title {
	font-size: 14px;
	font-weight: bold;
	color: #8e356c;
}
.sr-summary {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 150%;
}
.sr-date-title {
	font-size: 9px;
	font-weight: normal;
	color: #666666;
}
.sr-date {
	font-size: 9px;
	color: #666666;
	font-style: italic;
}
a.sr-link, a.sr-link:active, a.sr-link:hover, a.sr-link:visited {
	font-size: 11px;
	color: #1d6691;
	font-weight: bold;
	text-decoration: none;
}
a.sr-link:hover {
	text-decoration: underline;
}



.bottom_nav {
	margin: 8px 13px 1px 13px;
	padding: 0;
	font-size: 11px;
	color: #666;
}
.bottom_nav p {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 11px;
}
.bottom_nav .numnolink {
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 1px 4px;
	line-height: 11px;
	background: #666;
	color: #ccc;
	font-weight: bold;
	text-align: center;
}
.bottom_nav .numlink {
	width: 11px;
	height: 11px;
	margin: 2px;
	padding: 0 3px;
	line-height: 11px;
	background: #999;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}
.bottom_nav .numlink:hover {
	background: #fff;
	color: #999;
	border: 0;
}







#error {
	width: 96%;
	margin: 0 0 13px 0;
	padding: 2%;
	background: #dd0000;
	color: #ffffff;
	line-height: 18px;
}
#error h1, #error .firstline {
	font-size: 18px;
	font-weight: bold;
	color: #ffcc00;
	margin: 0;
	padding: 0;
}












/* search form */
#searchf {
	width: 594px;
	margin: 0 8px 8px 8px;
	padding: 8px;
	background: #f5f5f5;
	overflow: hidden;
}
#searchf select, #searchf input, #searchf textarea {
	width: 315px;
	margin: 3px 0 0 0;
	padding: 3px;
	float: left;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
	text-decoration: none;
	color: #001733;
	font-weight: bold;
}
#searchf select {
	width: 150px;
	margin: 3px 0 0 8px;
	padding: 5px;
}

#searchf .fsubmit {
	width: 90px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: right;
	clear: none;
	position: relative;
	_white-space: nowrap;
}


div.xrpp {
	margin: 0 13px 8px 0;
	float: right;
	font-size: 10px;
	line-height: 20px;
	overflow: hidden;
}
div.xrpp select#xrpp {
	width: 45px;
	margin: 0 0 0 8px;
	padding: 1px 0 0 0;
	float: right;
	font-size: 10px;
	font-weight: normal;
}








/* ul#subsubmenu */
#subsubmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
	overflow: hidden;
}
#subsubmenu ul li {
	_width: 100px;
	_white-space: nowrap;
	margin: 8px 13px 0 0;
	display: inline;
	float: left;
}
#subsubmenu ul li a, #subsubmenu ul li a:hover {
	margin: 0 1px;
	padding: 1px 0;
	display: block;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	color: #333333;
	border: none;
	clear: both;
	background: #b4b3ab;
	cursor: pointer;
}
#subsubmenu ul li.active a, #subsubmenu ul li a:hover {
	background: #ff6600;
	color: #ffffff;
}
#subsubmenu ul li a b {
	height: 18px;
	.height: 18px;
	margin: 0 -1px;
	padding: 1px 8px;
	display: block;
	line-height: 18px;
	border-color: #b4b3ab;
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	border-bottom: 0;
	white-space: nowrap;
}
#subsubmenu ul li.active a b, #subsubmenu ul li a:hover b {
	border-color: #ff6600;
}