/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* VERTICAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	padding: 0;
	width: 200px;
	background-image: url(http://mysrilankaholidays.com/images/nav-left-bkg1.gif);
	list-style: none;
	text-align: left;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
 display: none;
 position: absolute;
 top: 0px;
 left: 200px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 border: 0px solid #;
 margin-bottom: 1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 5px;
 color: #000;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a:highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #46BCE0;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #46BCE0;
}
.menulist a#x {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x:hover, .menulist a.highlighted#x, .menulist a:focus#x {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x1 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x1:hover, .menulist a.highlighted#x1, .menulist a:focus#x1 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x2 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x2:hover, .menulist a.highlighted#x2, .menulist a:focus#x2 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x3 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x3:hover, .menulist a.highlighted#x3, .menulist a:focus#x3 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x4 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x4:hover, .menulist a.highlighted#x4, .menulist a:focus#x4 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x5 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x5:hover, .menulist a.highlighted#x5, .menulist a:focus#x5 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x6 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x6:hover, .menulist a.highlighted#x6, .menulist a:focus#x6 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x7 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x7:hover, .menulist a.highlighted#x7, .menulist a:focus#x7 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x8 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x8:hover, .menulist a.highlighted#x8, .menulist a:focus#x8 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x9 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x9:hover, .menulist a.highlighted#x9, .menulist a:focus#x9 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x10 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x10:hover, .menulist a.highlighted#x10, .menulist a:focus#x10 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x11 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x11:hover, .menulist a.highlighted#x11, .menulist a:focus#x11 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x12 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x:hover12, .menulist a.highlighted#x12, .menulist a:focus#x12 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x13 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x13:hover, .menulist a.highlighted#x13, .menulist a:focus#x13 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x14 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x14:hover, .menulist a.highlighted#x14, .menulist a:focus#x14 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x15 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x15:hover, .menulist a.highlighted#x15, .menulist a:focus#x15 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x16 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x16:hover, .menulist a.highlighted#x16, .menulist a:focus#x16 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x17 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x17:hover, .menulist a.highlighted#x17, .menulist a:focus#x17 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x18 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x18:hover, .menulist a.highlighted#x18, .menulist a:focus#x18 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x19 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x19:hover, .menulist a.highlighted#x19, .menulist a:focus#x19 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x20 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x20:hover, .menulist a.highlighted#x20, .menulist a:focus#x20 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x21 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x21:hover, .menulist a.highlighted#x21, .menulist a:focus#x21 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x22 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x22:hover, .menulist a.highlighted#x22, .menulist a:focus#x22 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x23 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x23:hover, .menulist a.highlighted#x23, .menulist a:focus#x23 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x24 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x24:hover, .menulist a.highlighted#x24, .menulist a:focus#x24 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x25 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x25:hover, .menulist a.highlighted#x25, .menulist a:focus#x25 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x26 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x26:hover, .menulist a.highlighted#x26, .menulist a:focus#x26 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x27 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x27:hover, .menulist a.highlighted#x27, .menulist a:focus#x27 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x28 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x28:hover, .menulist a.highlighted#x28, .menulist a:focus#x28 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x29 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x29:hover, .menulist a.highlighted#x29, .menulist a:focus#x29 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x30 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x30:hover, .menulist a.highlighted#x30, .menulist a:focus#x30 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x31 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x31:hover, .menulist a.highlighted#x31, .menulist a:focus#x31 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x32 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x32:hover, .menulist a.highlighted#x32, .menulist a:focus#x32 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x33 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x33:hover, .menulist a.highlighted#x33, .menulist a:focus#x33 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x34 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x34:hover, .menulist a.highlighted#x34, .menulist a:focus#x34 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x35 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x35:hover, .menulist a.highlighted#x35, .menulist a:focus#x35 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x36 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x36:hover, .menulist a.highlighted#x36, .menulist a:focus#x36 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x37 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x37:hover, .menulist a.highlighted#x37, .menulist a:focus#x37 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x38 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x38:hover, .menulist a.highlighted#x38, .menulist a:focus#x38 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x39 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x39:hover, .menulist a.highlighted#x39, .menulist a:focus#x39 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x40 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x40:hover, .menulist a.highlighted#x40, .menulist a:focus#x40 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}

.menulist a#x41 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x41:hover, .menulist a.highlighted#x41, .menulist a:focus#x41 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x42 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x42:hover, .menulist a.highlighted#x42, .menulist a:focus#x42 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x43 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x43:hover, .menulist a.highlighted#x43, .menulist a:focus#x43 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}
.menulist a#x44 {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out1.gif);
}
.menulist a#x44:hover, .menulist a.highlighted#x44, .menulist a:focus#x44 {
 background-image: url(http://mysrilankaholidays.com/images/out2.gif);
}



.menulist a#y {
 color: #1F3A56;
 background-image: url(http://mysrilankaholidays.com/images/out3.gif);
}
.menulist a#y:hover, .menulist a.highlighted#y, .menulist a:focus {
 background-image: url(http://mysrilankaholidays.com/images/out4.gif);
}
.menulist a#z {
 background-image: url(http://mysrilankaholidays.com/images/out5.gif);
}
.menulist a#z:hover, .menulist a.highlighted#z, .menulist a:focus {
 background-image: url(http://mysrilankaholidays.com/images/out6.gif);
}
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(http://mysrilankaholidays.com/images/out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(http://mysrilankaholidays.com/images/over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */