/* top right bottom left */


body {
	scrollbar-base-color :CCCCFF; scrollbar-arrow-color: black; 
	margin: 5px 5px 5px 5px;
	background-color: #FAFAFA;
	/* background-color: #E8E8E8; */
	font-family: Trebuchet MS, Arial;
	font-size: 50%;
	
	/*
	background-image: url("ground.gif");

	*/
}
h1 {
	font-size: 102%;
}

a {
	color: 0000FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.formElement { font-size: 78%; border: 1px solid #000000;  }

.mainSection {
	position: absolute;
	font-weight: bold;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	width: 420px;
	background-image: url("bullet-m.gif");
	background-position-y: 0px;
	background-repeat: repeat-y;
	padding-left: 18px;
	background-color: #DFE2D8;
}

.sectTitle {
	display: block;
	padding-right: 8px;
	margin-bottom: 2px;
	font-weight: bold;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	padding-left: 2px;
	background-color: #E5E3D8;
}

.subSection {
	display: block;
	width: 172px;
	margin: 0px 0px 0px 8px;
	padding: 1px 4px 1px 4px;
	-moz-border-radius:4px;
	border-radius:4px 4px;
}

.subSection:Hover {
	padding: 0px 3px 0px 3px;
	border: 1px solid #000080;
	background-color: #F0F0F0;
	text-decoration: none;
}

.subSectionActive {
	display: block;
	width: 170px;
	color: #004080;
	background-color: #F0F0F0;
	border: 1px solid #A0A0A0;
	margin: 0px 0px 0px 8px;
	padding: 1px 4px 1px 4px;
	background-image:url(sel_bk00.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	-moz-border-radius:4px;
	border-radius:4px 4px;
}

.subSectionActive:Hover {
	color: #000080;
	margin: 0px 0px 0px 8px;
	border: 1px solid #000080;
	background-color: #F0F0F0;
	text-decoration: none;
}

.subSection2 {
	background-image: url("tree1000.gif");
	background-position-y: 0px;
	background-repeat: no-repeat;

	display: block;
	font-size: 90%;
	width: 160px;
	margin: 0px 1px 0px 8px;
	padding: 0px 0px 0px 14px;
	
	-moz-border-radius:4px;
	border-radius:4px 4px;
}

.subSection2:hover {
	background-color: #F0F0F0;
	margin: 0px 1px 0px 8px;
	padding: 0px 0px 0px 14px;
	text-decoration: none;
}

.subSection2Active {
	background-image: url("tree1000.gif");
	background-position-y: 0px;
	background-repeat: no-repeat;

	display: block;
	color: #404040;
	font-size: 90%;
	font-weight: bold;
	width: 160px;
	margin: 0px 1px 0px 8px;
	padding: 0px 0px 0px 14px;
	
	-moz-border-radius:4px;
	border-radius:4px 4px;
}

.subSection2Active:hover {
	background-color: #F0F0F0;
	margin: 0px 1px 0px 8px;
	padding: 0px 0px 0px 14px;
	text-decoration: none;
}

.topicTitle {
	display: block;
	font-size: 101%;
	font-weight: bold;
	padding: 2px 8px 7px 4px;
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 4px;
}

.appNews {
	border-bottom: 1px solid #C8C8C8;
	margin: 2px -8px 4px -4px;
}

.topicHTML {
	padding: 0px 4px 0px 4px;
}

DIV.blockLink A {
	display: block;
	padding: 1px 4px 1px 4px;
	
	-moz-border-radius:4px;
	border-radius:4px 4px;
}

DIV.blockLink A:visited {
	display: block;
	padding: 1px 4px 1px 4px;
}

DIV.blockLink A:hover {
	display: block;
	padding: 0px 3px 0px 3px;
	border: 1px solid #000080;
	background-color: #F0F0F0;
	text-decoration: none;
}

DIV.blockLink A:visited:hover {
	display: block;
	padding: 0px 3px 0px 3px;
	border: 1px solid #000080;
	background-color: #F0F0F0;
	text-decoration: none;
}

.BtnOff {
	background-color: #FAFAFA;
	border-bottom: #FAFAFA solid 1px;
	border-left: #FAFAFA solid 1px;
	border-right: #FAFAFA solid 1px;
	border-top: #FAFAFA solid 1px;
	color: blue;
	cursor: pointer;
	line-height: 9pt;
	margin: 8px 0px;
	padding: 2px 2px;
	text-decoration: none;
}

.BtnDis {
	background-color: #CBCBCB;
	border-bottom: #CBCBCB solid 1px;
	border-left: #CBCBCB solid 1px;
	border-right: #CBCBCB solid 1px;
	border-top: #CBCBCB solid 1px;
	color: #404040;
	height: 0pt;
	line-height: 9pt;
	margin: 8px 0px;
	padding: 2px 2px;
	text-decoration: none;
}

.BtnUp {
	background-color: #B5BED6;
	border: #808080 solid 1px;
	color: black;
	cursor: pointer;
	line-height: 9pt;
	margin: 8px 0px;
	padding: 2px 2px;
	text-decoration: none;
}

.BtnUp1 {
	background-color: #FAFAFA;
	border: 1px solid #808080;
	color: black;
	cursor: pointer;
	line-height: 9pt;
	font-weigth: bold;
}

.BtnUp2 {
	background-color: #F2F2F2;
	border: 1px solid #808080;
	color: black;
	cursor: pointer;
	line-height: 9pt;
	text-decoration: none;
	font-weigth: bold;
}

.BtnDown {
	background-color: #9CA8C8;
	
	border-top: 1px solid #404040;
	border-right: 1px solid #E8EAF2;	
	border-left: 1px solid #404040;
	border-bottom: 1px solid #E8EAF2;
		
	color: white;
	cursor: pointer;
	line-height: 9pt;
	text-decoration: none;
}

.RectButton A {
	display: block;
	background-color: #F4F4F4;
	border: #E8E8E8 solid 1px;
	padding: 3px;
	margin-bottom: 2px;
	line-height: 12px;
	text-decoration: none;
	-moz-border-radius:4px;
	border-radius:4px 4px;
}

.RectButton A:Hover {
	background-color: #E8E8E8;
	border: #808080 solid 1px;
	text-decoration: none;
}

.area51 { background: #E9ECE3 url(el.gif) no-repeat right bottom; padding: 10px; }
.area52 { background: #E9ECE3 url(el2.gif) no-repeat right bottom; padding: 10px; }
