/* style.css - a simple style sheet */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

a {
color: #763400;
}

a img {
border: none;
}

a:hover {
color: #ffffff;
text-decoration: none;
}

p, ul, li {
margin-top: 0em;
margin-bottom: 1em;
}

body {
  color:#000000;
  font-family: sans-serif, Tahoma, Arial, Helvetica;
  font-size: 12px;
  font-weight: normal;
  background-color:#ffffff;
  margin: 0px auto; 
  padding: 0px;
  text-align: center;
}

/**********************************/
/******* Sinhala Scripts  *********/
/**********************************/

.si  {
font-family: "Iskoola Potha", "Malithi Web", "LKLUG", "KaputaUnicode";
font-size: 15px;
}

.en {
  font-family: sans-serif, Tahoma, Arial, Helvetica, "Iskoola Potha";
  font-size: 12px;
}

/**********************************/
/******* Standard Styles  *********/
/**********************************/

#wrapper {
  width: 980px;
  background-image:url(images/wrapper_bg.png);
  background-repeat:repeat-y;
  margin:0px auto;
  text-align:left;
  position:relative;
}

#banner {
  height:170px;
  background-image:url(images/top_banner.png);
  background-repeat:no-repeat;
}

#banner_printed, #HH_Menu {
  display: none;
}

/**********************************/
/******* Top Menu Bar     *********/
/**********************************/
.menubar_div {
  position: absolute;
  left: 242px;
  top: 135px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-image:url(images/menubar_top.png);
  background-repeat:no-repeat;
  height: 34px;
  width: 734px;
}

.menubar_div ul {
  color: #e7bc74;
  text-decoration: none;
  padding: 0px;
  margin: 5px 10px 0px 20px;
  font-weight: bold;
}

.menubar_div ul.si {
/*   font-size: 18px; */
  font-weight: normal;
/*   line-height: 80%; */
}

.menubar_div ul li {
  list-style: none;
  display: inline;
}

.menubar_div ul li a {
  color: #e7bc74;
  padding: 2px 0.5em;
  text-decoration: none;
  float: left;
}

.menubar_div ul li a:hover {
  color: #ffffff;
}

.menubar_div ul ul {
  position: absolute;
  top: 16px;
  left: -3000px;
  width: 250px;
  border:1px solid #9A6600;
  background-color: #e7bb73;
  color:#000000;
  text-align: left;
  padding: 0px 0px 0px 0px;
}

.menubar_div ul li:hover ul{
  position: absolute;
  left: 15px;
}
.menubar_div ul.si li:hover ul{
  top: 18px;
  font-weight: normal;
}


.menubar_div ul li:hover ul#level_2_item1 {
  left: 5px;
}
.menubar_div ul.si li:hover ul#level_2_item1 {
  left: 5px;
}


.menubar_div ul li:hover ul#level_2_item2 {
  left: 50px;
}
.menubar_div ul.si li:hover ul#level_2_item2 {
  left: 110px;
}

.menubar_div ul li:hover ul#level_2_item3{
  left: 120px;
}
.menubar_div ul.si li:hover ul#level_2_item3{
  left: 220px;
}


.menubar_div ul li:hover ul#level_2_item4{
  left: 185px;
}
.menubar_div ul.si li:hover ul#level_2_item4{
  left: 325px;
}

.menubar_div ul li:hover ul#level_2_item5{
  left: 323px;
}
.menubar_div ul.si li:hover ul#level_2_item5{
  left: 463px;
}

.menubar_div ul li ul li a {
  color: #000000;
  padding: 2px 0px 2px 0px;
  margin: 0px;
  text-decoration: none;
  width: 250px;
}

.menubar_div ul li ul li a:hover {
  color: #ffffff;
  background-color: #9b6600;
}


/**********************************/
/******* Main Content Section *****/
/**********************************/

#content {
  margin: 25px 45px 0px 170px;
  text-align: justify;
}

/* alternate content div for dhamma query */
/* has to be before the si class below otherwise ie does not recognise it */
#content.dq_content {
  margin-left: 120px;
  margin-right: 0px;
}

#content.si {
  text-align: left;
}


#content p {
  font-size: 13px;
}

#content.si p {
  font-size: 14px;
}


.singlish {
font-size:16px;
}


#content p.title {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  margin-top: 30px;
}


#content .center {
  text-align: center;
}

#content .intro {
  font-size: 14px;
}

#content.si .intro {
/*   font-size: 16px; */
}

#content ul {
  margin-left: 70px;
  text-align: left;
}

#content ol {
  margin-left: 70px;
  text-align: left;
}

#content hr {
  height: 1px;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border: none;
  background-color: #9A6600;
  color: #9A6600;
}

#content h1 {
  font-size: 32px;
  font-weight: bold;
  color:#763400;
  margin: 0px;
  padding: 0px 0px 0px 105px;
  background-image: url(images/elephantmotif.png);
  background-repeat:no-repeat;
  background-position: bottom left;
  height: 75px;
  text-align: left;
}


#content.si h1 {
/*   font-size: 32px; */
}

#content h2 {
  font-size: 18px;
  line-height: 170%;
  font-weight: bold;
  color:#763400;
  text-align: left;
}

#content.si h2 {
/*   font-size: 18px; */
}


#content .dropcap {
  float: left;
  color:#986700;
  font-size: 60px;
  line-height: 80%;
  margin: 0em 0.0em 0em 0em;
  padding: 0em 0.1em 0.1em 0em;
}


#content.si .dropcap {
   font-size: 70px; 
  line-height: 60%
}

#content .QA {
  float: left;
  color:#986700;
  font-size: 40px;
  line-height: 80%;
  margin: 0em 0.0em 0em 0em;
  padding: 0em 0.1em 0.1em 0em;
}

.content_col {
  float: left;
  height: auto;
  width: 370px;
  padding: 0px;
  margin: 0px;
}

#col_left {
  margin-right: 20px;
}

.photoback_1 {
  background-image: url(images/sl_travel_montage.png);
  background-repeat: repeat-y;
  background-position: top center;
}

.photoback_1 img {
  margin-bottom: 30px;
/* remaining styles applied inline for each photograph */
}




/*******************************************/
/****    Box sections			****/
/****    contains content in boxes  	****/
/*******************************************/


.box_section_left {
  background-image: url(images/motif.png);
  background-repeat: repeat-x;
  background-position: bottom;
  float: left;
  -moz-box-shadow: 0px 0px 12px #9A6600;
  -webkit-box-shadow: 0px 0px 12px #9A6600;
  box-shadow: 0px 0px 12px #9A6600;
  height: auto;
  width: 345px;
  border: 1px solid #9A6600;
  padding: 0px 0px 20px 0px;
  margin: 0px 20px 10px 0px;
}

.box_section_right {
  background-image: url(images/motif.png);
  background-repeat: repeat-x;
  background-position: bottom;
  float: right;
  -moz-box-shadow: 0px 0px 12px #9A6600;
  -webkit-box-shadow: 0px 0px 12px #9A6600;
  box-shadow: 0px 0px 12px #9A6600;
  height: auto;
  width: 360px;
  border: 1px solid #9A6600;
  padding: 0px 0px 20px 0px;
  margin: 0px 10px 10px 10px;
}


.box_section_small {
  width: 280px;
}

.box_section_sdmenu {
  width: 220px;
  float: right;
  border: 1px solid #9A6600;
  -moz-box-shadow: 0px 0px 12px #9A6600;
  -webkit-box-shadow: 0px 0px 12px #9A6600;
  box-shadow: 0px 0px 12px #9A6600;
  padding: 0px 0px 0px 10px;
  margin: 0px 5px 5px 10px;
}

#content div.box_section_sdmenu hr {
margin: 0px;
}

#content div.box_section_sdmenu p {
  margin: 1em 0px 0px 0px;
  padding: 0px 8px 0px 0px;
}

.box_section_hdr {
  background-image: url(images/motif.png);
  background-repeat: repeat-x;
  background-position: top;
  width: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}


#content div.box_section_left h2, #content div.box_section_right h2 {
  background-image: url(images/swanmotif.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  height: 60px;
  margin: 5px 10px 0px 10px;
  padding: 0px 0px 0px 65px;
  text-align: left;
}

#content div.box_section_left ul, #content div.box_section_right ul {
  margin-left: 30px;
  margin-right: 30px;
  text-align: left;
}

#content div.box_section_left ol, #content div.box_section_right ol {
  margin-left: 30px;
  margin-right: 30px;
  text-align: left;
}

#content div.box_section_left a, #content div.box_section_right a {
  margin: 0px 10px 5px 10px;
  padding: 0px 0px 0px 0px;
}

#content div.box_section_left p, #content div.box_section_right p {
  margin: 0px 10px 5px 10px;
  padding: 0px 0px 0px 0px;
}

#content div.box_section_left p.a_indent, #content div.box_section_right p.a_indent {
  margin-left: 2.25em;
}

#content div.box_section_left object {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  height: auto;
}

.box_img_rt {
  float: right;
  margin: 5px;
}

#content div.nobox_section {
  float: left;
  width: 355px;
  padding: 0px 0px 0px 0px;
  margin: 20px 10px 0px 0px;
}

#content div.nobox_section h2 {
  background-image: url(images/divider_nelum.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  height: 50px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 65px;
}

#content div.nobox_section p {
  margin: 1em 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#content div.nobox_section hr {
margin: 0px;
}

div.movie_bg_medium {
  width: 350;
  background-color: #000000;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

/**********************************/
/******* Left side bar        *****/
/**********************************/

#leftcol_nelum {
background-image:url(images/left_nelum.png);
background-repeat:no-repeat;
float: left;
width: 149px;
min-height: 200px;
}

#leftcol_nelum_txt_wrapper {
background-color: transparent;
margin: 20px 20px 20px 20px;
padding: 0px;
}

#leftcol_nelum_txt_wrapper p {
margin: 1em 0px 0px 0px;
padding: 0px;
text-align: right;
color:#9A6600;
}

#leftcol_nelum_txt_wrapper.si p {
font-size: 12px;
}
/*****************************************/
/******* Page footer and footer menu *****/
/*****************************************/

#footer {
  clear:both;
  font-size: 10px;
  text-align: left;
  margin: 15px 0px 5px 150px;
  padding: 20px 0px 20px 0px;
}

#footer.si {
/*   font-size: 12px; */
}

#footer p {
  margin: 0px;
  padding: 0px;
}

#footer hr {
  height: 1px;
  width: 650px;
  margin: 2px 0px 2px 0px;
  padding: 0px;
  border: none;
  background-color: #9A6600;
  color: #9A6600;
}

.Ft_Menu_Item {
  margin: 0px;
  padding: 2px 2px 0px 2px;
}

.Ft_Menu_Item a {
  text-decoration: none;
}

.Ft_filename {
  font-size: 10px;
  color:#763400;
  text-align: left;
  margin: 2px 0px 5px 150px;
  padding: 0px 0px 0px 0px;
}

/**********************************/
/******* Pull Quotes      *********/
/**********************************/

.lt_pullquote {
float: right;
width: 120px;
margin: 10px 0px 10px 20px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height:14px;
color:#855801;
text-align: right;
}

.rt_pullquote {
float: left;
width: 120px;
margin: 10px 20px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height:14px;
color:#855801;
text-align: left;	
}

.red18px {
color:#763400;
font-size:18px;
line-height:16px;
}

.normal_color22px {
font-size:22px;
line-height:16px;
}

.light_brown20px {
color:#ffeeca;
font-size:20px;
line-height:16px;
}

.side_pullquote {
float: left;
width: 100px;
margin: 10px 0px 5px 0px;
padding: 0px 0px 5px 0px;
font-size: 16px;
line-height:14px;
color:#9A6600;
text-align: right;	
}

.side_pullquote span.style1 {
color:#763400;
font-size:20px;
line-height:18px;
}

.side_pullquote span.style2 {
font-size:22px;
line-height:16px;
}

.side_pullquote span.style3 {
color:#aa6600;
font-size:24px;
line-height:20px;
}

/* in sinhala */
.si_pullquote {
float: left;
width: 100px;
margin: 10px 0px 5px 0px;
padding: 0px 0px 5px 0px;
font-size: 16px;
line-height:14px;
color:#9A6600;
text-align: right;	
}

.si_pullquote span.style1 {
color:#763400;
font-size:20px;
font-weight: normal;
line-height:18px;
}

.si_pullquote span.style2 {
font-size:22px;
line-height:16px;
font-weight: normal;
}

.si_pullquote span.style3 {
color:#a46301;
font-size:24px;
line-height:20px;
font-weight: normal;
}

/***************************************/
/******* Side Menu Panel Styles ********/
/**************************************/

#leftcol_menu_wrapper {
  background-color: transparent;
  margin: 140px 0px 20px 0px;
  padding: 0px;
}

#leftcol_menu_wrapper ul {
  color: #e7bc74;
  text-decoration: none;
  padding: 0px;
  margin: 5px 0px 0px 10px;
  font-weight: normal;
  width: 125px;
}

#leftcol_menu_wrapper ul li {
  list-style: none;
  margin: 3px 0px 3px 5px;
  background-color: #9b6600;
}

#leftcol_menu_wrapper ul li.si {
/*  font-size: 14px; */
}


#leftcol_menu_wrapper ul li a {
  color: #e7bc74;
  padding: 0px;
  text-decoration: none;
}

#leftcol_menu_wrapper ul li a:hover {
  color: #ffffff;
}

#leftcol_menu_wrapper ul li:hover {
  background-color: #412700;
}


/**********************************/
/******* images           *********/
/**********************************/
img.left_float {
float: left;
padding: 5px;
margin: 0px 20px 10px 0px;
background-color: transparent;
border: 1px solid #000000;
}

img.right_float {
float: right;
padding: 5px;
margin: 0px 0px 10px 20px;
background-color: transparent;
border: 1px solid #000000;
}

/**********************************/
/******* Language Links   *********/
/**********************************/
#lngLink {
left: 880px;
top: 5px;
padding: 0px;
margin: 0px;
background-color: transparent;
position: absolute;
text-align: left;
border: none;
}

#lngLink a img {
text-decoration: none;
filter: alpha(opacity=100); 
-moz-opacity: 1.00; 
opacity: 1.00;
}

#lngLink a:hover img {
text-decoration: none;
filter: alpha(opacity=60); 
-moz-opacity: 0.60; 
opacity: 0.60;
}

#slf, #enf {
border: none;
}


/**********************************/
/******* ebook link styles*********/
/**********************************/

a.ebook_lnk {
  text-decoration: none;
}

a.ebook_lnk:hover {
  color: #e7bb73;
}

a.ebook_lnk:hover img {
  text-decoration: none;
  filter: alpha(opacity=60); 
  -moz-opacity: 0.60; 
  opacity: 0.60;
}

a.ebook_lnk img {
  float: left;
  margin-right: 10px;
  text-decoration: none;
  filter: alpha(opacity=100); 
  -moz-opacity: 1.00; 
  opacity: 1.00;
}

a.ebook_lnk:hover img {
  text-decoration: none;
  filter: alpha(opacity=60); 
  -moz-opacity: 0.60; 
  opacity: 0.60;
}

/**********************************/
/******* Language Links   *********/
/**********************************/
#no_translation {
width: 250px;
left: 705px;
top: 60px;
padding: 0px;
margin: 0px;
background-color: #9A6600;
position: absolute;
text-align: left;
border: 1px solid #9A6600;
}

#no_translation p {
margin: 5px;
}

/**********************************/
/******* Tip Panel Styles *********/
/**********************************/

a.info {
/*   position: relative; */
  text-decoration: none;
  border-bottom: 1px dotted #9a6600;
}

a.info img {
  border: none;
}

a.info:hover {
  visibility: inherit;
  position: relative;
  z-index: 999; 
}

a.info span {
  display: none;
}

a.info:hover span.ttl {
  display:block;
  position:absolute;
  top:1em;
  left:2em;
  width: 210px;
  border:1px solid #9A6600;
  background-color:#de9b22;
  color:#000000;
  font-weight: bold;
  text-align: left;
  padding: 2px 5px 5px 5px;
}

a.info:hover span.dtl {
  display:block;
  position:absolute;
  top: 2.8em;
  left: 2em;
  width: 210px;
  border:1px solid #9A6600;
  background-color:#e7bb73;
  color:#000000;
  text-align: left;
  padding: 0px 5px 5px 5px;
}

a.info:hover span.dtl img {
  width:210px;
}

/* end tooltip effect */

/**********************************/
/******* Site Map Styles  *********/
/**********************************/

#sitemenu_ul.sitemap {
  list-style: none;
  border: 1px solid #aa6600;
  margin-top: 20px;
  margin-left: 0px;
  padding: 20px 0px 20px 0px;
}

#sitemenu_ul.sitemap ul {
  list-style: none;
  margin: 0px 0px 3px 10px;
  padding: 0px;
}

#sitemenu_ul.sitemap li {
  margin: 0px 0px 10px 10px;
}

#sitemenu_ul.sitemap ul li{
  margin: 0px 0px 0px 20px;
}

#sitemenu_ul.sitemap li a{
  font-weight: bold;
}

#sitemenu_ul.sitemap ul li a{
  font-weight: normal;
}

/**********************************/
/******* Misc             *********/
/**********************************/

#google_map_travel_1 {
  float: right;
  width: 450px;
  height: 800px; 
  border: 2px solid black;
  margin: 20px 0px 10px 10px;
}

/**** google search **************/

form.g_search {
  margin: 5px 0px 0px 13px;
  padding: 0px;
  width:115px;
}

form.g_search div.s_div {
  border:1px solid #9b6600;
  padding:1px;
  width:118px;
}

form.g_search div.s_div input.text {
  border:1px solid #aa6600;
  padding-right:4px;
  width:112px;
  margin:0px auto 1px auto;
  font-size: 12px;
}

form.g_search div.s_div input.submit {
  width: 118px;
  font-size: 12px;
  background-color: #9b6600;
  color: #e8bc74;
  cursor: pointer;
  border: 1px solid #aa6600;
  margin: auto;
}

form.g_search div.s_div input.submit:hover {
  color: #ffffff;
}