body {

	margin: 0;

	padding: 0;

	font-size: 76%;

	font-family: Arial, Helvetica, sans-serif;

	background: url(../../component/graphics/background.jpg) #3a6077 top center repeat-x;

	}



hr {

	clear:both;

	border: none;

	border-top: 1px solid #596a72;

	height: 1px;

	}





h1, h2, h3 { color: #516f73; margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; padding: 5px 0; }



h1 { position: relative; top: -2px; font-size: 160%; border-bottom: 1px dotted #648488; margin-bottom: 10px; }

h2 { font-size: 130%; color: #304767;}

h3 { font-size: 115%; }



h1 span a { font-size:11px; text-decoration: none; }



#gallery li, ul { list-style:none; margin: 0; padding: 0; list-style-position:inside; }



a { color: #5c8c5e; }

a:hover { color: #0084f3; }



a.button, input.button1, strong.button {

	color: white;

	float: left;

	padding: 0 1em;

	height: 24px;

	line-height: 24px;

	background: #b9a275;

	border: 1px solid black;

	text-decoration: none;

	margin-right: 0.5em;

	font-weight: bold; }



#Wrapper {

	margin: 0 auto;

	width:960px;

}



#Time-Date {

	position:relative;

	float: left;

	background: url(../../component/graphics/Time-Date.gif) #FFFFFF;

	width:300px;

	height:32px;

	/* padding: 0px; */
	
	padding: 8px 0 0 20px; 

	font-weight:bold;

	overflow:visible;

	text-align:center;

	color: #999;

}



#Banner-Flash {

	background:url(../../component/graphics/Banner-Flash.jpg) #FFFFFF;

	float: right;

	width:640px;

	height:180px;

}



#Logo {

	background: #FFFFFF;

	float: left;

	width:320px;

	height:140px;

	font-size:28px;

	font-family:Georgia, "Times New Roman", Times, serif;

}



#navigation { background:url(../../component/graphics/navigation.jpg) repeat-x #ad8f53; position: relative; top: 0px; width:820px; height:40px; float:left; z-index: 50;}

	

#navigation ul { position: relative; padding: 0; list-style-type: none; display: table; margin: 0 0; }

#navigation li { position: relative; float: left; display: table-cell; padding: 0 1px 0 0;}

#navigation li a { zoom: 1; float: left; padding: 0 12px; height: 40px; line-height: 40px; color: white; text-decoration: none; }

#navigation li a:hover { background: url(../graphics/nav_hover.gif) repeat-x; background: url(../../component/graphics/tab.gif) bottom center no-repeat;   }

#navigation li.nav_active a, #navigation li.nav_active a:hover { background: url(../../component/graphics/tab.gif) bottom center no-repeat; }

#navigation  li.selected { background: url(../../component/graphics/tab.gif) bottom center no-repeat; }
#navigation  li li.selected {background: none;}

#navigation li ul { position: absolute; left: 0; top: 40px; display: block; width: 150px; text-align: left; background: #f6ebbd; }

#navigation li li { #left: -16px; float: none; display: block; padding: 0; border-bottom: 1px solid #e3d9ad; width: 150px; }

#navigation li li a, #navigation li.nav_active li a { float: none; display: block; color:#000; padding: 8px 14px; height: auto; line-height: 1em; text-transform: none; font-size: 11px; letter-spacing: normal; background: none; }

#navigation li li.nav_active a, #navigation li li a:hover, #navigation li.nav_active li a:hover { background: #d7d2aa none; }



/* dropdown CSS */

* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }

* html #navigation a:hover table { display: block; left: 0; top: 0; }

#navigation td { margin: 0; padding: 0; }

#navigation td a { position: relative; zoom: 1; }

* html #navigation a:hover { position: relative; z-index: 100; }

#navigation li:hover { position: relative; }

* html #navigation ul ul a:hover { position: relative; z-index: 110; }

#navigation ul ul li:hover { position: relative; }

* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }

#navigation ul ul ul ul a:hover { position: relative; z-index: 130;   }

#navigation ul ul { visibility: hidden; display: none; }

#navigation ul :hover ul { visibility: visible; display: block; height: auto; }

#navigation ul :hover ul ul { visibility: hidden; }

#navigation ul :hover ul :hover ul ul { visibility: hidden; }

#navigation ul :hover ul :hover ul { visibility: visible; left: 150px; top: 0; background-color: #f2edc7; }

#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }



form { margin: 0; }



#search-form {

	float:right;

	width: 140px;

	height:32px;

	padding: 8px 0 0 0;

	background:url(../../component/graphics/navigation.jpg) repeat-x #ad8f53 top right;

	}



#search-form input.text {

	width: 90px;

	height: 16px;

	font-size:11px;

	padding: 2px 0 0 4px;

	border: 0;

	color: #666666;

	margin: 2px;

	float:left; 

	}

	

#search-form input.button {

	font-size: 90%;

	padding: 0;

	height: 22px;

	margin: 0 0 0 5px;

	padding: 0px;

	}

	

#Body-Panel {

	background:url(../../component/graphics/base-panel.jpg) #FFFFFF no-repeat right;

	float:left;

	width:870px;

	height:345px;

}



#Main-Panel {

	background:url(../../component/graphics/Main-Panel.jpg) #FFFFFF no-repeat right;

	float:left;

	width:590px;

	height:345px;

}



#Main-Body {

	float:left;

	width:525px;

	height:305px;

	}

	

#Main-Body img { border: 2px solid #ccc; }

#Main-Body a img, #Apply-Online a img,  #Newsletter a img, #Pay-Online a img { border: none; }



#flash { padding: 15px 0 0 18px; }



#Secondary-Panel {

	background:url(../../component/graphics/Secondary-Panel.jpg) #e5e0b6 left no-repeat;

	float:left;

	width:280px;

	height:345px;

}



#Secondary-Body {

	float:left;

	padding: 20px;

	width:240px;

	height:305px;

	overflow: hidden;

	}

	

#Secondary-Body ul {

	list-style-position: outside;

	margin: 0 0 10px 20px;

	padding: 0;

	}

/* ------------------------------------*/
/*This is the new "open-plan" content area, this is being used for the application forms */
/* Date added: July 1, 2010 by Natalie */
/* ------------------------------------*/

#full-content-area{
	float:left;
	width:960px;
	height:auto;
	background-color:#FFFFFF;
	}
	
.inner-box-20{
	padding:20px;
	}

#application-table-holder{
	width:920px;
	height:auto;
	color:#333333;
	}
	
#application-table-holder h3{
	background-color:#dfebed;
	border-top:dotted 1px  #516f73;
	padding-left:10px;
	padding-top:5px;
	}


/* ------------------------------------*/
/*End of new content area */
/* ------------------------------------*/
	

.news li { list-style-image:url(../../component/graphics/bullet.gif); padding-bottom: 4px; }

.news li p { margin: 0; }

.news li a { text-transform: uppercase; text-decoration: none; font-size: 80%; font-weight: bold; }

.download li { list-style-image:url(../../component/graphics/download.gif);  padding-bottom: 4px;  }



#Right-Panel {

background: url(../../component/graphics/side-shadow.jpg) left bottom no-repeat;

width: 90px;

height:324px;

float: left;

margin: 0;

}



#Apply-Online {

	background: #b20c0e;

	float:right;

	width:90px;

	height:74px;

	color: #fff;

	font-weight:bold;

	overflow:hidden;

}



#Newsletter {

	background: #fff;

	float:right;

	width:90px;

	height:90px;

	color: #0071b4;

	font-weight:bold;

	overflow:hidden;

}

#Pay-Online {

	float:right;

	width:90px;

	height:74px;

	color: #0071b4;

	font-weight:bold;

	overflow:hidden;

}



#Footer {

	clear:both;

	background:url(../../component/graphics/Footer.jpg) no-repeat;

	width:940px;

	height:245px;

	padding: 0 0 0 20px;

	color: #919593;

}



#Footer a { color: #919593; text-decoration:none; }

#Footer a:hover { color: #0084f3; }



#Footer .menu {	color: #919593;	background:none; float:left; }

#Footer .menu ul { margin: 14px 0 0 0px; }	

#Footer .menu li a { color: #919593; }

#Footer .menu li a:hover { background: none; color: #FFFFFF; }



.menu ul { margin: 14px 0 0 20px; padding: 0; color:#FFF; font-weight:bold; list-style:none; list-style-position:inside; }	

.menu li { float:left; padding-right: 20px; color:#FFFFFF; }	

.menu li a { float:left; color:#FFFFFF; text-decoration:none;	height: 26px; display:block; margin: 0; }	

.menu li a:hover { background: url(../../component/graphics/tab.gif) bottom center no-repeat; color:#FFFFFF; }



.copyright { width: 840px; clear:both; font-size:10px; margin: 10px 0;}



#horizontal-listing { position: relative; margin: 20px; height: 305px; width: 550px; overflow-y: scroll; overflow-x: hidden; }





#horizontal-listing-container { position: relative; margin-bottom: 1em; }

#scroll-container { position: absolute; z-index: 50; bottom: 2px; left: 500; width: 20px; height: 272px; background: url(../../component/graphics/horizontal-listing.gif) }

* html #scroll-container { top: 300px !important; }

#scroller { position: relative; top: 13px; width: 17px; height: 14px; background: url(../../component/graphics/scroll-arrow.gif) no-repeat center center; cursor: pointer; }

* html #scroller { top: 12px; }