.html, body {
	background-color: #77808c;
	
	scrollbar-face-color:#EBF5FF;
	scrollbar-base-color:#EBF5FF;
	scrollbar-arrow-color:black;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#EBF5FF;
	scrollbar-3dlight-color:#78AAFF;
	scrollbar-darkshadow-Color:#78AAFF;
	
	margin: 0px;
	padding: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div {
	height: 100%;
}

.btn1{
	cursor:pointer;
	border:outset 1px #cccccc;
	background:#999999;
	color:#666666;
	font-weight:bold;
	padding: 0px 0px;
	background:url(images/but1bg.gif) repeat-x left top;
}




.level1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF; 
	background-image: url(images/dot1.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 12px;
	font-size: 10px;
	display: block;
	width: auto;
	height: auto;
	padding-bottom: 2px;
	margin: 0px;
}

.level2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/dot2.jpg);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 12px;
	font-size: 10px;
	display: block;
	width: auto;
	height: auto;
	padding-bottom: 2px;
	margin: 0px;
}
.level2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ff9900;
	background-image: url(images/dot2.jpg);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 12px;
	font-size: 10px;
	display: block;
	width: auto;
	height: auto;
	padding-bottom: 2px;
	margin: 0px;
}



.level3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF; 
	background-image: url(images/dot1.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 12px;
	font-size: 12px;
	display: block;
	width: auto;
	height: auto;
	padding-bottom: 2px;
	margin: 0px;
}



/*-------------------------------*/

.grupmenu{
	position: relative;
	z-index: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #bbbbcc;

	padding-left: 13px;
	font-style: normal;
	text-decoration: none;
}

.grupmenu:hover{
	background-color: transparent;
	z-index: 50;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;

	padding-left: 13px;
	font-style: normal;
	text-decoration: none;
}

.grupmenu span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}

.grupmenu span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.grupmenu:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 10px; /*position where enlarged image should offset horizontally */

}
.linkGo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding: 0px;
	margin: 5px;
}

.linkGo:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding: 0px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	margin: 4px;
}

/*-------------------------------*/



.cont2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/cont2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 3px;
}



.pnbg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
}
.pnselected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #111111;
	text-align: center;
}
.spc1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(images/spc1.jpg);
	background-repeat: no-repeat;
	height: 21px;
	width: 489px;
	background-color: 77808c;
	text-align: right;
	color: #CCCCCC;
	padding-right: 5px;
	padding-top: 2px;
}
.areatop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #333344;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	height: 112px;
	width: 773px;
}
.areabottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	background-image: url(images/areabottom.jpg);
	background-repeat: repeat-y;
	background-color: #333333;
	padding: 8px;
}
.area1 {
	color: #eeeeee;
	background-image: url(images/area1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 59px;
	width: 284px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 8px;
}
.area2 {
	color: #eeeeee;
	background-image: url(images/area2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 59px;
	width: 284px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 8px;
}

.area3 {
	color: #eeeeee;
	background-image: url(images/area3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 59px;
	width: 284px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 8px;
}
.split1 {
	background-image: url(images/spr1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 8px;
	width: 284px;
}
.split2 {
	background-color: 7C8491;
	height: 1px;
	width: auto;
	background-image: url(images/spr2.jpg);
}
.spc2 {
	background-color: #515966;
	background-image: url(images/spc2.jpg);
	background-repeat: repeat-y;
	background-position: top;
	height: auto;
	width: 773px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.area4 {
	background-color: 515966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 100%;
	padding: 8px;
}

.areacontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(images/areacontent.jpg);
	background-color: ff9900;
	background-repeat: repeat-y;
	height: 100%;
	width: 489px;
	padding: 5px;
}





.deja		{ font-family: verdana, sans-serif; font-size: 10px; color: #aaaaaa; text-decoration: none;}               
.deja:hover 	{ font-family: Verdana, sans-serif; font-size: 10px; color: #FF9900; text-decoration: none;}

.hr	{ height: 0px; border: solid #ccccee 0px; border-top-width: 1px;}

.hpr3s		{font-size: 10px; 	color: #333333; text-decoration: none;font-weight: bold }
.hpr3s:hover	{font-size: 10px; 	color: #ff1111; text-decoration: underline;font-weight: bold }

.hpr2s		{font-size: 10px; 	color: #dddddd; text-decoration: none;font-weight: bold }
.hpr2s:hover	{font-size: 10px; 	color: #ff9900; text-decoration: underline;font-weight: bold }

.hprm		{font-size: 12px; 	color: #eeeeee; text-decoration: none;font-weight: bold }
.hprm:hover	{font-size: 12px; 	color: #ffffff; text-decoration: underline;font-weight: bold }

.hprs		{font-size: 10px; 	color: #eeeeee; text-decoration: none;font-weight: bold }
.hprs:hover	{font-size: 10px; 	color: #ffffff; text-decoration: underline;font-weight: bold }

.inp1m {border:1px #ff9900 solid;background:#eeeeee;font:12px verdana,arial,sans-serif;color:666666;scrollbar-base-color:#BAA4D8;}
.inp3s {border:1px #111111 solid;background:#ee1111;font:10px verdana,arial,sans-serif;color:ffffff;}


.inp1s {border:1px #666666 solid;background:#dddddd;font:10px verdana,arial,sans-serif;color:666666;}
.input {border:1px #666666 solid;background:#ffffff;font:12px verdana,arial,sans-serif;color:666666;}
.inp2m {
	border:1px #6F7B8B solid;
	background:#646C79;
	color:eeeeee;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.inp3m {border:1px #111111 solid;background:#ee1111;font:12px verdana,arial,sans-serif;color:ffffff;}

.txtprint      {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none }

.txts      {color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none }
.txtm      {color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none }

.txt2s      {color: #eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none }
.txt2m      {color: #eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none }

.link        {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold }
.link:hover  {color: #FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold }               

.pageno		{color: #bbbbbb; font-family: Verdana; font-size: 10px; text-decoration: none;font-weight: bold }
.pageno:hover {color: #ffffff; font-family: Verdana; font-size: 10px; text-decoration:none; font-weight: bold }


.buttonad    { color: #e6e6e6; font-family: verdana, sans-serif; font-size: 10px;text-decoration: none; font-weight: bold; background-color #FF00FF }
.buttonad:hover { font-family: verdana, sans-serif; font-size: 10px; background-color:#222222; color: #E6E6E6; font-weight}
