/* Adapted from menu from purecssmenu.com*/

/******Navigation Bar******/

#menubarLayout {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	background-color:#222266;
	background-image: url(images/navbar.jpg);
	background-repeat: repeat-x;
		}	
	
/******Navigation Bar******/
	
ul.Menu ul {
display:none;
}

ul.Menu li:hover>ul {
display:block
}

/******Position of drop down******/

ul.Menu ul {
position: absolute;
left:-1px;
top:30px;
}

ul.Menu, ul.Menu ul {
	width: 100%;
	margin:0px;
	list-style:none;
	padding:0px;
}

ul.Menu table {
border-collapse:collapse;
border: 0px;
}

ul.Menu {
	display:block;
	zoom:1;
	float: left;
}

ul.Menu ul {
	width:185px;
}

ul.Menu li {
	display:block;
	margin: 0px 0px 0px 0px;
	font-size:0px;
}

ul.Menu a:active, ul.Menu a:focus {
outline-style:none;
}

/******Primary Item******/
ul.Menu a, ul.Menu li.dis a:hover, ul.Menu li.sep a:hover {
	display:block;
	vertical-align:middle;
	border: 0px;
	border-right: 1px solid #717171;
	text-align:left;
	text-decoration:none;
	color: #ffffff;
	font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	
}

ul.Menu span {
	overflow:hidden;
	}
	
ul.Menu span.selected {
	overflow:hidden;
	color: #222266;
	padding:8px 20px 8px 20px;
	background-image: url(images/navhover2.jpg);
	background-repeat: repeat;
	}
	
ul.Menu span.unselected {
	overflow:hidden;
	color: #ffffff;
	padding:8px 20px 8px 20px;
	}

ul.Menu li {
	float:left;
}

ul.Menu ul li {
	float:none;
}

ul.Menu ul a {
	text-align:left;
	white-space:nowrap;
}

ul.Menu li.sep {
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}

ul.Menu li.sep span {
	float:none;	
	padding-right:0;
	width:5;
	height:18;
	display:inline-block;
	background-color:#eeeeee #aaaaaa #aaaaaa #ffffff;	
	background-image:none;
	}
	
ul.Menu ul li.sep span{
	width:100;
	height:5;
}

ul.Menu li:hover {
	position:relative;
}

/******Primary Item when drop down hovering******/
ul.Menu li:hover>a {
	background-color:#b0c4dc;
	border-style: solid;
	font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #ffffff;
	background-image: url(images/navhover2.jpg);
	background-repeat: repeat;
	}

/******Primary Item hovering******/
ul.Menu li a:hover{
	position:relative;
	background-color:#b0c4dc;
	border-style:solid;
	font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
	background-image: url(images/navhover2.jpg);
	background-repeat: repeat;
}

ul.Menu li.dis a {
	color: #aaaaaa !important;
}

ul.Menu a:hover ul,
ul.Menu a:hover a:hover ul,
ul.Menu a:hover a:hover a:hover ul {
display:block
}

ul.Menu a:hover ul ul,ul.Menu a:hover a:hover ul ul {
display:none
}

ul.Menu span {
	display:block;
	}
	
ul.Menu ul span {
background-image: none;
}

/******Secondary Item ******/
ul.Menu li a.Menui0 {
background-color:#b0c4dc;
font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
font-size: 11px;
font-weight: bold;
color: #222266;
text-decoration:none;
border-left: 1px solid #222266;
border-right: 1px solid #222266;
margin-top:0px;
padding: 3px 10px 4px 10px;
background-image:none;
width:175px;
}

/******Secondary Item hover******/
ul.Menu li a.Menui0:hover {
background-color:#646edc;
font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
font-size: 11px;
font-weight: bold;
color: #222266;
text-decoration:none;
border-left: 1px solid #222266;
border-right: 1px solid #222266;
margin-top:0px;
padding: 3px 10px 4px 10px;
background-image:none;
width:175px;
}

.menutext {
background-color:#b0c4dc;
font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration:none;
margin-top:-1px;
border-left: 1px solid #222266;
border-right: 1px solid #222266;
padding: 4px 10px 4px 10px;
background-image:none;
width:175px;
}

.menutextend {
background-color:#b0c4dc;
font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
font-size: 1px;
color: #ffffff;
text-decoration:none;
border-left: 1px solid #222266;
border-right: 1px solid #222266;
border-bottom:1px solid #222266;
padding: 5px 10px 5px 10px;
background-image:none;
width:175px;
}

/* Options menu */
	
ul.Option ul {
display:none;
}

ul.Option li:hover>ul {
display:block
}

/* position of drop down */

ul.Option ul {
position: absolute;
left:-1px;
top:29px;
}

ul.Option ul ul {
position: absolute;
left:98%;
top:-2px;
}

ul.Option, ul.Option ul {
	width: 165px;
	margin: -2px 0px -2px 0px;
	list-style:none;
	padding:0px;
	}

ul.Option table {
border-collapse:collapse;
font-size:11px;
}

ul.Option table td a:hover{
font-size:11px;
}

ul.Option {
	display:block;
	zoom:1;
	float: left;
}

ul.Option ul {
	width:165px;
}

/* positions the menu block in the td */
 
ul.Option li {
	display:block;
	margin: 0px 0px 0px 0px;
	font-size:0px;
}

ul.Option a:active, ul.Option a:focus {
outline-style:none;
}

/******Primary Item******/
ul.Option a, ul.Option li.dis a:hover, ul.Option li.sep a:hover {
	display:block;
	vertical-align:middle;
	border: 0px;
	text-align:center;
	text-decoration:none;
	color: #ffffff;
	font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	background-image: url(images/navbar.jpg);
	background-repeat: repeat-x;
	}

ul.Option span {
	overflow:hidden;
	}
	
ul.Option span.selected {
	overflow:hidden;
	color: #222266;
	background-image: url(images/optionhover.jpg);
	background-repeat: repeat-x;
	padding:6px 5px 6px 5px;
	text-align: center;
	}
	
ul.Option span.unselected {
	overflow:hidden;
	color: #ffffff;
	padding:6px 5px 6px 5px;
	text-align: center;
	}

ul.Option li {
	float: center;
}

ul.Option ul li {
	float:none;
}

ul.Option ul a {
	text-align:left;
	white-space:nowrap;
}

ul.Option li.sep {
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}

ul.Option li.sep span {
	float:none;	
	padding-right:0;
	width:5;
	height:18;
	display:inline-block;
	background-color:#eeeeee #aaaaaa #aaaaaa #ffffff;	
	background-image:none;
	}
	
ul.Option ul li.sep span{
	width:100;
	height:5;
}

ul.Option li:hover {
	position:relative;
}

/******Primary Item when drop down hovering******/
ul.Option li:hover>a {
	background-color:#b0c4dc;
	border-style: solid;
	font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #ffffff;
	background-image: url(images/navhover2.jpg);
	background-repeat: repeat;
	}

/******Primary Item hovering******/
ul.Option li a:hover{
	position:relative;
	background-color:#b0c4dc;
	font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
	background-image: url(images/navhover2.jpg);
	background-repeat: repeat;
	}

ul.Option li.dis a {
	color: #aaaaaa !important;
}

ul.Option a:hover ul,
ul.Option a:hover a:hover ul,
ul.Option a:hover a:hover a:hover ul {
display:block
}

ul.Option a:hover ul ul,ul.Option a:hover a:hover ul ul {
display:none
}

ul.Option span {
	display:block;
	}
	
ul.Option ul span {
background-image: none;
}

/******Secondary Item ******/
ul.Option li a.Optioni0 {
background-color:#b0c4dc;
font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
font-size: 11px;
font-weight: bold;
color: #222266;
text-decoration:none;
border-left: 1px solid #222266;
border-right: 1px solid #222266;
margin-top:-1px;
padding: 1px 10px 1px 10px;
background-image:none;
width:145px;
}

/******Secondary Item hover******/
ul.Option li a.Optioni0:hover {
background-color:#646edc;
background-image:none;
}


.Optiontextend {
background-color:#b0c4dc;
font-family: Verdana, Geneva, Helvetica, Arial,  sans-serif;
font-size: 1px;
color: #ffffff;
text-decoration:none;
border-left: 1px solid #222266;
border-right: 1px solid #222266;
border-bottom:1px solid #222266;
padding: 1px 10px 1px 10px;
background-image:none;
width:145px;

}

/*  Options Menu  Table Settings*/

#optionsLayout {
	padding: 0px;
	margin: 10px 15px 10px 15px;
	border-collapse: collapse;
	border:none;
	background-color: #ffffff;
	color: #222266;
	}
	
#optionsLayout  td.OptionsMenu {
	border-left: 1px #222266 solid;
	border-right: 1px #222266 solid;
	height: 28px;
	width: 165px;
	padding: 0px;
	}
	
#optionsLayout  td.OptionImage {
	color: #222266;
	padding: 0px;
	margin: 0px;
	border-left: 1px #222266 solid;
	border-right: 1px #222266 solid;
	border-top: 1px #222266 solid;
	height: 134px;
	width: 165px;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.0;
	background-repeat: none;
}	

#optionsLayout  td.OptionImage a:link, #optionsLayout  td.OptionImage a:hover, #optionsLayout  td.OptionImage a:visited {
	color: #222266;
	font-style: normal;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
}	

#optionsLayout td.blank {
	padding: 0px 10px 0px 10px; 
	margin: 0px;
	border: none;
	border-top:hidden;
	background-image: none;
	background-color: #ffffff;
}

#optionsLayout td.optionButton {
	padding: 0px 10px 0px 10px; 
	margin: 0px;
	border: none;
	border-top:hidden;
	background-image: none;
	background-color: #ffffff;
}

#optionsLayout td.optionButton a:hover, #optionsLayout td.optionButton a:link, #optionsLayout td.optionButton a:visited {
	text-decoration:none;
}

#optionsLayout td.blankCenter {
	padding: 0px 10px 0px 30px; 
	margin: 0px;
	border:0px;
	border-top:hidden;
	background-image: none;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

#bottomMenuLayout {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	}	
	
	#bottomMenuLayout th,  #bottomMenuLayout th a:link,  #bottomMenuLayout th a:visited {
	background-color: #222266;
	color:#ffffff;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	border-top: 1px solid #222266;
	border-bottom: 1px solid #222266;
	padding: 5px 5px 5px 10px;
	vertical-align: center;
	text-align: left;
	line-height: 1.0;
	height:25px;
	}
	
 #bottomMenuLayout th a:hover {
	text-decoration: underline;
	}
	
	#bottomMenuLayout td,  #bottomMenuLayout td a:link,  #bottomMenuLayout td a:visited {
	background-color: #b2e0f5;
	color: #222266;
	text-decoration: none;
	font-size: 90%;
	font-weight: normal;
	border: 0;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
	text-align: left;
	line-height: 1.75;
	}
	
 #bottomMenuLayout td a:hover {
	text-decoration: underline;
	}