﻿ #container {
	margin: 0px auto;
	background: white;
	border: 1px solid #999;
	width: 400px;
	padding: 20px;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	overflow: hidden;
  }

#menu {	
    width: 199px;
	margin-bottom:15px;
}

#menu ul {
	padding: 0;
	margin: 0;
	line-height:30px;
}
#menu ul ul {
	border: 1px solid #CCC;
}

#menu ul.navmenu li {
	margin: 0;
	list-style: none;
}
/* MenuL1 Outer div */
#menu ul.navmenu .menuL1 {
	border: 1px solid #CCC;
	 border-width: 1px 1px 0 1px ;
	/*border-top-width:1px;*/
	overflow: hidden;
	background: #f3f3f3;
}

/* Links */
#menu ul.navmenu a, #menu ul.navmenu a:visited {
	text-decoration: none;
	padding:5px;
	display: block;
	color: #333;
}


/* MenuL1 Link Hover */
#menu ul.navmenu .menuL1:hover {
	background:#FFF;
}
#menu ul.navmenu .menuL1 a:hover {
	color:000;
}
/*Removes white border for the first header*/
#menu ul.navmenu li:first-child .menuL1 a {
	border-width: 0px;
}
/* MenuL2 Outer div */
#menu ul.navmenu .menuL2 {
	/*border: 1px solid #CCC;*/
	border-width: 0 1px;
	overflow: hidden;
	background: #e2e2e2;
}
/* MenuL2 Links */
#menu ul.navmenu .menuL2 a {
	/*float: left;
	margin: 0 0 0 0;*/
		padding-left:10px;
	/* border-top: 1px solid white;
	border-width:99%;*/	

}
/* MenuL2 Link Hover */
#menu ul.navmenu .menuL2:hover {
	background: #FFF;
}
#menu ul.navmenu .menuL2 a:hover {
	color: #000;
/*	background:transparent;	*/
}
/*Removes white border for the first header
#menu ul.navmenu li:first-child .menuL2 a {
	border-width: 0px;
}*/
/* MenuL3 Outer div */
#menu ul.navmenu .menuL3 {
	/*border: 1px solid #CCC;*/
	border-width: 0 1px;
	overflow: hidden;
	background: #c6c6c6;
}
/* MenuL3 Links */
#menu ul.navmenu .menuL3 a {
	/*float: left;*/
	/*margin: 0 0 0 0;*/
	padding-left:20px;
	/* border-top: 1px solid white;
	border-width:99%;*/
}
/* MenuL3 Link Hover */
#menu ul.navmenu .menuL3:hover {
	background:#FFF;
}
#menu ul.navmenu .menuL3 a:hover {
	color: #000;
}
/*Removes white border for the first header*/
#menu ul.navmenu li:first-child .menuL3 a {
	border-width: 0px;
}

/*Single Menu Width Fix */

#menu ul.navmenu .menuL1 a {
	border-bottom:1px solid #CCC;
	border-width:99%;
}


/*Border Radius and Special Border Width*/
#menu ul.navmenu li:first-child .menuL1 {
	/*border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}*/
/*
#menu ul.navmenu li:last-child .menuL1 {
    #border-color:#ff0000 #ff0000 #ff0000 #ff0000;
	border-width: 0px 1px 1px 1px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
*/

#menu ul.navmenu li:last-child ul.submenu {
	/*-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#menu ul.navmenu li:last-child .menuL1-open {
	-moz-border-radius: 0;
	-webkit-border-radius: 0px;
	border-width: 0 1px;
}*/

/*
This is for collapse expand triangle
#menu ul.navmenu li:first-child .menuL1 .ctriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}

#menu ul.navmenu li:first-child .menuL1 .etriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}


#menu .ctriangle {
  margin:10px 5px 2px 2px;
  float: right;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}



#menu .etriangle {
  margin:10px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}
*/;
	border-width: 1px;
	/*-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#menu ul.navmenu li:last-child .menuL1-open {
	-moz-border-radius: 0;
	-webkit-border-radius: 0px;
	border-width: 0 1px;
}*/

/*
This is for collapse expand triangle
#menu ul.navmenu li:first-child .menuL1 .ctriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}

#menu ul.navmenu li:first-child .menuL1 .etriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}


#menu .ctriangle {
  margin:10px 5px 2px 2px;
  float: right;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}



#menu .etriangle {
  margin:10px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}
*/;
	/*-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#menu ul.navmenu li:last-child .menuL1-open {
	-moz-border-radius: 0;
	-webkit-border-radius: 0px;
	border-width: 0 1px;
}*/

/*
This is for collapse expand triangle
#menu ul.navmenu li:first-child .menuL1 .ctriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}

#menu ul.navmenu li:first-child .menuL1 .etriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}


#menu .ctriangle {
  margin:10px 5px 2px 2px;
  float: right;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}



#menu .etriangle {
  margin:10px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}
*/;;
	/*-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#menu ul.navmenu li:last-child .menuL1-open {
	-moz-border-radius: 0;
	-webkit-border-radius: 0px;
	border-width: 0 1px;
}*/

/*
This is for collapse expand triangle
#menu ul.navmenu li:first-child .menuL1 .ctriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}

#menu ul.navmenu li:first-child .menuL1 .etriangle {
  margin:-17px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}


#menu .ctriangle {
  margin:10px 5px 2px 2px;
  float: right;
  border-bottom: 5px solid transparent;
  border-left: 7px solid grey;
  border-top: 5px solid transparent;
}



#menu .etriangle {
  margin:10px 5px 2px 2px;
  float: right;
  width: 0; height: 0;
  border-right: 5px solid transparent;
  border-top: 7px solid grey;
  border-left: 5px solid transparent;
}
*/;
	