body {
	margin: 0;

	padding: 0;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	}

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(../graphics/Time-Date.gif) #FFFFFF;

	width:300px;

	height:32px;

	padding: 8px 0 0 20px;

	font-weight:bold;

	overflow:visible;

	text-align:center;

	color: #999;

}



#Banner-Flash {

	background:url(../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;

}





/* 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; }




form { margin: 0; }



#search-form {

	float:right;

	width: 200px;

	height:32px;

	padding: 8px 0 0 0;

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

	}



#search-form input.text {

	width: 100px;

	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;

	width: 82px;

	margin: 0 0 0 5px;

	padding: 0px;

	}

	

#Body-Panel {

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

	float:left;

	width:870px;

	height:345px;

}



#Main-Panel {

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

	float:left;

	width:590px;

	height:345px;

}



#Main-Body2 {
	margin-left: 10px;
	float:left;
	width:510px;
	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(../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;

	}

	

	




#Right-Panel {

background: url(../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(../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(../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(../graphics/horizontal-listing.gif) }

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

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

* html #scroller { top: 12px; }

