@charset "utf-8";
/* CSS Document */

body {
 background:#e0e0e0 url(images/bg.jpg) top repeat-x;
 margin:0px; padding:0px;
 color:#333; font:normal 12px Arial, Helvetica, sans-serif;
 line-height:1.3;
 }
a {
	color: #8cc128;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3affff;
}
a:hover {
	text-decoration: none;
	color:#39510c;
}
DIV.wrapper {
	width:1000px; background:#EEE url(images/wrapper-bg.gif) center 100px repeat-y;
	text-align:left; margin-top:15px;
}
DIV.header {
	height:60px; clear:both; padding:12px 0 0 140px; 
	background:#0a6587 url(images/logo.png) 5px center no-repeat; color:#DDD;
	position:relative; width:860px;
	border-bottom:1px solid #17779b; border-top:1px solid #FFF;
}
.header H1 {
	font:normal 25px Arial, Helvetica, sans-serif;
	color:#f2ec8c;
}
.searchBox {
	position:absolute; top:15px; right:15px;
	font:bold 11px Arial, Helvetica, sans-serif; text-align:right;
	text-transform:uppercase; color:#DDD;
}
.searchBox a {
	font:bold 9px Arial, Helvetica, sans-serif;
	padding:5px; color:#DDD;
}
.searchBox a:hover {
	color:#FFF;
}

.welcomBox {
	background:#76ce91 url(images/welcom-bg.jpg) top repeat-x;
	padding:8px 0 10px 0; font-weight:bold; font-style:italic; color:#FFF; border-bottom:1px solid #5db289;
}
.welcomBox .col {
	float:left; width:580px;	margin-left:20px;
}
.welcomBox H1 {
	font:bold 20px "Times New Roman", Times, serif;
	color:#54eaff; margin-bottom:10px;
}
DIV.leftPan {
	float:left; width:250px; margin:10px;
}
DIV.mainPan {
	float:left; width:720px;
	color:#333; margin:10px 0 10px 0;
}
.whiteCover {
	background:#FFF url(images/grey-bg.gif) left 15px repeat-x; padding:30px 0 5px 0;
	clear:both;
}
FORM,P,H1,H2,UL {	
	margin:0px; padding:0px;
}
.mainPan H1 {
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#333; padding:10px;
	background:#FFF url(images/h1-bg.gif) left top repeat-x;
}
.mainPan H1 span {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#069;
}
H2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	padding:10px 0 0px 0px;
}
H3, H3 a {
	font:bold 15px Arial, Helvetica, sans-serif;
	padding:5px 0 0 5px; color:#000;
}
IMG { border: 0px; background-color: transparent;}
IMG a{ border: 0px; background-color: transparent;}
IMG.wrap { float:left; margin:2px 12px 5px 0; }

INPUT {
	padding:4px;
	color:#333; font:normal 12px Arial, Helvetica, sans-serif;
}
SELECT {
	color:#333; font:normal 11px Arial, Helvetica, sans-serif;
	line-height:1.5;
}

.clear { clear:both; font-size:8px; }

.title {
	font:bold 12pt Arial, Helvetica, sans-serif; color:#FFF;
	padding:10px 5px 8px 20px; margin-top:10px;
	background:#000 url(images/title-bg.gif) left repeat-x;
}
.title span, .title span a {
	color:#ff9900; text-transform:none; text-decoration:none; font-size:11px;
}
.title span a:hover {
	color:#06F;
}
.txtBox {
	text-align:justify; padding:10px 20px 10px 20px;
}

/* Menu -------------------------- */
.menu {
	font:normal 10pt Arial, Helvetica, sans-serif
	height:50px; clear:both;; overflow:hidden; position:relative;
	background:#e0e0e0 url(images/menu-bg.gif) top repeat-x;
/*	border-bottom:10px solid #c6c6c6; */
}
.menu UL {
	list-style:none;
	margin:0px; padding:0px;
}
.menu LI {
	float:left;
	color:#333;
	height:50px; overflow:hidden;
}
.menu LI a {
	text-decoration:none; color:#5b5966; padding:20px 20px 15px 20px; display:block;
}
.menu LI a:hover, a:selected {
	background:#fcfcfc url(images/menu-bg-hover.gif) top repeat-x;
	color:#5b5966;
}
.menu LI.seperator {
	height:50px; width:1px; background:url(images/seperator.gif) bottom no-repeat;
}
.menu .top-left-corner {
	height:10px; width:10px; position:absolute; top:0; left:0; overflow:hidden; background:url(images/menu-corner.png) left top no-repeat;
}
.menu .top-right-corner {
	height:10px; width:10px; position:absolute; top:0; right:0; overflow:hidden; background:url(images/menu-corner.png) right top no-repeat;
}

.list {
	font:normal 13px Arial, Helvetica, sans-serif;
	margin:0px;
}
.list UL {
	list-style:none;
	margin:5px; padding:0px;
}
.list LI a {
	display:block; color:#333;
	padding:5px 5px 5px 20px; margin:0 10px 0 25px;
	text-decoration:none;
	background:url(images/double-arrow.png) left center no-repeat;
}
.list a:hover {
	text-decoration:underline; color:#025575;
}

/* Navigation */
.navigation ol { padding:0; margin:10px; list-style:decimal-leading-zero; }
.navigation ol li { margin-left:25px; padding:10px 5px 10px 5px; color:#003366; border-bottom:1px solid #e5e5e5; }
.navigation ol li a { color:#888787; text-decoration:none; font-weight:normal; }
.navigation ol li a:hover { color:#00b6f8; }

.packageBox { 
	padding:12px; position:relative; border:1px solid #DDD; color:#3c3b39; font-size:12px; margin:10px 5px 0px 5px; 
	min-height:250px; text-align:left; float:left; width:204px; background:#FFF; color:#666;
}
.packageBox a { color:#333; }
.packageBox a:hover { color:#690; }
.packageBox H2 { font:bold 14px Arial, Helvetica, sans-serif; padding:5px 0 5px 0px; color:#000; }
.packageBox H2 span { font:bold 11px Arial, Helvetica, sans-serif; color:#990; padding:0; float:none; display:inline; }
.packageBox .details { margin-top:10px; text-align:center; display:block; background:url(images/details-bg.png) center center no-repeat; width:204px; position:absolute; bottom:8px; left:12px; }
.packageBox .details a { text-decoration:none; display:block; padding-top:10px; height:25px; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF; }
.packageBox .details a:hover { text-decoration:none; color:#FFF; background:url(images/details-bg-hover.png) center center no-repeat; }

.pagination {
	color:#666; 
	border:0px; clear:both;
	padding:5px 15px 15px 15px;
	margin-top:10px;
}

.pagination a {
	text-decoration:none;
	color: #666;
	background:#EEE;
	border:1px solid #DDD;
	padding:4px 8px 5px 8px; margin:0 5px 5px 0;
	font:Bold 11px Arial, Verdana, Geneva, sans-serif;
}

.pagination a:hover {
	background:#AAA;
	color:#FFF;
	border-color:#888;
}

.pagination span {
	text-decoration:none;
	color: #FFF;
	background:#AAA;
	border:1px solid #888;
	padding:4px 8px 5px 8px; margin:0 5px 5px 0;
	font:bold 11px Tahoma, Arial, Verdana, Geneva, sans-serif;
}

.jBox {
	position:relative; width:1000px;
	background:#069;
}

.browseBox {
	background:#f2931d url(images/browse-bg.png) top left no-repeat;
	padding:20px 10px 0 20px; color:#EEE;
}
.regionBox {
	padding:5px 0 5px 15px; background:#FFF; color:#333;
}
.topics {
	font:bold 12pt Arial, Helvetica, sans-serif; color:#333;
	padding:0px 8px 5px 10px; border-bottom:1px solid #DDD;
}
.regionBox UL {margin:0px; padding:0px; list-style:none; }
.regionBox LI { float:left;  }
.regionBox LI a { display:block; color:#274e13; font:bold 12px Arial, Helvetica, sans-serif; padding:5px; margin-left:5px; width:180px; }
.regionBox UL LI a:hover { color:#333366; border:1px solid #DDD; padding:4px; }

.photoBox {
 width:160px; float:left;
 min-height:150px; text-align:center;
 padding:15px 5px 15px 10px;
 overflow:hidden;
}
.photoBox P {
	padding:5px 0 5px 0; text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.photoBox span {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#999;
}
.photoBox a {
	text-decoration:none;
	color:#473423;
}
.photoBox a:hover {
	text-decoration:none;
	color:#006600;
}

.feedback { font:normal 12px Arial, Helvetica, sans-serif; color:#555; text-align:justify; padding:3px 0 5px 0; }
.ldate { font:bold 10px Arial, Helvetica, sans-serif; color:#999999; padding-top:4px; }

.more { text-align:right; color:#466f42; padding:5px; border-top:1px dotted #DDD; }
.more a { color:#466f42; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; }
.more a:hover { color:#ffb401; }


/* Box ------------------------------ */
	.box {
			background:#FFF; 
			border:1px solid #DDD; 
			position:relative;
		}
	.BM { margin-bottom:10px; }	
	.BM1x { margin-bottom:1px; }	
	.TP { padding:20px; }
	.TL-corner {
		height:7px; width:7px; position:absolute; top:-1px; left:-1px; overflow:hidden; background:url(images/box-corner.png) left top no-repeat;
	}
	.TR-corner {
		height:7px; width:7px; position:absolute; top:-1px; right:-1px; overflow:hidden; background:url(images/box-corner.png) right top no-repeat;
	}
	.BL-corner {
		height:7px; width:7px; position:absolute; bottom:-1px; left:-1px; overflow:hidden; background:url(images/box-corner.png) left -7px no-repeat;
	}
	.BR-corner {
		height:7px; width:7px; position:absolute; bottom:-1px; right:-1px; overflow:hidden; background:url(images/box-corner.png) right -7px no-repeat;
	}

/* Footer */
.footer {
	background:#0b0b0b url(images/footer-bg.gif); border-top:1px solid #29450f;
	clear:both; color:#FFF; position:relative; min-height:160px;
}
.footLink {
	position:relative; margin:-1px 0 0 20px; padding:15px; width:925px; background:#FFF url(images/footlink-bg.gif) right repeat-y; color:#666;
	text-align:left; border-top:1px solid #DDD; min-height:90px;
}
.footLink .bottomLeft {
	position:absolute; bottom:0; left:0; width:10px; height:10px; z-index:1001;
	background:url(images/footer-corner.gif) bottom left no-repeat;
}
.footLink .bottomRight {
	position:absolute; bottom:0; right:0; width:10px; height:10px; z-index:1001;
	background:url(images/footer-corner.gif) bottom right no-repeat;
}
.footLink a {
	font:normal 14px Arial, Helvetica, sans-serif; color:#333;
	margin:10px;
}
.footLink a:hover {
	color:#000;
}

/* Easy Slider */
#slider {
    width: 1000px; /* important to be same as image width */
    height: 350px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background:#000;
}

#sliderContent {
    width: 1000px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
    padding:20px;;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	line-height:1.5;
}
.sliderImage span strong {
    font-size: 15px;
}
.left {
	top: 0;
    left: 0;
	width: 300px !important;
	height: 350px;
}