* {
	margin: 0;
	padding: 0;
	}
	
body {
	background-image: url(images/header-bkg.gif);
	background-repeat: repeat-x;
	background-color: #582625;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}
	
#flash_header {
	background-image:url(images/flash-header-bkg.jpg);
	background-repeat: no-repeat;
	background-color: #101131;
	height: 234px;
	margin-top: 10px;
	}
	
#menu {
	margin-left: 60px;
	height: 25px;
	text-align: center;
	}
	
#content {
	overflow: hidden;
	}
	
#colA {
	width: 208px;
	padding: 3px;
	background-image: url(images/colA-bkg.gif);
	background-repeat: repeat-y;
	float: left;
	}

.latest_news {
	padding: 5px;
	font-size: 11px;
	}
	
.read_more {
	text-align: right;
	}

#colB {
	width: 586px;
	float: left;
	height: auto;
	clear: none;
	}
	
#login {
	background-image: url(images/login-bkg.gif);
	background-repeat: no-repeat;
	width: 384px;
	margin-left: 186px;
	height: 16px;
	padding: 4px 4px 4px 8px;
	float: left;
	clear: both;
	}
	
#intro {
	width: 556px;
	margin: 40px 10px 0 20px;
	clear: both;
	}
	
#pg_content {
	width: 546px;
	margin: 40px 30px 0 10px;
	clear: both;
	overflow: hidden;
	}
	
#button_div {
	background-image: url(images/button-div-bkg.gif);
	background-repeat: repeat-y;
	width: 546px;
	margin: 30px 20px 30px 20px;
	}
	
.corners {
	height: 8px;
	}

#buttons {
	padding: 20px;
	text-align: center;
	}
	
#tricol_container {
	margin: 0 20px;
	width: 546px;
	overflow: hidden;
	height: auto;
	float: left;
	}
	
#tricolA {
	width: 151px;
	float: left;
	font-size: 11px;
	clear: none;
	overflow: hidden;
	padding: 10px;
	}
	
#tricolB {
	width: 151px;
	float: left;
	font-size: 11px;
	clear: none;
	overflow: hidden;
	padding: 10px;
	}
	
#tricolboth {
	float: left;
	width: 342px;
	clear: both;
	}
	
#tricolC {
	background-color: #835e5d;
	width: 180px;
	float: left;
	clear: none;
	overflow: hidden;
	margin-left: 19px;
	}
	
.dark_line {
	height: 8px;
	background-color: #291211;
	}
	
#tricolC_pad {
	padding: 10px;
	}
	
#footer {
	font-size: 11px;
	background-color: #330f0f;
	text-align: center;
	padding: 5px;
	height: 26px;
	}
	
ul.num {
	padding-left: 20px;
	list-style: decimal;
	}
	
li.num {
	padding-left: 20px;
	list-style: decimal;
	}

a:link {
	color: #FFFFFF;
	font-weight: bold;
	}
	
a:visited {
	color: #FFFFFF;
	font-weight: bold;
	}

a:hover {
	color: #CCCCCC;
	font-weight: bold;
	}

a:active {
	color: #FFFFFF;
	font-weight: bold;
	}
	
a.readmore:link {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.readmore:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

a.readmore:hover {
	color: #CCCCCC;
	text-decoration: none;
	}

a.readmore:active {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.footer:link {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.footer:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

a.footer:hover {
	color: #CCCCCC;
	text-decoration: none;
	}

a.footer:active {
	color: #FFFFFF;
	text-decoration: none;
	}
	
h1 {
	font-size: 13px;
	font-weight: bold;
	}
	
h2 {
	font-size: 12px;
	height: 16px;
	padding: 4px;
	background-image: url(images/h2-bkg.gif);
	}
	
h2 a:link {
	text-decoration:none;
	}
h2 a:visited {
	text-decoration:none;
	}
h2 a:hover {
	text-decoration: underline;
	}
	
h3 {
	font-size: 12px;
	}

h4 {
	font-size: 12px;
	text-decoration: underline;
	}
	
h5 {
	font-size: 12px;
	height: 16px;
	padding: 4px;
	background-image: url(images/h2-bkg.gif);
	color: #A5CBE7;
	}

.img_pad_r {
	padding-right: 15px;
	}
	
.img_pad_r2 {
	padding-right: 30px;
	}
	
.img_pad_l {
	padding-left: 15px;
	}
	
#breadcrumb_links {
	float:right;
	clear:left;
	margin-right:15px;
	font-size:95%;
}
#breadcrumb_links a {
	font-size:95%;
	text-decoration:none;
	
	
}
	
ul li {
	list-style: square;
	margin-left: 20px;
	}
	
.login_box {
	font-size:10px;
	height: 12px;
	}
	
.login_font {
	font-size: 11px;
	}
	
.agent_details {
	padding-left: 20px;
	}
	
.gallery {
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.gallery img {
	border: #000000 2px solid;
	margin-left: 9px;
	}
	
.gallery img:hover {
	border: #FFFFFF 2px solid;
	margin-left: 9px;
	}

.routes {
	padding: 10px;
	background-color: #330F0E;
	margin-bottom: 20px;
	float: left;
	width: 526px;
	overflow: hidden;
	}
	
.routes_text {
	width: 381px;
	float: left;
	}
	
.routes_map {
	width: 144px;
	float: left;
	text-align: right;
	}
	
.routes_map img {
	border: #FFFFFF 2px solid;
	}
	
.routes_map img:hover {
	border: #CCCCCC 2px solid;
	}
	
#enq_form {
	float: left;
	width: 546px;
	overflow: hidden;
	height: auto;
	}
	
#enq_l {
	float: left;
	width: 225px;
	}
	
#enq_r {
	width: 321px;
	float: left;
	}
	
.margin_l {
	margin-left: 10px;
	}
	
.pad_bot {
	padding-bottom: 4px;
	}
	
/* this is the main UL element*/
.dropdown {
	height: 25px;
	overflow: visible;
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	border-top: 1px solid #835e5d;
	list-style:none;	
	}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding: 5px 12px 5px 12px;
	cursor:pointer;
	font-weight: normal;
	}
	
#menu ul li ul li {
	width: 150px;
	}
	
/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#FFF;
	font-weight: normal;
	}

.dropdown a:hover{
	font-weight: normal;
	color: #CCCCCC;
	}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #835e5d;
	background-color:#33100e;
	border-top:0;
	}
	
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	left: 50%;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.learnership {
	background-color: #5A3431;
	margin: 7px;
	padding: 7px;
	font-size: 11px;
	border: 3px solid #B59A9C;
	}
	
.forms {
	float: left;
	width: 213px;
	padding: 0 30px;
	text-align: center;
	}	
	
	
/* FLASH POPUP */

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(images/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(images/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(images/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(images/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

	div.pictureHolder .content .details .nav a.arrow_previous { background: url(images/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: url(images/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pictureHolder .bottom .left { background: url(images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pictureHolder .loaderIcon { background: url(images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */

	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(images/prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(images/prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(images/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pictureHolder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pictureHolder .top {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .top { padding: 0 20px; }
		
			div.pictureHolder .top .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .top .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .top .middle { position: static; }
			
			div.pictureHolder .top .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pictureHolder .content .details {
				display: none;
				margin: 10px 15px 0 20px;
			}
				div.pictureHolder .content .details p.description { display: none; float: left; margin: 0; }
				
				div.pictureHolder .content .details .nav {
					float: left;
					margin: 4px 0 0 0;
				}
				
					div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; }
				
					div.pictureHolder .content .details .nav a.arrow_previous,
					div.pictureHolder .content .details .nav a.arrow_next {
						float: left;
						display: block;
						width: 8px; height: 9px;
						text-indent: -10000px;
						margin-top: 4px;
					}
					
					div.pictureHolder .content .details .nav a.disabled { background-position: 0 -10px; cursor: default; }
		
		div.pictureHolder .content div.hoverContainer {
			position: absolute; z-index: 10000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pictureHolder .content a.next {
			position: relative; z-index: 2000;
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
		}
			
		div.pictureHolder .content a.previous {
			cursor: pointer;
			display: block;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
			
		}
		
		div.pictureHolder .content a.expand,
		div.pictureHolder .content a.contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pictureHolder .content a.close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pictureHolder .bottom {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .bottom { padding: 0 20px; }
			
			div.pictureHolder .bottom .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .bottom .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .bottom .middle { position: static; }
				
			div.pictureHolder .bottom .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }
	
		div.prettyPhotoTitle {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.prettyPhotoTitle div.prettyPhotoTitleLeft,
			div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; }
			
			
.fieldset {
	width:600px; }
.fieldset .label {
	text-align:right;
	width:70px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; }
.fieldset .nobr {
	display:none; }  
.fieldset .textfield {
	margin:3px;
	height:20px;
	width:200px; }
.fieldset .textarea {
	margin:3px;
	height:165px;
	width:200px; }