/*
-- CSS Document by Lester Dong [7 July 2006] --
Copyright Digitise Internet Business Solutions Ltd. All Rights Reserved.

::Caveat Pre Emptor (General Warnings)::
1. Any amendments to Section 1 and 2 made has to be reviewed and approved by Digitise
2. Any piece of CSS that is deemed experimental (i.e. CSS3) is NOT allowed.
3. Any piece of CSS that is relatively new to Digitise needs to go through a review and vetting process before it can be used or released.
4. Digitise believes in the "tried and true", please think of all consequences before adding new pieces of CSS.

::Notes::
- If there are any errors please inform Digitise.

::Developers::
Please place extra CSS at appropriate sections

::Sections::
Section 1: HTML Tag CSS
Section 2: Default Typography CSS
Section 3: Extra Typography CSS
Section 4: Structural CSS
*/

/* Section 1: HTML Tags : START */
body {
	margin:0;
	padding:0;
	background-color: #e2eff5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d6d6d;
	line-height: 18px;
}
img {
	margin:0;
	padding:0;
	border:0;
}
form {
	padding:0;
	margin:0;
}
hr {
	color:#cccccc;
	background-color:#cccccc; 
}
#CenterTable {
	margin-left: auto;
	margin-right: auto;
}
/* Section 1: HTML Tags : END */



/* Section 2: Default Typography CSS : START */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1575a1;
}
h2 {
	font-size: 12px;
	color: #489ac0;
	font-weight: bold;
	margin: 0;
}
h3 {
	font-size:13px;
	font-family:Arial,Verdana,Sans-serif;
	color: #326F8C;
}
td,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d6d6d;
	line-height: 18px;
}

input, textarea, select {
	font-family: MS Sans Serif; 
	font-size: 12px;
}

a {
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}

td.imagecolumn {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #489ac0;
	line-height: 18px;
}
td.imagecolumn a {
	color: #489ac0;
	text-decoration: none;
}
td.imagecolumn a:hover {
	color: #489ac0;
	text-decoration: underline;
}

.address {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #8bbcd3;
	line-height: 14px;
}
.address a {
	color: #8bbcd3;
	text-decoration: none;
}
.address a:hover {
	color: #8bbcd3;
	text-decoration: underline;
}
.menuAddressLinksHorizontal {
	color: #8bbcd3;
	text-transform: lowercase;
}
.footer {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #095d83;
	line-height: 14px;
}
.footer a {
	color: #095d83;
	text-decoration: none;
}
.footer a:hover {
	color: #095d83;
	text-decoration: underline;
}

.sitemaplevel0 {
	font-size: 12px; 
	line-height: 24px;
	color: #489ac0;
	font-weight: bold;
}
.sitemaplevel0 a {
	color: #489ac0;
	text-decoration: none;
}
.sitemaplevel1 {
	font-size: 12px; 
	line-height: 18px;
}

.search {
	background:#FFFF00;
}

.faq {
	/*faq content */
	border:1px dashed #666666;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	background:#eeeeee;
}

#faqlist{
	/*list of faq's on the site */
}

.news {
	/*newscontent */
	border:1px dashed #666666;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	background:#eeeeee;
}

#newslist{
	/*list of news on the site */
}

.gallerycategorytext{
	margin-left:10px;
	float:left;
}

.gallerycategory{
	/*border:1px dashed #666666;*/
	overflow:auto;
	margin-bottom:10px;
}

.gallerycategoryimage{
	clear:both;
	float:left; /* change to right to have images aligned to right of gallery description*/
}

.galleryimage {
	margin-right:10px;
	margin-bottom:10px;
}

.galleryimagepagination {
	margin-bottom:10px;
}

#galleryimagepopup {
	position:absolute;
	left:10px;
	top:10px;
	padding:10px;
	background:#ffffff;
	border:1px solid #000000;
}
/* Section 2: Default Typography CSS : END */



/* Section 3: Extra Typography CSS : START */
.font11px {
	font-size:11px;
}
/* Section 3: Extra Typography CSS : END */



/* Section 4: Structural CSS : START */
/*
::Caveat Pre Emptor::
- Please REFRAIN from using CSS positioning (This does not mean you cannot position background images)
*/

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 180px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
/*filter:alpha(opacity=100);*/
-moz-opacity:1;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
color: white;
text-decoration: none;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */


.navbg {
	background-color: #68a5c4;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/i-navbg.gif);
	background-repeat: no-repeat;
}
.menuTopLevelHorizontal { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.menuTopLevelHorizontal a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.menuTopLevelHorizontal a:hover {
	color: #cde4ee;
	text-decoration: none;
}
.footer .menuTopLevelHorizontal a {
	color: #095d83;
}
.footer .menuTopLevelHorizontal a:hover {
	color: #0084c0;
}
.contentbg {
	padding: 22px 0 0 28px;
	background-color: #ecf5f9;
	background-image: url(../images/i-contenttopbg.gif);
	background-repeat: repeat-x;
}
.bodybg {
	background-image: url(../images/i-bg.gif);
	background-repeat: repeat-x;
	background-color: #f2f8f9;
}
.toptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a9d0e2;
	font-weight: bold;
}
.content {
	background-image: url(../images/i-contentbtmbg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-top: 0px;
}
.iconbg {
	background-repeat: no-repeat;
	background-image: url(../images/i-rightbg.gif);
	background-position: bottom left;
}
.btmbg {
	background-image: url(../images/i-btmbg.gif);
	background-repeat: no-repeat;
	background-color: #a2ccdf;
}
.dotbg {
	background-image: url(../images/i-btmdots.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.disclaimer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8bbcd3;
	line-height: 14px;
}
.sideboxes {
	border: 1px solid #d1dde2;
	background-color: #ffffff;
	padding: 15px;
	background-image: url(../images/i-sideboxbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
ul li {
	background-image: url(../images/i-bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
	list-style-type: none;
}
ul {
	margin: 0;
	padding: 0;
}

.wordlist li {
	background-image: url(../images/Word.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	list-style-type: none;
}

.excellist li {
	background-image: url(../images/Excel.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	list-style-type: none;
}

.pdflist li {
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	list-style-type: none;
}

.sideboxes .inputstyle {
	background-color: #ffffff;
	border: 1px solid #d1dde3;
	width: 168px;
}
.search_submit {
	background-color: #67abca;
	color: #ffffff;
	border: 0;
	width: 59px;
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.search_keywords {
	border: 1px solid #d1dde3;
	height: 19px;
}
.menuBreadCrumbs {
	color: #1575a1;
	font-size: 10px;
}
.menuBreadCrumbs a {
	color: #1575a1;
	font-size: 10px;
}
.menuBreadCrumbs a:hover {
	color: #1575a1;
	font-size: 10px;
	text-decoration: none;
}
.maplinks ul li a {
	color: #1575a1;
	text-decoration: none;
	font-size: 11px;
}
.maplinks ul li a:hover {
	color: #1575a1;
	text-decoration: underline;
	font-size: 11px;
}
.backtotop {
	position: relative;
	left: 222px;
	line-height: 24px;
	background-image: url(../images/i-bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	color: #489ac0;
	text-decoration: none;
	text-transform: lowercase;
}
.backtotop:hover {
	text-decoration: none;
}
.menuSubLevelHorizontal  
{
    width: 690px;
    }
.menuSubLevelHorizontal a {
	position: relative;
	left: 222px;
	padding-left: 15px;
	color: #489ac0;
	text-decoration: none;
	text-transform: lowercase;
}
.menuSubLevelHorizontal a:hover {
	text-decoration: underline;
}

.sidenav
{
   line-height: 18px; 
}
/* Section 4: Structural CSS : END */