body,html{
	height:100%;
	margin:0px;
	font-size:85%;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#fff; /* Global link colour */
	background:url(/system/masterpages/images/background2.png) repeat-x #245b8b;
}

img{border:none;}
a, a:visited, a:active{color:#fff;} /* General link colour */
a:hover{color:#82dff4;} /* General link colour on mouseover*/
p{color:#000; font-size:95%;} /* Paragraph text colour */
h1{color:#00ccff; font-size:200%;} 
h2{color:#00ccff; font-size:130%; padding:0px; margin:0px;} 
h1.white{color:#fff; font-size:220%; padding:0px; margin:0px;} 
h2.white{color:#fff; font-size:130%;} 

.bold{font-weight:bold;} 
.italic{font-style:italic;}
.break{float:none; clear:both; height:0px;}
.hidden{display:none;}
.menuTable{background-repeat: no-repeat; background-image: url(/system/img/christmas-bg-1.jpg);}

/* layout */
#wrapper{
	width:954px;
	margin: 0 auto;
	margin-top:-11px;
}
/* #header */
#header{
	width:954px;
	height:520px;
	margin:0px;
	padding:0px;
	background:url(/system/masterpages/images/bg-header.jpg) no-repeat; /* banner image */
}
/* #banner */
#banner{
	width:854px;
	height:350px;
	margin: 0 auto;
	margin-top:10px;
	padding:0px;
	background:url(/system/masterpages/images/banner.png) no-repeat; /* banner image */
}
#linkbanner {
width:150px; 
height:100px; 
position: relative; top: 70px; left: 250px; 
}
#linkbanner a {
width:100%;
height:100%;
display:block;
} 
#login{
padding: 0mm;
background-color: #00537d;
border: 0px solid #ffffff;
width: 400px;
height: 35px;
position: relative; top: -80px; left: 325px; 
}
#loginUser {
background-color: #018dae;
border: 1px solid #82dff4;
width: 140px;
position: absolute; top: 10px; left: 2px; 
padding:3px 5px;
}
#loginPass {
background-color: #018dae;
border: 1px solid #82dff4;
width: 140px;
position: absolute; top: 10px; left: 164px; 
padding:3px 5px;
}
#login a{
padding: 0mm;
font-weight:bold;
position: relative; top: 13px; left: 340px; 
}
/* #topNav */
#topNav{
padding: 0mm;
border: 0px solid #ffffff;
width: 840px;
height: 30px;
position: relative; top: 180px; left: 5px; 
}
#topNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 27px;
	display: inline;
	overflow: hidden;
}
#topNav ul li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	overflow: hidden;
}
#topNav ul a{
	float: left;
	padding: 5px 5px 20px 5px;
	margin: 2px 15px 5px 0px; /* 5px value is the width between each tab */
	overflow: hidden;
	color:#fff;
	font-weight:bold;
	height: 0px !important; 
	height /**/:27px; /* fix for IE5/Win */
	text-decoration:none;
}
#topNav ul li a{
	background:url(/system/masterpages/images/divider.png) no-repeat; /* top navigation */

}
#topNav ul li a.home{
background:url(/system/masterpages/images/divider-home.png) no-repeat; /* top navigation */
}

#intro {
margin:0px;
margin-top:8px;
padding:0px 55px;
}
#introLeftCol {
padding: 0mm;
margin:0mm;
border: 0px solid #000000;
width: 400px;
float:left;
}
#introRightCol {
padding: 0mm;
margin: 5px 0px;
border: 0px solid #000000;
width: 420px;
float:right;
}

/* #mainCol */
#mainCol{
width:90%;

margin:-3px auto 0px auto;
padding:0px;
background:url(images/bg-main.png) no-repeat #1d4373; /* banner image */
overflow:hidden;
}
#mainCol h1{
	font-size:250%;
	font-weight:bold;
	color:#00ccff; 
	padding:10px 20px;
	margin:0px;
}
#mainCol .white {color: #FFFFFF;
}

/* Homepage elements */

#mainCol .box{
	width:418px;
	height:98px;
	font-size:85%;
	text-align:center;
	position:relative;
	float:left;
	padding-top:-10px;
	margin-bottom:8px;
	margin-left:0px;
	cursor:pointer;	
overflow:hidden;
}


#mainCol .box img{
	padding:3px 0px;
	margin:0px; 
	float:right;
	position: absolute; top:0px; left: 269px;
}
#mainCol .box p.homeTitle{
	margin:0px;
	padding:7px 0px 0px 15px;
	font-size:150%;
	text-align:left;
	font-weight:bold;
	color:#fff;  /* homepage boxes title text colour */
	position:relative;
}
#mainCol .box h1{
margin:0px;
	padding:15px 0px 0px 15px;
	font-size:400%;
	text-align:left;
	font-weight:bold;
	color:#fff;  /* homepage boxes title text colour */
	position:relative;
}

#mainCol .box1{
	background:url(images/feature-box.png) no-repeat; /* box 1 background image */
	margin:0px 20px;
}
#mainCol .box2{
	background:url(images/feature-box.png) no-repeat; /* box 2 background image */
	margin:0px;
}
#mainCol .box3{
	background:url(images/feature-box.png) no-repeat; /* box 3 background image */
	margin:20px 20px 0px 20px;
	padding-bottom: 20px;
}
#mainCol .box4{
	background:url(images/feature-box.png) no-repeat; /* box 4 background image */
	margin:20px 0px 0px 0px;
	padding-bottom: 20px;
}

/* #footLinks */
#footLinks{
	width:900px;
	height:20px;
	clear:both;
	margin:5px auto ;
	padding:5px;
	text-align:right;
	font-size:85%;
	color:#FFFFFF;
}
#footLinks a{
	background:none;
	padding-left: 20px;
	margin:0px;
	text-decoration:none;
	color:#fff;  /* fotter link text colour */
}