html {height: 100%;}
body {height: 100%; background: url(img/body_bg.gif) repeat; margin: 0px; font-family: Arial; font-size: 11px; line-height: 14px; color: #000000;}

img {border: 0px;}
img.border {border: 1px solid #a1968d;}
img.noborder {border: 0px;}
ul {padding: 0px; margin: 0px; list-style-type: disc;}
li {margin-left: 15px; margin-bottom: 5px; line-height: 12px;}

ul.nomargin {margin: 0px; margin-left: 15px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}

a {color: #b73d14; font-weight: bold; text-decoration: none;}
a:hover {color: #b73d14; text-decoration: underline;}

a.white {color: #FFFFFF; font-weight: normal;}
a.white:hover {color: #FFFFFF; font-weight: normal; text-decoration: underline;}

.rightmargin {margin-right: 15px;}
.margin {margin: 10px;}

#tree {width: 1024px; min-height: 509px; height: auto !important; height: 509px; background: url(img/tree_bg.gif) no-repeat bottom; margin: 0px auto;}
#tree #header {width: 760px; margin: 0px auto; margin-top: 9px; margin-bottom: 8px; text-align: right; font-family: Courier New; font-size: 15px; color: #534741;}
#tree #footer {width: 760px; margin: 0px auto; margin-top: 18px; padding-bottom: 141px; text-align: center; font-family: Arial; font-size: 11px; line-height: 14px;}
#tree #brownborder {width: 760px; background: #f1e8df; border: 1px solid #9c9188; margin: 0px auto;}
#tree #blackborder {width: 740px; background: #3a2503; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;}
#tree #header a.header {color: #000000; font-weight: normal;}
#tree #footer a.footer {color: #b73d14; font-weight: normal;}

#top {width: 718px; height: 288px; background: #f1e8df url(img/top_bg.gif) no-repeat; border: 1px solid #a1968d; border-bottom: none; margin: 0px auto; overflow: hidden;}
#top #logo {width: 138px; height: 268px; float: left; margin-left: 10px; margin-right: 10px; margin-top: 10px; display: inline;}
#top #tagline {width: 540px; height: 28px; float: left; margin-left: 10px; margin-top: 10px;}
#top #pic {width: 540px; height: 167px; float: left; margin-left: 10px; margin-top: 1px; background: url(img/top_pic_bg.gif) no-repeat;}
#top #pic #riang {float: left; width: 170px; height: 20px; background: #590000; border: 1px solid #7f7f7f; font-family: Courier New; font-size: 12px; font-weight: bold; text-align: center; color: #FFFFFF; margin-top: 21px; margin-left: 21px; padding-top: 4px;}
#top #pic #cicadatree {float: right; width: 102px; height: 74px; border: 1px solid #00ffff; margin-top: 21px; margin-right: 21px;}
#top #pic #cicadatree #text {float: right; width: 102px; height: 20px; background: #590000; border: 1px solid #7f7f7f; font-family: Courier New; font-size: 12px; font-weight: bold; text-align: center; color: #FFFFFF; margin-top: -1px; margin-right: -1px; padding-top: 4px;}
#top #menu {width: 518px; height: 49px; float: left; margin-left: 10px; margin-top: 1px; background: #3a2503; border: 1px solid #9b9087; padding: 10px;}
#top #menu img.top_01 {float: left; height: 24px; border: 1px solid #9b9087;}
#top #menu img.top_02 {float: left; height: 24px; border: 1px solid #9b9087; border-left: none;}
#top #menu img.top_03 {float: left; height: 24px; border: 1px solid #9b9087; border-left: none;}
#top #menu img.btm_01 {float: left; height: 24px; border: 1px solid #9b9087; border-top: none;}
#top #menu img.btm_02 {float: left; height: 24px; border: 1px solid #9b9087; border-top: none; border-left: none;}
#top #menu img.btm_03 {float: left; height: 24px; border: 1px solid #9b9087; border-top: none; border-left: none;}
#top #menu img.btm_04 {float: left; height: 24px; border: 1px solid #9b9087; border-top: none; border-left: none;}

#newsflash {width: 718px; min-height: 140px; height: auto !important; height: 140px; background: #f1e8df; border: 1px solid #a1968d; border-bottom: none; margin: 0px auto; overflow: hidden;}
* html #newsflash {height: auto;}
#newsflash .headerbar {height: 19px; background: #00ffff; border-bottom: 1px solid #a1968d; text-align: center; font-family: Courier New; font-size: 14px; font-weight: bold; letter-spacing: 10px; padding-top: 6px;}
#newsflash .listing {float: left; width: 285px; min-height: 87px; height: auto !important; height: 87px; margin-left: 8px; margin-top: 10px; display: block;}
#newsflash .pic {float: left; width: 134px; height: 87px; margin-left: 6px; margin-top: 10px;}
#newsflash .picdesc {float: left; width: 260px; height: 87px; margin-top: 10px; margin-left: 10px;}

#content {width: 718px; background: #f1e8df; margin: 0px auto; border: 1px solid #a1968d; border-top: none; overflow: hidden;}

#side {float: left; width: 159px; margin-left: 0px; overflow: hidden; display: inline;}
#side .headerbar {height: 19px; background: #729810; text-align: center; font-family: Courier New; font-size: 14px; font-weight: bold; color: #FFFFFF; padding-top: 6px; border-top: 1px solid #a1968d;}
#side .subheaderbar {height: 19px; background: #729810; text-align: center; font-family: Courier New; font-size: 12px; font-weight: bold; color: #FFFFFF; padding-top: 6px; border-top: 1px solid #a1968d; border-bottom: 2px dotted #a1968d;}
#side .listing {width: 140px; margin-left: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; overflow: hidden;}
#side .black {background: #000000; width: 159px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; color: #FFFFFF;}
#side .green {color: #729810; font-family: Courier New; font-size: 12px; font-weight: bold; text-align: center; padding-right: 12px; margin-bottom: 11px;}
#side .horizontalborder {width: 159px; height: 1px; background: #a1968d; overflow: hidden;}

#main {float: left; width: 558px; background: #f1e8df; border-left: 1px solid #a1968d; min-height: 765px; height: auto !important; height: 765px;} /* padding-bottom: 65px;*/

#home .heritage {float: left; width: 279px; border-right: 1px solid #a1968d;}
#home .heritage .headerbar {height: 19px; background: #000000; text-align: center; font-family: Courier New; font-size: 14px; font-weight: bold; color: #c3c993; letter-spacing: 10px; padding-top: 6px; border-top: 1px solid #a1968d;}
#home .heritage .subheaderbar {height: 19px; background: #c3c993; text-align: center; font-family: Courier New; font-size: 12px; font-weight: bold; color: #000000; padding-top: 6px; border-top: 1px solid #a1968d; border-bottom: 1px solid #a1968d;}
#home .heritage .thumb_01 {float: left; width: 124px; height: 113px; border: 1px solid #a1968d; margin-left: 10px; margin-top: 10px; display: inline;}
#home .heritage .thumb_02 {float: right; width: 124px; height: 113px; border: 1px solid #a1968d; margin-right: 10px; margin-top: 10px; display: inline;}
#home .heritage .thumb_title {width: 124px; height: 19px; background: #736e68; text-align: center; font-family: Courier New; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-top: 6px; line-height: 10px; border-bottom: 1px solid #948a82;}
#home .heritage .thumb_title_double {width: 124px; height: 19px; background: #736e68; text-align: center; font-family: Courier New; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-top: 1px; padding-bottom: 5px; line-height: 10px; border-bottom: 1px solid #948a82;}
#home .heritage .thumb_title_image{width: 124px; height: 25px; background: #736e68; text-align: center; font-family: Courier New; font-size: 11px; font-weight: bold; color: #FFFFFF;  line-height: 10px; border-bottom: 1px solid #948a82;}
#home .heritage .listing {width: 259px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; padding-right: 10px; overflow: hidden;} /*margin bottom 10 or 20 is ok*/
#home .heritage .listing_01 {float: left; width: 124px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; display: inline;}
#home .heritage .listing_02 {float: left; width: 124px; margin-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; display: inline;}
#home .heritage .quote {color: #736e68;}
#home .students {float: left; width: 278px;}
#home .students .headerbar {height: 19px; background: #000000; text-align: center; font-family: Courier New; font-size: 14px; font-weight: bold; color: #00ffff; letter-spacing: 10px; padding-top: 6px; border-top: 1px solid #a1968d;}
#home .students .subheaderbar {height: 19px; background: #c8bae3; text-align: center; font-family: Courier New; font-size: 12px; font-weight: bold; color: #000000; padding-top: 6px; border-top: 1px solid #a1968d; border-bottom: 1px solid #a1968d;}
#home .students .listing {width: 258px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; overflow: hidden;}
#home .flash {width: 278px; height: 228px;}
.storyheader {color: #b73d14; font-size: 16px;}
.storysubheader {color: #545454; font-size: 12px; font-weight: bold;}
.storysubheader_invert {color: #ffffff; font-size: 12px; font-weight: bold;}
.paddedborder {padding: 3px; border: 1px solid #a1968d;}
.more {font-size: 12px; font-weight: bold;}
.more_small {font-size: 10px; font-weight: bold;}
.more_invert {color: #9c9188; font-size: 10px; font-weight: bold;}
.calltoaction {font-size: 12px; font-weight: normal;}

#internal #headerbar {height: 19px; background: #000000; text-align: center; font-family: Courier New; font-size: 14px; font-weight: normal; color: #ffffff; padding-top: 5px; padding-bottom: 1px; border-top: 1px solid #a1968d;}
#internal #singlecolumn {margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 20px; overflow: hidden;}
#internal #widecolumn {float: left; width: 388px; margin-left: 10px; margin-right: 10px; margin-top: 10px; overflow: hidden; display: inline;}
#internal #narrowcolumn {float: right; width: 150px; background: #ddcebf; padding-bottom: 20px;}

#narrowcolumn .submenurow {padding-left: 19px; padding-right: 19px; background: #ddcebf; font-family: Arial; font-size: 11px; font-weight: bold; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #a1968d;}
#narrowcolumn .submenurow a {color: #b73d14; text-decoration: none;}
#narrowcolumn .submenurow a:hover {color: #b73d14; text-decoration: underline;}
#narrowcolumn .submenurow ul li {margin-bottom: 6px;}
#narrowcolumn .submenurow ul li.last{margin-bottom: 0px;}
#narrowcolumn .submenurow .submenu {}
#narrowcolumn .submenurow .submenu ul {padding: 0px;}
#narrowcolumn .submenurow .submenu li {margin: -15px;}
#narrowcolumn .submenurow .submenu .submenu_selected {color: #590000;}
#narrowcolumn .submenurow_selected {background: #f1ba78; font-family: Arial; font-size: 11px; font-weight: bold; color: #b73d14; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #a1968d;}

#singlecolumn .articlepic_left {float: left; width: 248px; border: 0px solid #a1968d; margin-left: 0px; margin-top: 10px; display: inline;}
#singlecolumn .articlepic_right {float: right; width: 248px; border: 0px solid #a1968d; margin-left: 10px; margin-right: 10px; margin-top: 10px; display: inline;}
#singlecolumn .articlepic_caption {font-size: 11px; color: #5f5853; padding: 5px; padding-top: 0px; line-height: 13px;}
#singlecolumn .articlepic_left img {padding: 3px; border: 1px solid #a1968d;}
#singlecolumn .articlepic_right img {padding: 3px; border: 1px solid #a1968d;}
#singlecolumn a img:hover {background: #a1968d;}

#widecolumn .articlepic_left {float: left; width: 175px; padding: 0px; border: 0px solid #a1968d; margin-left: 0px; margin-top: 10px; display: inline;}
#widecolumn .articlepic_right {float: right; width: 175px; padding: 0px; border: 0px solid #a1968d; margin-left: 10px; margin-right: 10px; margin-top: 10px; display: inline;}
#widecolumn .articlepic_center {float: left; width: 350px; padding: 0px; border: 0px solid #a1968d; margin-left: 10px; margin-right: 10px; margin-top: 10px; display: inline;}
#widecolumn .articlepic_caption {font-size: 11px; color: #5f5853; padding: 5px; padding-top: 0px; line-height: 13px;}
#widecolumn .articlepic_centerimg {display:block; margin:0 auto; text-align:center;}
#widecolumn .articlepic_left img {padding: 3px; border: 1px solid #a1968d;}
#widecolumn .articlepic_right img {padding: 3px; border: 1px solid #a1968d;}
#widecolumn .articlepic_center img {padding: 3px; border: 1px solid #a1968d;}
#widecolumn .articlepic_centerimg img {padding: 3px; border: 1px solid #a1968d;}
#widecolumn a img:hover {background: #a1968d;}
#widecolumn ol {padding: 0px; margin: 0px;}
#widecolumn li {margin-left: 24px;}

#internal .article_h1 {font-size: 18px; color: #545454; font-weight: bold; margin-top: 0px; line-height: 18px; padding-bottom: 15px;}
#internal .article_h2 {font-size: 16px; font-weight: normal; color: #62574d; line-height: 18px; margin-top: 0px;}
#internal .article_h3 {font-size: 12px; font-weight: bold; color: #62574d; line-height: 18px;}
#internal .article_h4 {font-size: 12px; font-weight: bold; color: #62574d; line-height: 14px;}

#internal .recycle .logo {float: left; width: 93px;}
#internal .recycle .text {float: left; width: 282px; margin-left: 10px;}
#internal .left {float: left; width: 100px;}
#internal .right {float: left; width: 270px; margin-left: 10px;}
#internal .familytree_left {width: 120px;}
#internal .familytree_right {width: 400px;}
#internal .aboutthecicadatree {width: 130px;}
#internal .notopmargin {margin-top: 0px;}
#internal .nobottommargin {margin-bottom: 0px;}
#internal .noleftmargin {margin-left: 0px;}
#internal .norightmargin {margin-right: 0px;}
#internal .nobold {font-weight: normal;}
#internal .nospacing {height: 1px;}
#internal .blockquote {margin-left: 30px;}

#internal #ecolivingnow_ecoproducts {display: none; margin: none; padding: none;}
#internal #precious_tiger {display: none; margin: none; padding: none;}
#internal #precious_temasek {display: none; margin: none; padding: none;}
#internal #precious_discovery {display: none; margin: none; padding: none;}
#internal #precious_readings{display: none; margin: none; padding: none;}
#internal #eep_mad {display: none; margin: none; padding: none;}
#internal #eep_walks {display: none; margin: none; padding: none;}
#internal #buddingnaturalists_wildatwork {display: none; margin: none; padding: none;}

#internal input {margin: 0px; margin-right: 5px; margin-top: 10px; font-family: Tahoma; font-size: 11px;}
#internal form .left {float: left; font-weight: bold; width: 130px; margin-top: 5px;}
#internal form .right {float: left; width: 350px;}
#internal form .name {width: 300px;}
#internal form .email {width: 300px;}
#internal form .contact {width: 300px;}
#internal form .company_designation {width: 300px;}
#internal form .school {width: 300px;}
#internal form .grade {width: 300px;}
#internal form .birthdate {width: 20px;}

/* Utility Classes */
.divider {width: 100%; height: 15px; border-bottom: 2px dotted #a1968d; margin-bottom: 12px;}
.bold {font-weight:bold;}
.em {font-style:italic;}
.underline {text-decoration: underline;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}
.center {text-align: center;}
.alignright {text-align: right;}