/* Start of CMSMS style sheet 'imc' */
#leftcol{
background-color: #cccccc;
}
#leftcol p{
padding: 0 0 0 10px;
}
#wrapper{
background-color: #F3EEEE;
}
#maincol{
background-color: #F3EEEE;
}

div#header{
	background-image: url(images/imc/header.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 104px;
}
div#contentTop{
   margin: 0;
   padding: 5px;
   color: #000000;
   background-color: #F3EEEE;	
}
div#contentTop h1{
	color: #910000;
}
div#contentMid{
   	margin: 0;
	padding: 5px;
	color: #000000;
	background-color: #F3EAEA;	
}
div#contentMid h1{
	color: #700000;
}
div#contentBot{
   	margin: 0;
	padding: 5px;
	color: #000000;
	background-color: #F3E3E3;	
}
div#contentBot h1{
	color: #4D0000;
}
div#footer{
   border: 1px solid #BDBDBD;
	margin: 0;
	padding:0;
	color: #000000;
	background-color: #ffffff;	
}
table#addr{
	border-collapse: collapse;
	margin: 0 0 0 80px;
}
table#addr td.left{
	margin-right: 20px;
	padding: 0 50px 0 0;
}
table#photo{
   margin: 0 0 0 5px;
   border: 2px solid white;
}

/* End of 'imc' */

/* Start of CMSMS style sheet 'imc-acc' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */
/* End of 'imc-acc' */

/* Start of CMSMS style sheet 'imc-layout' */
/* Modified from css generated by csscreator.com */
html, body{
 margin: 1em 0;
 padding:0;
}

/* Class border: adjustable 'border' instead of using margin or padding
   on something that has a width - because explorer
   calculates width differently than everyone else!  */
.border{
 padding: 5px;
}

/* Class clear: Clears any floating elements. */
.clear{
 clear:both;
 height:0.001%;
 overflow:hidden;
}

/********************************** Page Width Wrapper*/
#pagewrapper{
 margin: 0 auto;
 max-width:762px;  /* Fails in IE6 */
 min-width:762px; /* Fails in IE6
 This crap so IE6 plays properly */
 width: auto !important; /*IE6 hack*/
 width:960px; /*IE6 hack
 end of IE6 stuff */
}

/************************************* Top Menu */
#toprow{
	width: 100%;
}
#toprow #topnav{
	width:60%;
	float: left;
}
#toprow #search{
	width:40%;
	float: left;
	text-align: right;
}
/************************************** Header */
#header{
 position:relative; 
 width:100%;
}
/************************************** Crumbs */
#crumbs{
 width: 100%;
}
/************************************** Wrapper for three main cols */
#wrapper{
	/* Empty for layout only*/
             overflow: auto;
}
 
#leftcol{
width:192px;
float:left;
position:relative;
}
/************************************** Wrapper for main col & right col */
#twocols{
 width:74%; 
 float:right; 
 position:relative;
}
 
#rightcol{
 width:25%; 
 float:right; 
 position:relative;
}
/************************************** Main content area */
#maincol{
 float: left; 
 display: inline;
 position: relative; 
  width:99.5%;
}

/************************************** Footer */ 
#footer{
 clear:both;
} 
/* End of 'imc-layout' */

/* Start of CMSMS style sheet 'imc-typo' */
/* Typography CSS*/
* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0;
}
h1 {font-size: 1.5em;} 
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}

li,dd {
margin-left:1em;
}
fieldset {
padding:.5em;
}

img{
border: 0;
}

body {
/*font-size:.70em;*/
/*line-height:1.3;*/
font: 78%/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
color: #666;
}
#pagewrapper{
  border: 1px solid #999;
}
#toprow{
  border-bottom: 1px solid #999;
}
#header{
  border-bottom: 1px solid #999;
}
#crumbs{
  border-bottom: 1px solid #999;
}
#footer{
  border-top: 1px solid #999;
}
#header h1{
color: #666;
font-size: 1px;
}
/* End of 'imc-typo' */

/* Start of CMSMS style sheet 'imc-v-nav' */
#menuwrapper {
padding-left: 0;
margin-top: 20px;
width: 100%;
}

/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;

  padding: 0 10px;
  display: block;
  background: #EEE;
  color: #000;
  font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
#navmenu li.menuactive a{
background-color: #666666;
color: #fff;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #666666;
  color: #ffffff;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #EEE;
  color: #000;
}

#navmenu li.menuactive li a.menuactive {
background: #CF1519;
color: #ffffff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #B23838;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #000;
}

#navmenu li.menuactive li.menuactive li a.menuactive {
background: #CF1519;
color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #B23838;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #000;
}

#navmenu li.menuactive li.menuactive li.menuactive li a.menuactive {
background: #CF1519;
color: #fff;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #B23838;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 182px;
  z-index: 999;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

.sectionheader {
background-color: #B23838;
font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
color: white;
border: 1px solid #999;
padding: 0 6px;
}

/* End of 'imc-v-nav' */

/* Start of CMSMS style sheet 'imc-singapore' */
/********** COMMON ********/
#sg_header{

}
#sg_galname{

}
#sg_topthumbnails{
 padding: 4px 4px 0 4px;
}
#sg_topnavbar{
 
}
#sg_toptext{
   
}
#sg_bottomtext{
  
}
#sg_tab{

}
#sg_bottomnavbar{
 
}
#sg_detailslist{
 clear: both; 
 
}
/* Class clear: Clears any floating elements. */
.sg_clear{
 clear:both;
 line-height:0;
}
#sg_footer{
 margin: 5px 0; 
 font-size: .8em;
 line-height: 1em;
 text-align: center;
}

/********* GALLERY ********/
#sg_gallerycontainer{
 
}
#sg_gallerycontent{
 
}
.sg_gallery{
 float: left;
 border: 1px solid #cccccc;
 padding: 5px;
 width: 98%; /* Width must be set!*/
}
.sg_gallerythumbnail img{
 border:3px solid white;

}
.sg_gallerythumbnail{
 border: 1px solid #cccccc;
 float: left;
}
.sg_gallerytext{
 margin-left: 20%;
}

/******** ALBUM **********/

#sg_albumcontainer{
  margin-top: 10px;
}
#sg_albumcontent{
 padding-left: 8px;
}
.sg_albumthumbnail{
 float:left;
 border: 1px solid #cccccc;
 margin: 5px;
}
.sg_albumthumbnail img {
 border: 3px solid #ffffff;
}

/******** IMAGE **********/

#sg_imagecontainer{
 margin-top: 10px;
}
#sg_image{
 text-align: center;
}

/* End of 'imc-singapore' */