@charset "utf-8";
/* CSS Document */

#nav2container {
	background: #006699;  /* background color surrounding the buttons. If change the hover state will show this color because ul list is set to transparent*/
	width: 96px;   /* stretches everything, except text */
	margin: 0px auto;   /* moves whole menu to a fixed position */
	padding: 0 0;   /* padding (background): first figure increases top/bottom and second figure crops */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;  /* font size determines button size */
	text-align: center;
	text-transform: none;   /* makes text behave differintly to the case typed*/
}
ul#nav2list {
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0 auto;   /* moves the buttons into a different position on the background */
	width: 96px;  /* stretches buttons covering the back ground if increased */
}
ul#nav2list li {
	display: block;
	margin: 0;  /* space between the buttons */
	padding: 0;  /* space between the buttons */
}
ul#nav2list li a {
	display: block;
	width: 96px;  /* stretches or shrinks buttons */
	padding: 0px 0px 0px 2px;  /* top right bottom left padding either side of text on buttons. By changing this you can control the size of button */
	border-width: 2px;  /* increasing this gives a 3d effect on buttons */
	border-color: #ffe #aaab9c #ccc #fff;  /* top right bottom left border on buttons */
	border-style: solid;  /* style of edges of buttons */
	color: #000000;  /* colour of text on buttons in ther default state */
	text-decoration: none;  /* set for how the text looks on hover, etc. */
	background: #f3f5e9;   /* colour of buttons */
}
#nav2container>ul#nav2list li a {
	width: auto;
}
ul#nav2list li a:hover, ul#nav2list li#active a:hover {
	color: #ffffff;  /* text colour of hover state of button */
	background: transparent;  /* by changing this it makes background colour on all buttons change to a different colour */
	border-color: #aaab9c #fff #fff #ccc;  /* top right bottom left border (hover state of buttons */
}
#nav3container {
	background: #006699;  /* background color surrounding the buttons. If change the hover state will show this color because ul list is set to transparent*/
	width: 96px;   /* stretches everything, except text */
	margin: 0px auto;   /* moves whole menu to a fixed position */
	padding: 0 0;   /* padding (background): first figure increases top/bottom and second figure crops */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;  /* font size determines button size */
	text-align: center;
	text-transform: none;   /* makes text behave differintly to the case typed*/
}
ul#nav3list {
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0 auto;   /* moves the buttons into a different position on the background */
	width: 96px;  /* stretches buttons covering the back ground if increased */
}
ul#nav3list li {
	display: block;
	margin: 0;  /* space between the buttons */
	padding: 0;  /* space between the buttons */
}
ul#nav3list li a {
	display: block;
	width: 96px;  /* stretches or shrinks buttons */
	padding: 0px 0px 0px 2px;  /* top right bottom left padding either side of text on buttons. By changing this you can control the size of button */
	border-width: 2px;  /* increasing this gives a 3d effect on buttons */
	border-color: #ffe #aaab9c #ccc #fff;  /* top right bottom left border on buttons */
	border-style: solid;  /* style of edges of buttons */
	color: #000000;  /* colour of text on buttons in ther default state */
	text-decoration: none;  /* set for how the text looks on hover, etc. */
	background: #f3f5e9;   /* colour of buttons */
}
#nav3container>ul#nav3list li a {
	width: auto;
}
ul#nav3list li a:hover, ul#nav3list li#active a:hover {
	color: #ffffff;  /* text colour of hover state of button */
	background: transparent;  /* by changing this it makes background colour on all buttons change to a different colour */
	border-color: #aaab9c #fff #fff #ccc;  /* top right bottom left border (hover state of buttons */
}
.label {
	background: #1d22c6;
	width: 106px;
	height: 18px;
	border: none;
}
.bg_label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.blank {
	background: #f3f5e9;
	width: 100px;
	height: 6px;
	border: none;
}
#nav4container {
	background: #006699;  /* background color surrounding the buttons. If change the hover state will show this color because ul list is set to transparent*/
	width: 96px;   /* stretches everything, except text */
	margin: 0px auto;   /* moves whole menu to a fixed position */
	padding: 0 0;   /* padding (background): first figure increases top/bottom and second figure crops */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;  /* font size determines button size */
	text-align: center;
	text-transform: none;   /* makes text behave differintly to the case typed*/
}
ul#nav4list {
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0 auto;   /* moves the buttons into a different position on the background */
	width: 96px;  /* stretches buttons covering the back ground if increased */
}
ul#nav4list li {
	display: block;
	margin: 0;  /* space between the buttons */
	padding: 0;  /* space between the buttons */
}
ul#nav4list li a {
	display: block;
	width: 96px;  /* stretches or shrinks buttons */
	padding: 0px 0px 0px 2px;  /* top right bottom left padding either side of text on buttons. By changing this you can control the size of button */
	border-width: 2px;  /* increasing this gives a 3d effect on buttons */
	border-color: #ffe #aaab9c #ccc #fff;  /* top right bottom left border on buttons */
	border-style: solid;  /* style of edges of buttons */
	color: #000000;  /* colour of text on buttons in ther default state */
	text-decoration: none;  /* set for how the text looks on hover, etc. */
	background: #f3f5e9;   /* colour of buttons */
}
#nav4container>ul#nav4list li a {
	width: auto;
}
ul#nav4list li a:hover, ul#nav4list li#active a:hover {
	color: #ffffff;  /* text colour of hover state of button */
	background: transparent;  /* by changing this it makes background colour on all buttons change to a different colour */
	border-color: #aaab9c #fff #fff #ccc;  /* top right bottom left border (hover state of buttons */
}
#nav5container {
	background: #006699;  /* background color surrounding the buttons. If change the hover state will show this color because ul list is set to transparent*/
	width: 96px;   /* stretches everything, except text */
	margin: 0px auto;   /* moves whole menu to a fixed position */
	padding: 0 0;   /* padding (background): first figure increases top/bottom and second figure crops */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;  /* font size determines button size */
	text-align: center;
	text-transform: none;   /* makes text behave differintly to the case typed*/
}
ul#nav5list {
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0 auto;   /* moves the buttons into a different position on the background */
	width: 96px;  /* stretches buttons covering the back ground if increased */
}
ul#nav5list li {
	display: block;
	margin: 0;  /* space between the buttons */
	padding: 0;  /* space between the buttons */
}
ul#nav5list li a {
	display: block;
	width: 96px;  /* stretches or shrinks buttons */
	padding: 0px 0px 0px 2px;  /* top right bottom left padding either side of text on buttons. By changing this you can control the size of button */
	border-width: 2px;  /* increasing this gives a 3d effect on buttons */
	border-color: #ffe #aaab9c #ccc #fff;  /* top right bottom left border on buttons */
	border-style: solid;  /* style of edges of buttons */
	color: #000000;  /* colour of text on buttons in ther default state */
	text-decoration: none;  /* set for how the text looks on hover, etc. */
	background: #f3f5e9;   /* colour of buttons */
}
#nav5container>ul#nav5list li a {
	width: auto;
}
ul#nav5list li a:hover, ul#nav5list li#active a:hover {
	color: #ffffff;  /* text colour of hover state of button */
	background: transparent;  /* by changing this it makes background colour on all buttons change to a different colour */
	border-color: #aaab9c #fff #fff #ccc;  /* top right bottom left border (hover state of buttons */
}