/*  --------------------------------------------------------
	langkawi online
--------------------------------------------------------  */

body { padding-right: 0px; padding-left: 0px; font-size: small; background: url(bg.jpg) #F1EFE8 /*#FAFDFD*/ repeat-y left top; padding-bottom: 0px; margin: 0px; color: #5E5757; padding-top: 0px; font-family:  verdana, arial, sans-serif; voice-family: inherit
}


h1, h2, h3, h4 { font-family: georgia, "times new roman", times, serif }

h1 { padding: 0px; font-weight: bold; font-size: 125%; margin: 10px 10px 0px 0px; color: #ecd9cb; line-height: 0.9em; text-align: right }
	h1 span { font-weight: normal; font-size: 95% }
h2 { padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 225%; padding-bottom: 0px; margin: 20px 30px; color: #990022; line-height: 1em; padding-top: 0px
}
h3 { padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 205%; padding-bottom: 0px; margin: 20px 20px 10px 0px; color: #067acd; line-height: 1em; padding-top: 0px
}
h4 {	padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 155%; padding-bottom: 0px; margin: 10px 0px 0px; color: #067acd; line-height: 1em; padding-top: 0px
}

ul.quick-contact {
	padding-right: 0px; padding-left: 0px; font-size: 95%; padding-bottom: 0px; margin: 10px 10px 0px 0px; color: #ecd9cb; line-height: 120%; padding-top: 0px; list-style-type: none; text-align: right
}
ul.quick-contact a {
	color: #ecd9cb
}

/*  --------------------------------------------------------
	nav menu
--------------------------------------------------------  */
#nav { float: left; width: 180px }

#nav h1  { font: bold 1.5em georgia, "times new roman", times, serif; color: #8BAEBB; }
	#nav h1 a  { font: bold 1.5em georgia, "times new roman", times, serif; color: #8BAEBB; text-decoration: none }
#nav h2 { font: bold 1.2em georgia, "times new roman", times, serif; color: #FFCC00; text-align: right; }
#nav h5 { padding-right:10px; font:bold 1.2em georgia, "times new roman", times, serif; color: #FFCC00; text-align: right; }
/*
#nav .menu { margin-top: 10px; vertical-align: top; width: 170px; padding: 0px; }
	#nav .menu ul, .menu li{ list-style-type: none; margin: 0; padding: 0; }
	.menu ul { border-bottom: 0px; background-color: none; background-image : url(sub.gif) no-repeat; background-position: 3px 6px; }
	.menu ul ul { padding-left: 10px; }
	.menu a:link, .menu a:visited, .menu a:active { width: 160px; padding: 4px 10px 4px 10px; font: normal 1em  verdana, arial, helvetica, "Lucida Grande", sans-serif;/*georgia, serif*/ display: block; text-align: right; border-bottom: solid 1px #3F86C6; text-decoration: none; color: #F8FBFC  /*C1E9F5   B1E100 -green   5C9AF7*/; background-color: none; }
	/*.menu ul ul a:link { width: 160px !important; width: 140px; }

	.menu a:hover { text-decoration: none; color: #333333; background-color: #FFCC00; }

	.menu_current, .menu_current a:link, .menu_current a:visited, .menu_current a:active  {
	font-weight: bold; color: #FFFFFF; background: #3F86C6; }
*/

.search_box { width: 180px; height: 30px; padding: 5px; }
.search_string { width: 100px; height: 16px; padding: 2px; font-size: 0.8em; vertical-align: middle; }
.search_submit { width: 50px; height: 25px; 	font-size: 10px; vertical-align: middle; }


	.menu { width: 86%; position: relative; top: 0px; left: 10px; padding: 0px; vertical-align: top; }
	.menu ul, .menu li { margin: 0; padding: 0; list-style-type: none; }
	.menu ul { margin: 0; padding: 0; }
	.menu ul ul { padding-left: 0px; }
	
	.menu a:link, .menu a:visited, .menu a:active { width: 88%; margin: 0; padding: 10px 10px 4px 10px; display: block; font: bold 1em arial, helvetica, sans-serif; text-decoration: none; border-bottom: solid 1px #84A6B3; color: #CCD590 /*#80C6F9; *//*background: #6699CC;*/; text-align: right }
	.menu a:hover { text-decoration: none; color: #DDEEEE; background-color: #5A666E; }
	
	.menu ul ul a:link, .menu ul ul a:visited, .menu ul ul a:active { width: 85%; padding-left: 20px; color: #red; background: #5994A9 url(bg-menu-sub.gif) top right no-repeat; }
	.menu ul ul a:hover { color: #F8F33F; /*background: #5994A9 url(bg-menu-sub-hover.gif) top right no-repeat; */}
	
	.menu ul ul ul a:link, .menu ul ul ul a:visited, .menu ul ul ul a:active { width: 85%; padding-left: 50x; background: #5994A9 url(bg-menu-sub.gif) top right no-repeat;}
	.menu ul ul ul a:hover { padding-left: 50x; color: #FF0000; background: #5994A9 url(bg-menu-sub-hover.gif) top right no-repeat; }
	
	.menu_current, .menu_current a:link, .menu_current a:visited, .menu_current a:active  { color: #FFF; background: #889999 url(bg-menu-current.gif) top right no-repeat; }
	
	
/* Menu 2 */
	.menu2 { width: 83%; position: relative; top: 0px; left: 0px; padding: 0px; vertical-align: top; }
	.menu2 ul, .menu2 li { margin: 0; padding: 0; list-style-type: none;}
	.menu2 ul { margin: 0; padding: 0; }
	.menu2 ul ul { padding-left: 0px; }
	
	.menu2 a:link, .menu2 a:visited, .menu2 a:active { width: 95%; padding: 10px 10px 4px 10px; display: block; font: bold 1em arial, helvetica, "Lucida Grande", sans-serif; text-decoration: none; border-bottom: solid 1px #550000; color: #FFBCB8; background: url(sub.gif) 1px 12px no-repeat; }
	.menu2 a:hover { text-decoration: none; color: #FFFFF1; background-color: #D4D2BB; }
	
	
/*  --------------------------------------------------------
	center
--------------------------------------------------------  */

#events-col { float: left; width: 225px; }

#events-col div {
	margin: 0 0 25px 0;
	padding: 0 14px;
	color: white;
	}
	
#events-col div p.events-opener {
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 185%;
	line-height: 140%;
	text-align: center;
	}
	
#events-col div p {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 85%;
	line-height: 140%;
	}

#events-col h2 { margin: 0; padding: 10px 0 15px 15px; font: normal 1.5em  georgia, serif; color: #550000; } 
#events-col h3 { margin: 0; padding: 10px 0 0 15px; font: bold 1.2em  georgia, serif; color: #550000; } 
	
#events-col img  { border: 0px;
	}
	
ul.diary-event {
	background-color: #0084E1; 
	border: 1px solid #5CA5D7; 
	margin: 0 0 14px 0;
	padding: 4px;
	font-size: 85%;
	list-style-type: none;
	line-height: 120%;
	}
	
li.event-date { 
	margin: 4px 0 0 0;
	padding: 0 0 6px 0;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 185%;

	text-align: center;
	line-height: 110%;
	}
	
li.event-info { 
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 100%;
	}
	
li.event-more { 
	margin: 0;
	padding: 4px 0;
	font-size: 100%;
	text-align: right;
	}

address,
ul.contact-info {
	background-color: #0084E1; 
	border: 1px solid #5CA5D7; 
	margin: 0 0 14px 0;
	padding: 4px;
	font-size: 85%;
	list-style-type: none;
	line-height: 120%;
	text-align: center;
	}
	
ul.contact-info li {
	margin: 0;
	padding: 0 0 2px 0;

	}
	
address {
	font-size: 95%;
	font-style: normal;
}

address strong {
	font-size: 105%;
}

/*  --------------------------------------------------------
	contents
--------------------------------------------------------  */

#breadcrumbs  { margin-top: 10px; margin-bottom: 20px; padding: 15px 10px; display: block; font: normal 12px verdana, arial, helvetica, sans-serif; border: 2px solid #EEEEEE; color: #333; background: #FFF; }
#breadcrumbs a:link, #breadcrumbs  a:visited, #breadcrumbs  a:active { color: #3399CC; }
	
#content { margin: 0px 0px 0px 400px; padding: 0 30px; max-width: 540px; border-top: #F67400 10px solid; }

	#main p { margin: 0px; padding: 0 0 14px 0; }
	#main h1 { font: normal 2.5em  georgia, serif; text-align: left; color: #595959; }
	#main h2 { margin: 0; padding: 10px 0 0 0; font: normal 2.2em  georgia, serif; color: #003366; }  
	#main h3 { padding: 0 0 10px 0; font: normal 1.8em  georgia, serif; color: #003366; } 
	#main p { padding: 15px 0 0 0; font: normal 1em/1.5em  verdana, arial, helvetica, "Lucida Grande", sans-serif; color: #232323; } 

#main img { border: 0; /*margin: 15px; padding: 10px; padding-bottom:15px; background: #FFFFFF; border: 1px solid #C0C0C0;*/ } 

#main .intro { padding: 10px 0 10px 10px; display: block; /*border: 1px solid #FF0000; */} 
	#main .intro h2 { margin: 0; padding: 10px 0 0 0; font: normal 2.2em  georgia, serif; color: #003366; } 
	#main .intro h3 { padding: 0 0 10px 0; font: normal 1.2em/1.5em  georgia, serif; color: #787878; } 
	#main .intro img { margin: 0; padding: 0; border: none; } 
	
#main .list { padding: 10px 0 10px 10px; display: block; color: #FFF; background: #A5BE0E /*555555*/; } 
	#main .list h2 { padding: 0 0 10px 0; font: normal 2.2em  georgia, serif; color: #003366; } 
	#main .list h3 { padding: 0 0 10px 0; font: normal 1.2em/1.5em  georgia, serif; color: #787878; } 
	#main .list img { margin: 0; padding: 0; border: none; } 
	#main .list a:link, #content .list a:visited   { padding: 0 0 10px 0; font: normal 1em  georgia, serif; text-decoration: none; color: #FFF; } 
	#main .list a:hover   { text-decoration: underline; color: #003163; } 


	blockquote { padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 0px 10px 4px 0px; padding-top: 2px; font-style: italic }
#content blockquote p {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
q {
	padding-right: 0px; padding-left: 0px; font-weight: bold; padding-bottom: 0px; margin: 0px 0px 20px 20px; padding-top: 0px
}
p.welcome {
	font-size: 135%; margin: 0px; color: #067acd; font-style: italic; font-family: georgia, "times new roman", times, serif
}
p.major-quote {
	font-size: 135%; margin: 0px; color: #067acd; font-style: italic; font-family: georgia, "times new roman", times, serif
}
div.gutters p.entry-details {
	padding-right: 0px; border-top: #b0b0b0 1px solid; padding-left: 0px; font-size: 125%; padding-bottom: 0px; margin: 0px 0px 20px; color: #067acd; padding-top: 10px; font-style: italic; font-family: georgia, "times new roman", times, serif
}
ul.sponsors {
	padding-right: 0px; border-top: #b0b0b0 1px solid; padding-left: 20px; font-size: 100%; padding-bottom: 6px; margin: 0px 0px 40px; padding-top: 5px; border-bottom: #b0b0b0 1px solid; list-style-type: none
}
ul.sponsors li {
	padding-right: 0px; padding-left: 14px; background: url(../images/icons/big-page-blue.gif) no-repeat 0px 7px; padding-bottom: 0px; margin: 0px; color: #067acd; line-height: 170%; padding-top: 0px
}
ul.demographics {
	padding-right: 0px; padding-left: 20px; font-size: 100%; padding-bottom: 0px; margin: 0px 0px 20px; padding-top: 0px; list-style-type: none
}
ul.demographics li {
	padding-right: 0px; padding-left: 12px; background: url(../images/icons/bullet-shoe-grey.gif) no-repeat 0px 5px; padding-bottom: 3px; margin: 0px; line-height: 120%; padding-top: 0px
}
ul.participation {
	padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 6px; margin: 0px 0px 15px; padding-top: 0px; list-style-type: none
}
ul.age {
	padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 6px; margin: 0px 0px 15px; padding-top: 0px; list-style-type: none
}
ul.gender {
	padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 6px; margin: 0px 0px 15px; padding-top: 0px; list-style-type: none
}
ul.participation li {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; line-height: 130%; padding-top: 0px
}
ul.age li {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; line-height: 130%; padding-top: 0px
}
ul.gender li {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; line-height: 130%; padding-top: 0px
}
ul.participation li.title {
	padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 155%; padding-bottom: 2px; margin: 0px; color: #067acd; line-height: 1em; padding-top: 0px; font-family: georgia, "times new roman", times, serif
}
ul.age li.title {
	padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 155%; padding-bottom: 2px; margin: 0px; color: #067acd; line-height: 1em; padding-top: 0px; font-family: georgia, "times new roman", times, serif
}
ul.gender li.title {
	padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 155%; padding-bottom: 2px; margin: 0px; color: #067acd; line-height: 1em; padding-top: 0px; font-family: georgia, "times new roman", times, serif
}
ul.trade-stands {
	padding-right: 0px; padding-left: 20px; font-size: 100%; padding-bottom: 0px; margin: 0px 0px 20px; padding-top: 0px; list-style-type: none
}
ul.trade-stands li {
	padding-right: 0px; padding-left: 12px; background: url(../images/icons/bullet-page-grey.gif) no-repeat 0px 7px; padding-bottom: 0px; margin: 0px; line-height: 150%; padding-top: 0px
}


#map {
	border-right: #5ca5d7 3px solid; padding-right: 0px; border-top: #5ca5d7 3px solid; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 8px; border-left: #5ca5d7 3px solid; padding-top: 0px; border-bottom: #5ca5d7 3px solid
}
ul.highclere {
	padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 4px 0px 20px; line-height: 130%; padding-top: 0px; list-style-type: none
}
ul.local-info {
	padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 4px 0px 20px; line-height: 130%; padding-top: 0px; list-style-type: none
}
ul.local-info li {
	padding-right: 0px; padding-left: 12px; background: url(../images/icons/bullet-plus-blue.gif) no-repeat 0px 7px; padding-bottom: 0px; margin: 0px 0px 4px; line-height: 130%; padding-top: 0px
}
ul.accommodation {
	padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 0px 0px 20px; line-height: 120%; padding-top: 0px; list-style-type: none
}
ul.accommodation li.hotel-name {
	padding-right: 0px; padding-left: 0px; font-weight: bold; padding-bottom: 2px; margin: 0px; padding-top: 0px
}
a:link {
	font: normal Georgia, "Times New Roman", Times, serif; text-decoration: underline }
a:visited {
	font-weight: normal; text-decoration: underline
}
a:hover {
	text-decoration: none
}
a:active {
	text-decoration: underline
}

/*
#events-col a:link {
	color: white
}
#events-col a:visited {
	color: white
}
#events-col a:hover {
	color: #f5f5f5
}
#events-col a:active {
	color: #f5f5f5
}
#content a:link {
	color: #067acd
}
#content a:visited {
	color: #067acd
}
#content a:hover {
	color: #990022
}
#content a:active {
	color: #990022
}
.event-header {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 14px; padding-top: 0px
}
.events-photo {
	border-right: #5ca5d7 3px solid; padding-right: 0px; border-top: #5ca5d7 3px solid; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 14px; border-left: #5ca5d7 3px solid; padding-top: 0px; border-bottom: #5ca5d7 3px solid
}
.events-leaflet {
	border-right: #5ca5d7 3px solid; padding-right: 0px; border-top: #5ca5d7 3px solid; padding-left: 0px; padding-bottom: 0px; margin: 20px 0px 14px; border-left: #5ca5d7 3px solid; padding-top: 0px; border-bottom: #5ca5d7 3px solid
}

*/
.photo {
	border-right: #5ca5d7 3px solid; padding-right: 0px; border-top: #5ca5d7 3px solid; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 14px; border-left: #5ca5d7 3px solid; padding-top: 0px; border-bottom: #5ca5d7 3px solid
}
.event-photo-r {
	border-right: #5ca5d7 3px solid; padding-right: 0px; border-top: #5ca5d7 3px solid; padding-left: 0px; float: right; padding-bottom: 0px; margin: 0px 0px 8px 8px; border-left: #5ca5d7 3px solid; padding-top: 0px; border-bottom: #5ca5d7 3px solid
}
.event-photo-l {
	border-right: #5ca5d7 3px solid; padding-right: 0px; border-top: #5ca5d7 3px solid; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px 8px 8px 0px; border-left: #5ca5d7 3px solid; padding-top: 0px; border-bottom: #5ca5d7 3px solid
}
ul#navlist {
	padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; margin: 60px 0px 0px; padding-top: 0px; font-family: georgia; list-style-type: none; text-align: right
}
ul#navlist li {
	padding-right: 10px; padding-left: 0px; font-weight: normal; font-size: 155%; padding-bottom: 2px; margin: 0px; width: 150px; padding-top: 8px; border-bottom: #990022 1px solid
}
ul#navlist li a:link {
	color: #dac29e; text-decoration: none
}
ul#navlist li a:visited {
	color: #dac29e; text-decoration: none
}
ul#navlist li a:hover {
	color: #f6f1de; text-decoration: none
}
ul#navlist li a:active {
	color: #f6f1de; text-decoration: none
}
#currentpage {
	color: white; border-bottom: #990022 1px solid; font-style: italic; background-color: #990022
}


#footer { clear: both; margin: 0px; padding: 10px 10px 10px 420px; font: normal 0.9em  arial, verdana, sans-serif; color: #787878; background-color: #EEE; border-top: solid 5px #FFF; border-bottom: solid 10px #F67400;}
	#footer a:link, #footer a:visited, #footer  a:active  { text-decoration: none; color: #787878;}
	a#hiddenlink, a#hiddenlink:hover { color: #787878; text-decoration: none; cursor: text; background:none; }
	
	
.skiplink {
	overflow: hidden; width: 0px; position: absolute; height: 0px
}
#contact_form {
	border-right: #c5c5bb 1px solid; padding-right: 20px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px 20px 20px 0px; width: 240px; padding-top: 0px
}
#contact_form p {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
fieldset {
	border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; border-right-width: 0px
}
legend {
	display: none
}
.formlabel {
	padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 90%; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
.formmessage {
	padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 90%; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
.row-top {
	clear: both; padding-top: 0px
}
.row {
	clear: both; padding-top: 4px
}
.inputfield {
	border-right: #c5c5bb 1px solid; padding-right: 0px; border-top: #c5c5bb 1px solid; padding-left: 0px; font-size: 100%; padding-bottom: 3px; margin: 0px; border-left: #c5c5bb 1px solid; width: 99%; padding-top: 3px; border-bottom: #c5c5bb 1px solid
}
.inputarea {
	border-right: #c5c5bb 1px solid; padding-right: 0px; border-top: #c5c5bb 1px solid; padding-left: 0px; font-size: 100%; padding-bottom: 3px; margin: 0px; border-left: #c5c5bb 1px solid; width: 99%; padding-top: 3px; border-bottom: #c5c5bb 1px solid
}
.inputdrop {
	border-right: #c5c5bb 1px solid; padding-right: 0px; border-top: #c5c5bb 1px solid; padding-left: 0px; font-size: 100%; padding-bottom: 3px; margin: 0px; border-left: #c5c5bb 1px solid; width: 99%; padding-top: 3px; border-bottom: #c5c5bb 1px solid
}
.inputdrop {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
textarea {
	font-size: 90%; font-family: arial, helvetica, sans-serif
}
.inputsend {
	padding-right: 0px; padding-left: 0px; font-size: 90%; padding-bottom: 0px; margin: 10px 0px 0px; padding-top: 0px
}
#content p span.thanks {
	padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 140%; padding-bottom: 16px; margin: 0px; color: #990022; padding-top: 0px
}
#content p.sorry {
	padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin: 0px; color: #ff0202; padding-top: 0px
}
.clear { clear: both; margin: 0; padding: 0; }