/* body {
	background-image: url(Images/whiter.jpg);
}
*/
.arialfont12px {
	font-size: 12px;
	style: break-word;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	white-space: normal;
}
.arialfont22px {
	font-size: 22px;
	style: break-word;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	white-space: normal;
}


.arialfont10px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: normal;
	
}

/* style and positioning of the navigation menu */
.bar-menu {
    width: 135px;
}
.bar-menu .box1 {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #000000;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-hover {
    background-color: #ffffff;
    color: #3300FF;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #000000;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open {
    background-color: #ffffff;
    color: #3300FF;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #000000;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open-hover {
    background-color: #ffffff;
    color: #3300FF;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #000000;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1 img, .bar-menu .box1-hover img, .bar-menu .box1-open img, .bar-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.bar-menu .section {
    background-color: #ffffff;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #000000;
    border-style: none solid solid solid;
    display: none;
}
.bar-menu .section a {
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .section a:hover {
    color: #3300FF;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .box1 a {
	color: #000000;
	text-decoration: none;
}

.bar-menu .box2 {
}
.bar-menu .box2-hover {
    background: #ffffff;
}
.bar-menu .section .active,
.bar-menu .section .active:hover {
    color: #000000;
}