﻿

.navcontainer { clear: both; margin-top: -15px;
}

.main-nav{ margin: 0 auto; min-width: 600px; max-width: 600px; height: 40px; position:relative;/*! for IE htc*/ font-size: 80%; z-index: 1000;}


.menuWi
{
    list-style: none;
    padding: 0px;
	width: auto;
}

.menuWi li
{
	border-bottom: 1px solid black;
    float: left;
    position: relative;
	background: #ffff00;
	display: inline;
	opacity: 0.98;
}

.menuWi li.leftend { background: #ffff00;

	 -o-border-radius:  20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;

}

.menuWi li.rightend { background: #ffff00;

	 -o-border-radius:  0px 20px 20px 0px;
	-webkit-border-radius: 0px 20px 20px 0px;
	-moz-border-radius: 0px 20px 20px 0px;
	border-radius: 0px 20px 20px 0px;
behavior: url(http://www.hotpeachpages.net/PIE.htc);
}

ul.menuWi a.rightend { border-right: none;} /*hack to get rid of black border on far right*/


.menuWi li:hover, .menuWi li.onhover
{
    background:#00ffff;
	color:#000;
}


/*.menuWi li.one:hover, .menuWi li.one.onhover{

    background:#ffffd5;
	color:#000;
}


ul.menuWi a.one:hover, ul.menuWi a.one.onhover,
ul.menuWi a.seven:hover, ul.menuWi a.seven.onhover
{
    color:#000;
}*/

ul.menuWi a
{
    display: block;

	border-right: solid black 2px;
	padding: 0 10px;
	font: 600 11px/40px jaf-facitweb, Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	text-align: center;
}

.menuWi li li
{
    float: none;
	margin:0px;
	padding:0px;
	/*opacity: 0.96;*/
}

.menuWi li li:hover, .menuWi li li.onhover
{
    background: red url(/images/communications/nav-stripe.png) repeat-y -3px 0 !important;
    -webkit-transition: background-position 0.45s;
    -moz-transition: background-position 0.45s;
    -ms-transition: background-position 0.45s;
    -o-transition: background-position 0.45s;
    transition: background-position 0.45s;
}

.menuWi ul a
{
    padding:4px 16px;
    line-height: 18px;
    font-size: 12px;
    text-align: left;
	text-transform:none;
	border-right:none;
}

.menuWi ul a:hover
{
    color:#000;
}

.menuWi li:hover ul, .menuWi li.onhover ul
{
    left: -2px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuWi li:hover .dropToLeft, .menuWi li.onhover .dropToLeft
{
    left:-2px;
    top: auto;
}

.menuWi ul ul
{
   border-top: 1px solid #e32400;
	background:#ffffd5;
}



.menuWi li:hover ul ul, .menuWi li:hover ul ul ul, .menuWi li:hover ul ul ul ul,
.menuWi li.onhover ul ul, .menuWi li.onhover ul ul ul, .menuWi li.onhover ul ul ul ul
{
    left: -9999px;
    top:0;
}

.menuWi li li:hover ul, .menuWi li li li:hover ul, .menuWi li li li li:hover ul,
.menuWi li li.onhover ul, .menuWi li li li.onhover ul, .menuWi li li li li.onhover ul
{
    left: 228px;
}

/* drop-down colours*/
.menuWi ul
{
    background:#ffffd5;
	border:#CABEB1 1px solid;
	border-top: 1px solid #CABEB1;

}


.menuWi
{
    list-style: none;
    padding: 0px;
	width: auto;
}
.menuWi li
{
    float: left;
    position: relative;

}


ul.menuWi a
{
    display: block;

	color: #000;
	border-right: solid black 1px;
	padding: 3px 10px;
	font: 124% Arial, Helvetica, Verdana, sans-serif;

	text-align: center;
}



/***********************************************

                   sub level

*************************************************/

ul.menuWi ul
{
	width:109px;
    position: absolute;
    left: -9999px;
    border: 1px solid #CABEB1;
    border-top: 0;
    background: #ffffd5;
    text-align: left;
    list-style: none; margin: 0;
    padding: 12px 0;
	margin-left: 2px;
	border-top: 1px solid #CABEB1;

}

ul.menuWi ul.languages
{
	width:100px;
	
}

ul.menuWi ul li{ background:#ffffd5;}

ul.menuWi ul ul
{
    width:135px;
    border: 1px solid #CABEB1;
    border-top: 0;
    background: #ffffd5;
    text-align: left;
    list-style: none; margin: 0;
	margin-left:-130px;
	margin-top: 0px;
	border-top: 1px solid #CABEB1;
}
.menuWi li li
{
    float: none;
	margin:0px;
	padding:0px;

}
ul.menuWi ul li a
{
	height:auto !important;
}
.menuWi li li:hover, .menuWi li li.onhover
{
    background: #ede6e0 url(/images/communications/nav-stripe.png) repeat-y -3px 0 !important;
    -webkit-transition: background-position 0.45s;
    -moz-transition: background-position 0.45s;
    -ms-transition: background-position 0.45s;
    -o-transition: background-position 0.45s;
    transition: background-position 0.45s;
}
.menuWi ul a
{
   padding:3px 0px 4px 10px;
    line-height: 18px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: left;
	text-transform:none;
	border-right:none;
}

.menuWi ul ul a
{
   padding:4px 10px;

}


.menuWi ul
{
    background: #ffffd5;
	border:#CABEB1 1px solid;
	border-top: 1px solid #CABEB1;

}







/* Lang pages mini menu*/

ul.minimenu {
	display: inline;
    list-style: none;
	font-size: 80%;
    padding: 0px;
	width: auto;
    float: right;
	height: 20px;
	margin-top: -38px;
	}

ul.minimenu li{
	display: inline;
	border-bottom:  solid black 1px;
	border-right: solid black 1px;
	background: #00ff00;
    padding: 0px;
    float: left;
	margin: 0;
	}

ul.minimenu a{
	text-align: center;
	color: black;
	padding: 0 10px;
	margin: 0;
	}

ul.minimenu a.rightend { border-right: none;} /*hack*/

ul.minimenu li.rightend {

	 -o-border-radius:  0px 20px 20px 0px;
	-webkit-border-radius: 0px 20px 20px 0px;
	-moz-border-radius: 0px 20px 20px 0px;
	border-radius: 0px 20px 20px 0px;
behavior: url(http://www.hotpeachpages.net/PIE.htc);
}

ul.minimenu a.leftend {

	 -o-border-radius:  20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;
behavior: url(http://www.hotpeachpages.net/PIE.htc);
}

ul.minimenu li.leftend {

	 -o-border-radius:  20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;
behavior: url(http://www.hotpeachpages.net/PIE.htc);
}

ul.minimenu a.bothend {

	 -o-border-radius:  20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
behavior: url(http://www.hotpeachpages.net/PIE.htc);
}

ul.minimenu li.bothend {

	 -o-border-radius:  20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
behavior: url(http://www.hotpeachpages.net/PIE.htc);
}

ul.minimenu li:hover, .menuWi li.onhover
{
    background:#00ffff;
	color:#000;
}


/* end Lang pages mini menu*/
