/* general stuff */

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#898989;
}

ol {
padding:0px;
margin-left:28px;
text-align:left;
background: transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-size:11px;
}
ul {
padding-top:0px;
margin-top:0px;
}

li {
padding-bottom:0px;
padding-top:0px;
margin-top:0px;
}
ol li {
padding-bottom:10px;
}

img {
border:0px;
}

td {
vertical-align:top;
}

a {
text-decoration: none;
font-weight:normal;
color:#727272;
}
 
/* Layout */

#maintable {
background-color:#FFFFFF;
width:720px;
margin-left:auto;
margin-right:auto;
vertical-align:top;
}

#mast1 {
padding-left:17px;
height:82px;
text-align:left;
vertical-align:middle;
}
#mast2 {
padding-right:20px;
height:82px;
text-align:right;
vertical-align:middle;
}
#mast3 {
padding-left:20px;
padding-bottom:5px;
font-size:12px;
padding-right:20px;
text-align:left;
vertical-align:middle;
}
#mast2 .moduletable {
margin-right:0px;
margin-left:auto;
}
#mast {
height:250px;
/*background: transparent url(../images/mast.jpg);*/
border-bottom: 1px solid #FFFFFF;
}

#menurow {
width:100%;
height:28px;
vertical-align:middle;
text-align:left;
background-color:#80B801;
padding-left:22px;
border-bottom: 1px solid #FFFFFF;
}
#menurow .moduletable {
margin:0px;
padding:0px;
height:100%;
width:100%;
}
#menurow .moduletable td{
padding:0px;
vertical-align:middle;
}
.search {
margin: 0px;
padding: 0px;
padding-bottom:10px;
vertical-align: top;
}
.moduletablebuzz, .moduletableb {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-size:11px;
text-decoration:none;
padding:0px;
}
.moduletablebuzz ul {
padding-left: 15px;
padding-top:0px;
margin-top:0px;
margin-left:2px;
}
.moduletablebuzz li {
padding-bottom: 0px;
}
.moduletablebuzz  a{
color:#004a00;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-size:11px;
text-decoration: none;
padding:0px;
}
.moduletableevent td a, .contentpagetitleevent {
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.moduletableevent td{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
font-size:11px;
text-decoration:none;
padding:3px;
}
a#green  {
color:#004a00;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}
a#white  {
color:#000000;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
}

.search .inputbox{
width: 104px;
height: 18px;
vertical-align:middle;
background: #F8F9F1;
border: 1px solid #C3C3BB;
margin: 0px;
padding: 0px;
margin-right:3px;
margin-bottom:6px;
text-align:center;
color: #80B801;
}

.search .button{
width: 30px;
height: 20px;
background: #F8F9F1;
border: 1px solid #C3C3BB;
margin: 0px;
padding: 0px;
text-align:center;
color: #80B801;
}

#search form {
margin: 0px;
padding: 0px;
}

#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}

#footer { 
float:right;
color: #EBEBEB;
font-size:9px;
font-family:Tahoma;
padding-top:4px;
text-align:right;
}

#footer a  { 
float:right;
color: #333;
font-size:10px;
font-family:Tahoma;
padding-top:4px;
text-align: left;
}

 #banner {
 width: 478px;
 height: 69px;
 float: right;
 padding-left: 6px;
 padding-top: 6px;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}
.content {
padding: 0px 0px 0px 0px;
}

div.module h3 {
font-size: 14px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#leftcol {
background:transparent url(images/sidemenu.gif) top left no-repeat;
width:230px;
height:160px;
vertical-align:top;
border-right: 1px solid #FFFFFF;
}
#leftbotcol {
height:266px;
vertical-align:top;
padding-top:10px;
}
#leftbotcol a{
display:block;
margin-bottom:10px;
}
#leftcol .moduletable {
padding-left:13px;
width:230px;
margin:0px;
}
#contentrow {
vertical-align:top;
padding:16px;
}
#centercol {
/*background:transparent url(../images/vision.jpg) top left no-repeat;*/
width:269px;
height:66px;
vertical-align:top;
padding:10px;
padding-top:3px;
padding-bottom:0px;
font-weight:bold;
text-align:justify;
font-size:11px;
margin:0px;
}
#centercol h2 {
font-size:16px;
font-weight:bold;
padding:0px;
margin:0px;
margin-bottom:3px;
color:#993300;
}
#rightcol {
width:222px;
vertical-align:top;
}
#mastright {
padding:0;
vertical-align:top;
}
#newsflash {
background:transparent url(images/newsflash.jpg) top left no-repeat;
width:222px; 
height:327px; 
padding:0px;
margin:0px;
font-size:12px;
}
#newsflash .moduletable {
margin-top:55px;
margin-left:20px;
width:180px; 
}
#newsflash .moduletable a,
#newsflash .moduletable {
color:#F1FFCC;
}
td.calheading {
padding:0px;
margin:0px;
padding-top:15px;
}
td.linksheading{
padding:0px;
margin:0px;
padding-top:22px;
}
.calheading div,
.linksheading div {
width:80%;
margin:0px;
padding-bottom:3px;
border-bottom:1px solid #B7C3B9;
}
#eventscol,
#linkscol {
height:224px;
vertical-align:top;
padding:5px;
margin:0px;
}
#eventscol .moduletable,
#linkscol .moduletable{
padding:0px;
margin:0px;
margin-top:12px;
margin-left:5px;
}
#eventscol .moduletable a,
#linkscol .moduletable,
#eventscol .moduletable a,
#linkscol .moduletable {
color:#787070;
}
#eventscol .moduletable table td,
#linkscol .moduletable table td {
margin:0px;
padding:0px;
padding-bottom:10px;
vertical-align:top;
}
#eventscol div.bullet,
#linkscol div.bullet {
margin-top:5px;
width:10px;
height:8px;
background:transparent url(images/bullet2.gif) top center no-repeat;
}

#newsflash .moduletable table td {
margin:0px;
padding:0px;
padding-bottom:10px;
vertical-align:top;
}
#newsflash div.bullet {
margin-top:5px;
width:10px;
height:8px;
background:transparent url(images/bullet1.gif) top center no-repeat;
}
/* Topmenu */
.mainlevel-top {
font-weight: normal;
color: #80B801;
white-space: nowrap;
}

a.mainlevel {
display:block;
font-size:12px;
width: 230px;
white-space: nowrap;
margin-top:8px;
height:24px;
text-decoration: none;
color:#FDFFF3;
}

html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */

a.sublevel {
padding: 0px;
margin: 0px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}

/* Other Mambo Stuff */

#title {
}
.pathway {
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  border-top: 1px solid #cccccc;
}

hr {
width:  100%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
text-decoration: none;
line-height: 15px;
border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}

.blog_more {
}

a.readon:hover {
background: #EEEEEE url(images/readon.gif) no-repeat left;
text-decoration: none;
}

.blog {
width: 100%;
}

.menutitle {
font-size:12px;
margin-bottom:3px;
}

.sitemap ul {
margin-bottom:5px;
}

.sitemap,
.event,
.contentpaneopen {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
background: transparent;
line-height: 16px;
font-size:11px;
width:100%;
}

.componentheading,
.contentheading {
font-weight: bold;
font-size: 16px;
line-height: 20px;
font-family:tahoma;
padding-bottom:10px;
padding-top:15px;
color: #706f6d;
width:100%;
}
.coursetitle {
font-weight: bold;
font-size: 10px;
line-height: 14px;
padding-bottom:5px;
color: #ffffff;
width:100%;
}

.sitemap .componentheading,
td.componentheading,
td.contentheading {
border-bottom: 0px solid #D9D9D9;
}

.sitemap h2.componentheading,
table.contentpane td.componentheading,
table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #406846;
margin-bottom:5px;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
}
.sectiontableheader {
font-weight: bold;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: "Trebuchet MS", Verdana, sans serif;
}
a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }

.poll {
font-size: 10px;
text-align: center;
}


.back_button a{
font-weight: normal;
}

.blogsection {
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}

/* drop down menu */
#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{ /*the columns that gets dropped down over yours might be different*/
z-index:10;
}

#mainlevel-nav span,
#mainlevel-nav a {
display:block;
padding-left: 32px;
padding-right: 32px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
background:url(http://www.cuge.com.sg/landscapeservices/templates/cuge/images/menubg.jpg) repeat-x;
color: #FFFFFF;
font-family:Tahoma;
font-weight:bold;
font-size:11px;
white-space: nowrap;
cursor:pointer;
margin-right:1px ;
}
#mainlevel-nav a:hover {
color:#FFFF00;
}
span.mainlevel-nav,
a.mainlevel-nav {
padding-bottom:0px;
padding-top:0px;
}
#mainlevel-nav,
#mainlevel-nav ul{
padding:0;
margin:0;
background:transparent;
list-style:none;
}
#mainlevel-nav li{
float:left;
padding:0;
margin:0;
height:100%;
}
#mainlevel-nav li li{
padding:0;
margin:0;
float:none;
}
#mainlevel-nav li ul{
list-style:none;
position:absolute;
height:auto;
display:none;
border:1px solid #000000;
padding:3px;
background-color:#80B801;
}
#mainlevel-nav li ul span,
#mainlevel-nav li ul a {
margin-top:0px;
margin-right:0px;
margin-left:0px;
display:block;
text-decoration:none;
color: #FFFFFF;
font-family:Tahoma;
font-weight:bold;
font-size:10px;
white-space: nowrap;
padding-left:5px;
padding-right:5px;
cursor:pointer;
list-style:none;
width:320px;
height:14px;
padding-top:3px;
padding-bottom:3px;
background:transparent;
}
#mainlevel-nav li ul ul a,
display:block;
}
#mainlevel-nav li:hover ul ul,
#mainlevel-nav li:hover ul ul ul,
#mainlevel-nav li.sfhover ul ul,
#mainlevel-nav li.sfhover ul ul ul{
display:none;
}
#mainlevel-nav li:hover ul,
#mainlevel-nav li li:hover ul,
#mainlevel-nav li li li:hover ul,
#mainlevel-nav li.sfhover ul,
#mainlevel-nav li li.sfhover ul,
#mainlevel-nav li li li.sfhover ul{
display:block;
left:auto;
z-index:6000;
}

.fineprint {
font-size:80%;
}



