/* Style */

body {
	font: 12px Arial;
	margin: 0px;
	padding: 0px 20px;
	background-color: #FFFFFF;
}
a:link {color: #0555A2 }
a:active {color: #0555A2 }
a:visited {color: #0555A2 }
a:hover {color: #0555A2 }
a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}

h1 { margin: 0 0 1em 0;  font-size: 1.7em; font-weight: normal; }
h2 { margin: 0 0 .5em 0; font-size: 1.3em; }
p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0px;
}
p2 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-left: 100px;
}
aside p { color: #777; }
footer {
	font-size: 0.9em;
	color: #666;
}


/* Layout */
.page {
	max-width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
header {
	position: relative;
	height: 35px;
	margin: 0px;
	padding-top: 125px;
	background-image: url(../images/ban6.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
header a.logo {
	width: 105px;
	height: 545px;
	position: absolute;
	top: 1px;
	left: 60px;
	display: inline-block;
	background-image: url(../images/spin.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
nav {
	background-color: rgba(0,204,255,0.3);
}
article {
	margin: 0px;
	background-color: #fff;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 170px;
	background-image: url(../images/blue.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
aside { width: 100px; float: right; margin: 0px 0px 10px 30px; padding: 0px 0px 0px 20px; border-left: 2px solid #ccc; }
aside p { margin: 0px; }
footer {
	margin: 0px;
	padding: 10px 25px 10px 10px;
	color: rgba(255,255,255,.4);
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #ddd;
}

.clear { clear: both; line-height: 1px; }


/* Dropdown Menus */

	.nav_menu { position: relative; z-index: 1000; margin: 0px; padding: 0px; }

	/* drop menu */
	.nav_menu .dropmenu { margin: 0; padding: 0; height: 28px; display: none; /* displays after menu load */ }
	
	/* all items  */
	.nav_menu ul.dropmenu li { height: 28px; }
	.nav_menu ul.dropmenu li:hover { background-color: #00A3E2; }
	.nav_menu ul.dropmenu li.selected { background-color: #00A3E2; }
	.nav_menu ul.dropmenu li a { color: #fff; text-decoration: none; padding: 0px; line-height: 12px; }
	.nav_menu ul.dropmenu li.selected a { color: #00A3E2; }
	
	/* topitems */
	.nav_menu ul.dropmenu { margin: 0px; padding: 0px; }
	.nav_menu ul.dropmenu a.toplevel { height: auto; margin: 7px 20px 7px 20px; padding: 0px 0px 4px 0px; color: #fff; font-weight: bold; text-decoration: none; }
	.nav_menu ul.dropmenu a.toplevel.hover { color: #fff; }
	.nav_menu ul.dropmenu a.toplevel.selected { color: #00A3E2; }
	.nav_menu ul.dropmenu a.toplevel.hover.selected {  }
	
	/* subitems */
	.nav_menu ul.dropmenu li ul { background-color: #00A3E2; border-top: 1px solid #fff; }
	.nav_menu ul.dropmenu li ul li a.sublevel { color: #fff; width: 150px; padding: 5px 5px 5px 20px; margin: 0px; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover { color: #fff; background-color: #0555A2; }
	.nav_menu ul.dropmenu li ul li a.sublevel.selected { color: #0555A2; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover.selected {  }
	
	/* sub subitems */
	.nav_menu ul.dropmenu li ul ul { left: -10px; border: none; border-left: 1px solid #fff; }
	
	/* Sub Menu Indicators */
	.nav_menu ul.dropmenu a.indicator {
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
	.nav_menu ul.dropmenu a.toplevel.indicator {
	background-image: url(../images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}

.float_right {
	float: right;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.float_rightjohn {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
}