/* CSS Document */
#menu_box { height: 42px; background: url(images/menu_bg.gif) top left no-repeat; padding: 0 15px 0 5px; width: 530px;}

.horizmenu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:bold;

	text-align:center;
	}



/*

 * Menu container settings

 * Applies to second (or more) level menu containers

 */

.horizmenu ul {

margin-top:20px;
}



/*

 * Menu items settings

 * Applies to all menu items in all menu containers

 */

.horizmenu li {}



/*

 * Menu items settings

 * Applies to second (or more) level menu items

 */

.horizmenu ul li {

	margin: 0px;

	width: 210px;

	background-image:none;

	background: #c20000;

	border-bottom: solid 1px #e20000;

	color:#fff;	

	

}

/*

 * Menu link settings

 * Applies to links that are to be found within the menu items, no matter the menu level

 */

.horizmenu a {

	text-decoration: none;

	color: #fff;

	line-height: 42px;

	cursor: pointer;

	padding:0px 15px;

	background: url(../images/menu_sep.gif) top right no-repeat;

}



/*

 * Menu link settings

 * Applies to links located in the second (or more) level menu items

 */

.horizmenu ul a {

background-image:none;

color:#fff;

font-weight:bold;

line-height:25px;

padding:0px 14px;

text-decoration:none;

text-transform: none;

}





/***************************************************************************

* In this section, we will define what happens when mouse-overing an item  *

***************************************************************************/



/*

 * Mouse over on menu items

 * Applies to all menu items in all menu containers

 */

.horizmenu li.hover {

	background: none;

}

  

/*

 * Mouse over on menu items

 * Applies to second (or more) level menu items

 */

.horizmenu ul li.hover {

	background: #730000;

}



/*

 * Mouse over on links

 * Applies to all links in all menu items

 */

.horizmenu a.hover {

	color:#fff !important;

	background: url(images/menu_sep.gif) top right no-repeat #730000;	

	text-decoration:none; 	



	

}



/*

 * Mouse over on links

 * Applies to links located in the second (or more) level menu items

 */

.horizmenu ul a.hover {

  	color:#fff !important;

	background: #730000;

	line-height:25px;

	padding:0px 14px;

	 text-decoration:none;

	

}



/*****************************************************************************

* In this section, we will define what happens when a menu item is selected  *

*****************************************************************************/



/*

 * Selected menu item

 * Applies to selected menu items in all menu containers

 */

.horizmenu li.selected {

}



/*

 * Selected menu item

 * Applies to second (or more) level selected menu items

 */

.horizmenu ul li.selected {

}



/*

 * Selected links

 * Applies to selected links in all menu items

 */

.horizmenu a.selected {

	color:#fff;background: url(images/menu_sep.gif) top right no-repeat #730000;

}



/*

 * Selected links

 * Applies to selected links located in the second (or more) level menu items

 */

.horizmenu ul a.selected {

	color: #fff;background: #730000;

	}

.a-selected
{
color: #fff;background: #730000;
}



/******************************************************************************

* In this section, we will define the menu arrows behavior                    *

* An arrow is inserted next to the menu item when the menu item has sub-menus *

******************************************************************************/



/* 

 * Define the arrow

 * Applies to all menu items that have sub-menus

 */

.horizmenu .arrow {

	/* background-image:url(img/grey_arrow.gif);

	background-repeat: no-repeat;

	background-position: 9px center;  */

}



/* 

 * Define the arrow

 * Applies to all menu items that have sub-menus located in the second (or more) level

 */

.horizmenu .hover ul .arrow,

.horizmenu ul .arrow {

	background-image:url(img/arrow_sub.png);

	background-position:right;

	margin-right:8px;

}

#mod_top{

	 background: url("images/module_t.gif") top left no-repeat;
	 height:20px;
	 width:240px;
	 color:#ffffff;
	 text-transform:uppercase;
	 clear:both;
}

#mod_in{

	background: url("images/module_in.gif") left repeat-y #b00000;
    width:240px;
	clear:both;
	text-align:left;
}

#mod_bottom
{
 	background: url("images/module_b.gif") bottom left no-repeat;
	min-height:15px;
	margin-top:0px;
   width:240px;
   clear:both;
}

.mod_top{

	 background: url("images/module_t.gif") top left no-repeat;
	 height:20px;
	 width:240px;
	 color:#ffffff;
	 text-transform:uppercase;
	 clear:both;
}

.mod_in{

	background: url("images/module_in.gif") left repeat-y #b00000;
    width:240px;
	clear:both;
	text-align:left;
}

.mod_bottom
{
 	background: url("images/module_b.gif") bottom left no-repeat;
	min-height:15px;
	margin-top:0px;
   width:240px;
   clear:both;
}

#menu-head
{
margin-left:20px;
height:20px;
color:#FEE163;
font-weight:bold;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
	 text-transform:uppercase;
}

.menu-head
{
margin-left:20px;
height:20px;
color:#FEE163;
font-weight:bold;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
	 text-transform:uppercase;
}


#left-space
{
height:20px;
clear:both;
}

.left-space
{
height:20px;
clear:both;
}


div.horizontal {

	clear: both;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;


}

div.horizontal br {

	clear: both;

	

}

div.horizontal ul {

	margin: 0px;

	padding: 0px;

	display: block;

	float: left;

	clear: both;

	

}

div.horizontal li {

	list-style-type: none;

	display: block;

	float: left;

	clear: none;

	text-align: left;

    position: static;
	
	border-right:1px solid #b00000;

}


div.horizontal a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	text-align:center;
	
	clear: both;

	display: block;

	margin: 0px; 

}

div.horizontal ul li ul {

	position: absolute;

	left: -5000px;

	top: -5000px;

	visibility: hidden;

	clear: both; 

}

div.horizontal ul li ul li {

	clear: both; 

}

div.horizontal ul li ul li a {

	clear: both;

}

.horizontal a:hover{
color:#ffffff;
background-color:#9D2203;
text-decoration:none;
}

.horizontal a:hover span{
background-color:#9D2203;
padding: 0px 0px 0px 0px;

/*border:1px solid #ffffff;*/
color:#ffffff;
}


.horizontal .selected a
{
background-color:#9D2203;
color:#ffffff;
padding: 0px 15px 0px 0px;

}