#masthead { background: #ccc url(../images/banner-image.jpg) no-repeat right top; }
#site-title { color: #000; }
#splash-image { background: #fbfbfb url(../images/splash-image.jpg) no-repeat left center; }
.datatable tr:hover { cursor: text; }

/* ----these to fix the bug and add the fourth level menu ------ */ 
#site-menu .menu-b dd.sub a:link, #site-menu .menu-b dd.sub a:visited { background:transparent  url(../images/devices/double-arrow.gif) no-repeat 10px 6px; color:#555; display:block; text-decoration:none; padding-left:20px; }
#site-menu .menu-b dt a:link, #site-menu .menu-b dt a:visited { display:block;} 

/* ----these to fix the for label ------ */
#cg_stationery td label {float:none; width:inherit; margin:0; }

/* ----these to fix entry point ------ 
#gh-entryPoints ol { margin:0.7em 0.9em 20px 0.9em; padding:0;}
#gh-entryPoints ol li { padding-left:15px; padding-bottom:5px; list-style-position:left 0.45em;}*/
#gh-entryPoints ol { margin:0.7em 0.9em 20px 0.9em; padding-left:25px;}

/* ----these are the two images on the homepage ------ */ 
div.cg-entrypoints {clear:both; margin:0px 0; border-bottom:1px dotted #ddd; width:100%; overflow:auto; font-size:95%!important}
div.cg-entrypoints h3 {color:#333!important;}
div.cg-entrypoints h4 {color:#666!important;font-weight:normal}
div.cg-entrypoints img {float:left; padding:3px; border:1px solid #999!important; margin:0 12px 12px 0; }
div.cg-entrypoints ul {list-style-type:none; margin:0!important; padding:0!important;}

/* ----these are to add border of an image (for ourwork) ------ */ 
.imgBorder {
	border: 1px solid #999999!important;
	padding: 0px;
}

/* ----these are for news_events without date ------ */ 
.news_events ul.no_date li {margin:0; padding:0.6em 0.9em 0.6em 0.6em; border-bottom:1px solid #ededed; list-style-type:disc; list-style-position:inside;}

/* ----these are for the spalsh image on the homepage ------ */ 
#splash-image-cg {background: #fbfbfb url(../images/dmb_sunrise_1000.jpg) no-repeat left center; padding:0; overflow:hidden;}
#splash-links-cg {
	 font:normal 90%/1.2em Verdana, sans-serif; color:#555; vertical-align:top; padding:5px; padding-top:10px;}
#left_cont{
	float:left;
	width:100%;
}
#right_cont{	
	width: 200px;
	float: left;
	padding-left:10px;
	/*margin-left: 10px;*/
	margin-right: -210px; 
	border-bottom: 10px solid #FFFFFF;
	position:relative; 
}
#splash_container {	
	border-right: 210px solid #FFFFFF;
	background-color:#EFEFEF;
}
#find_site {background-color:#DDDDDD; padding:5px; margin-bottom:5px}
#find_service {background-color:#A8B400; color:#FFFFFF; padding:5px; margin-bottom:5px}
#latest_ourwork {background-color: #EEEEEE; padding:5px; position:relative; }
#find_service h4, #find_site h4, #latest_ourwork h4{padding:0px; font-weight:bold; text-transform:uppercase; margin:0px; font-size:100%}
#find_service h4, #find_service h4 a, #latest_ourwork h4 a { color:#FFFFFF;}
#latest_ourwork h4 {color:#FFFFFF; background-color:#000000; margin: -5px; padding:5px; margin-bottom:0px}
#ourwork_img_cont { margin-top:5px; position:relative; }
.cf_element {width:190px; text-align:center;}
.image-entry a img, .image-entry a:visited img {border: #CCCCCC solid 1px;}
.cg_footnote { font-size:75%; color:#999; padding:5px 15px;}

/* ----- for hintbox (includes/show_hint.js) ----- */
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 400px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

/* -- Form error -- */
.form_error, .form_success, .form_warning {margin-bottom:5px;}
.form_error {
	border: 1px solid #FF0000; background-color:#FFCCFF;
	padding: 3px; display:block;
	font-weight: bold; color:#FF0000;
}
.form_success {
	border: 1px solid #009900; background-color:#CCFFCC;
	padding: 3px; display:block;
	font-weight: bold; color:#009900;
}
.form_warning {
	border: 1px solid #900; background-color:#FFD;
	padding: 3px; display:block;
	font-weight: bold; color:#900;
}