/*-- General CSS --*/
html {font-size:62.5%; height:100%;}
body {font-family:Georgia, 'Times New Roman' , Times, serif; color:#000; font-size:11px; background:#FFF; height: 600px;}
a {color: #000; text-decoration:underline;}
a:hover {text-decoration:none;}
p {line-height:140%;}

.hide {display:none;}
.show {display:inline;}
.highlightedText {font-weight:bold}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, input, textarea, select {font-size:1.0em; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
li {list-style:none;}
em, strong, th {font-style:normal; font-weight:normal;}
caption, th {text-align:left;}
h1 {font: 2.3em Georgia, "Times New Roman" , Times, serif; color: #000;}
h2 {font-family:Arial,Helvetica,sans-serif; font-size:1.01em; color: #999;}
h4 {font: 1.6em Georgia, "Times New Roman" , Times, serif; color: #000;}

.layout {text-align:left;}
.line {width: 960px; border-top: solid 1px #666; margin: 0 auto; padding: 10px 0px;}

/*-- Different Section Colors --*/
body.events {background-color: #ff6633}
body.lcd {background-color: #66cc00}
body.lobang {background-color: #ffcc00}
body.rojak {background-color: #ff33ff}
body.worm {background-color: #cc9933}
body.work {background-color: black; color: white;}
body.stamp {background-image:url('/bank/stamp/farm_stamp_bg01.gif');}

/*-- Home page is now BLACK --*/
body.home {background-color: black; color: white;}
body.home h1 {font: 2.3em Georgia, "Times New Roman" , Times, serif; color: white;}
body.home h2 {font-family:Arial,Helvetica,sans-serif; font-size:1.01em; color: #999;}
body.home h4 {font: 1.6em Georgia, "Times New Roman" , Times, serif; color: white;} 

/*-- Header CSS --*/
/* menu */
div.menu {text-align: left}
div.menu div.band {margin: 35px 0px; width: 960px;}
div.menu div {position: relative; float: left; color: #000; margin-right: 96px}
/* temp code */
div.menu div.newband {margin: 35px 0px; width: 960px;}
div.menu div.newband div {margin-right: 96px}
div.menu div.newband div.right {margin-right: 0px;}
/* end temp code */

/* new menu */
div.menu div.menu-item {margin: 35px 0px; width: 185px; height: 20px; text-align: center;}
div.menu img.menu-selectable:hover {cursor:pointer;}
div.menu div.menu-left {text-align: left; width: 110px;}
div.menu div.menu-right {text-align: right; width: 110px;}

body.home div.menu div {color: white;}
div.menu div.section {opacity: 0.3}
div.menu div.current {opacity: 1.0}
div.menu div.hover {opacity: 0.5;}
div.menu div.click {opacity: 1.0;}
div.menu div.right {margin-right: 0px}
div.menu div a {color: #000; text-decoration: none}
body.home div.menu div a {color: white;}
div.submenu {z-index: 100}
div#searchbox {z-index: 100; border-bottom: black 1px solid; position: absolute; text-align: right; border-left: black 1px solid; padding-bottom: 5px; background-color: #eee; padding-left: 5px; width: 215px; padding-right: 5px; display: none; height: 20px; color: black; border-top: black 1px solid; top: 25px; right: -5px; border-right: black 1px solid; padding-top: 5px}
.header {text-align: center;margin: 0 auto; padding: 0 0 10px 0; width: 960px;}
.header a:hover {color: #001; text-decoration: none;}
body.home .header a {color: #666;}
body.home .header a:hover {color: #DDD;}
.menu {margin: 0 auto; text-align: right; width: 960px; height: 90px; font-family: Georgia, 'Times New Roman' , Times, serif; font-size: 1.45em; position: relative;}
.menuLogo {position: absolute; bottom: 35px; left: 5px;}
.menuWork {position: absolute; bottom: 35px; right: 5px; z-index: 1;}
.subMenu {margin: 0 auto; width: 960px; height: 25px; font-family: Georgia, 'Times New Roman' , Times, serif; font-family: arial, sans-serif;font-size: 1.01em; color: #000; border-top: solid 1px #000; border-bottom: solid 1px #000; position: relative;}
body.home .subMenu {color: #666; border-top: solid 1px #666; border-bottom: solid 1px #666;}
.subMenuDate {position: absolute; bottom: 6px; left: 5px;}
.subMenuAbout {position: absolute; bottom: 6px; right: 5px; z-index: 1;}
.subMenuLeftText {position: absolute; bottom: 6px; left: 5px;}
.subMenuRightText {position: absolute; bottom: 2px; right: 0px; z-index: 1; height: 20px;}
div.parts {position: relative; float: left; border-right: black 1px solid; margin-right: 5px; padding-right: 5px;}
body.home div.parts {border-right: solid 1px #666;}
div.parts a:hover {cursor: pointer;}
div.last {border-right: none; margin-right: 0px; padding-right: 0px;}
body.home div.last {border-right: none;}
.subMenuPart {padding: 0px 5px; border-right: black 1px solid; float: left; margin-top: 2px;}
body.home .subMenuPart {border-right: #666 1px solid;}
.subMenuPartLast {padding-right: 0px; border-right: none; margin-top: 1px;}
body.home .subMenuPartLast {border-right: none;}
div.search {margin-bottom: 0px; height:17px; width:150px; background:url('/bank/common/farm_search_bar_left.png') no-repeat left top; position: relative;}
body.home div.search {background:url('/bank/common/farm_search_bar_left_white.png') no-repeat left top;}
div.search input {position: absolute; top: 0px; left: 0px; background:none; border: none; width:134px; height:14px; margin:0px; padding: 1px 2px 1px 2px; font-family: arial, sans serif;}
body.home div.search input{color: #666;}
div.search img {position: absolute; right:0px;}

/* common */
#home {position: relative; margin: 0px auto; width: 960px; margin-bottom: 5px;}
.fixed {height: 485px;}
.withmargin {padding: 0px 5px; width: 950px;}
.centered {margin: 0 auto;}
.h1text {font-family: georgia, 'times new roman' , times, serif; font-size: 2.3em;}
.topline {border-top: black 1px solid; margin-top: 10px;}
body.home .topline {border-top: #666 1px solid;}
.bottomline {border-bottom: black 1px solid; margin-bottom: 10px;}

/*-- Footer CSS --*/
.footer {width: 960px; height: 40px; vertical-align: text-top; border-top: solid 1px #000; margin: 0 auto; padding-top: 5px; font-family: arial, sans-serif; font-size: 1em;color: #000; text-align: right; position: relative; overflow: hidden; clear:both;}
.footer a:hover {color: #000;}
.footer span.current {text-decoration: underline;}
div.footer div.leftfooter {float: left}
div.footer div.rightfooter {float: right}
body.home .footer {border-top: #666 1px solid; color: #666;}
body.home .footer a {color: #666;}
body.home .footer a:hover {color: #DDD;}