/*
----------------------------------------------------------------------
--
-- Hostarica Left Hand Side Pop-Up Menu
--
----------------------------------------------------------------------
*/
#div_menu ul.ul_menu{
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	border-bottom: 1px solid #D5DBE7;
	border-right-color: #eeeeee;
}

#div_menu ul.ul_menudrop {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	border-bottom: 1px solid #eeeeee;
	border-right-color: #eeeeee;
}

#div_menu ul.ul_menudrop ul.ul_submenudrop {
	font-size: 11px;
	list-style: none;
	width: 180px;
	border-bottom: 1px solid #eeeeee;
	border-right-color: #eeeeee;
	margin-left: 28px;
}
/*
----------------------------------------
-- Menu General LI.UL
----------------------------------------
*/

#div_menu ul.ul_menu li {
	position: relative;
	padding: 0px;
}
/* First Layer Menu */
#div_menu li ul.ul_menudrop {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	padding: 0px;
	border: 0px;
}

/* Second Layer Menu */
#div_menu li ul.ul_menudrop ul.ul_submenudrop {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	padding: 0px;
	border: 0px;
}



/*
-----------------------------------------
-- Menu Links
-----------------------------------------
*/

#div_menu ul li a {
	display: block;
	color: #777;
	background: #D5DBE7;
	border-bottom: 1 solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #eeeeee;
	text-decoration: none;
	padding: 4.5px;
}

#div_menu ul li a.arrow {
	display: block;
	color: #777;
	background: #D5DBE7;
	border-bottom: 1 solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #eeeeee;



	border-left: 1px solid #eeeeee;



	text-decoration: none;



	padding: 4.5px;



}



#div_menu ul li a:hover {



	display: block;



	color: #333333;



	border-bottom: 1 solid #eee;



	border-top: 1px solid #eee;



	border-right: 1px solid #eee;



	border-left: 1px solid #eee;



	text-decoration: none;



	padding: 4.5px;



	background-color: #C1CADB;



}



/*



------------------------------------------------------



-- IE Hack, required



------------------------------------------------------



*/



* html #div_menu ul li { float: left; height: 1%; }



* html #div_menu ul li a { height: 1%; }







/*



------------------------------------------------------



-- Magic, MouseOver Classes



------------------------------------------------------



*/



#div_menu li:hover ul.ul_menudrop, #div_menu li.over ul.ul_menudrop {



	display: block;



	z-index: 100;



	left: 161px;



	color: #CCCCCC;



	text-decoration: underline;



}



#div_menu li:hover ul.ul_menudrop li:hover ul, #div_menu li.over ul.ul_menudrop li.over ul{



	display: block;



	z-index: 100;



	left: 161px;



	color: #CCCCCC;



	text-decoration: underline;



}







/*



------------------------------------------------------



-- Fixes



------------------------------------------------------



*/



.lastrowmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-top: 1px solid #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5DBE7;



}







/*



------------------------------------------------------



-- Menu links



------------------------------------------------------



*/



#div_menu .popupmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	background-color: #D5DBE7;
	padding: 4.9px;
	border-top: 1px solid #D5DBE7;
	border-right: 1px solid #D5DBE7;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D5DBE7;



}

#div_menu .popupmenu_arrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	background-color: #9CADC7;
	padding: 4.9px;
	background-image:    url("../img/menu-arrow.gif");
	border-top: 1px solid #D5DBE7;
	border-right: 1px solid #D5DBE7;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D5DBE7;



}

#div_menu .popupmenu_arrow:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	background-color: #9CADC7;
	padding: 4px;
	background-image:    url("../img/menu-arrow-hover.gif");
	border-top: 1px solid #D5DBE7;
	border-right: 1px solid #D5DBE7;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D5DBE7;



}



#div_menu .popupmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	background-color: #9CADC7;
	padding: 4px;
	border-top: 1px solid #D5DBE7;
	border-right: 1px solid #D5DBE7;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D5DBE7;



}


/* BEGIN TOP MENU*/
 #navcontainer
{
margin: 0;
padding: 0 0 0 1px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
	color: #333333;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#navcontainer A:hover, #navcontainer A:active {
	color: #990000;
}

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

/* END TOP MENU */

body {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.menu_title {
	font-weight: bold;
	color: #990000;
	padding-top: 5px;
	padding-left: 10px;
}
p {
	padding: 0px 8px;
	text-align: justify;
}
.main_table {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
}
.menu_table {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
hr {
	height: 1px;
	width: 95%;
	color: #eeeeee;
}
h1 {
	color: #0F2C90;
	font-size: 13px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eeeeee;
	border-bottom-color: #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
h2 {
	color: #990000;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 2px 2px 10px;

}
.footer {
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
}
a {
	color: #990000;
}
a:hover {
	color: #FF0000;
}