/* CSS Positioning */
/* programmed by Vincent Lin @ NJ*/ 
/* twinwoods@gmail.com */ 
/* 2007-11-11 */
/* browser selector 2007-11-14 */

		.ie .example {
			background-color: yellow
		}
		.ie7 .example {
			background-color: orange
		}
		.gecko .example {
			background-color: gray
		}
		.win.gecko .example {
			background-color: red
		}
		.linux.gecko .example {
			background-color: pink
		}
		.opera .example {
			background-color: green
		}
		.konqueror .example {
			background-color: blue
		}
		.safari .example {
			background-color: black
		}
		.example {
			width: 10px;
			height: 10px;
			border: 2px solid black;
		}
		.no_js { display: block }
		.has_js { display: none }
		.js .no_js { display: none }
		.js .has_js { display: block }

#counter {
	position:absolute;
	left:946px;
	top:237px;
	width:54px;
	height:46px;
	z-index:1;
	visibility: hidden;
}

.ie #counter {
	position:absolute;
	left:946px;
	top:237px;
	width:54px;
	height:46px;
	z-index:1;
	visibility: hidden;
}

.gecko #counter {
	position:absolute;
	left:946px;
	top:237px;
	width:54px;
	height:46px;
	z-index:1;
	visibility: hidden;
}

.safari #counter {
	position:absolute;
	left:946px;
	top:237px;
	width:54px;
	height:46px;
	z-index:1;
	visibility: hidden;
}

.opera #counter {
	position:absolute;
	left:946px;
	top:237px;
	width:54px;
	height:46px;
	z-index:1;
	visibility: hidden;
}



#ContentMainLayout {
	border: 0px solid white;
	position: relative;
	margin: 0 auto;
	text-align: left;
	z-index: 10;
		
}

#topNav {
	border: 0px solid white;
	display: table;
	margin: 0 auto;
	width:auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

	
.opera #SubMenuWrapper {
	position: absolute; 
	width: auto;
	z-index:100;
	top: 106px;
	height: 120px;
	visibility: hidden;
    left: 50%;
    margin-left: -400px; 
}


.win.gecko #SubMenuWrapper {
	position: absolute; 
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin:0 auto;
	text-align: left;
	z-index:100;
	top: 106px;
	height: 120px;
	visibility: hidden;
}

.safari #SubMenuWrapper {
	position: absolute; 
	width: auto;
	z-index:100;
	top: 106px;
	height: 120px;
	visibility: hidden;
    left: 50%;
    margin-left: -400px; 
}


.gecko #SubMenuWrapper {
	position: absolute; 
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin:0 auto;
	text-align: left;
	z-index:100;
	top: 106px;
	height: 120px;
	visibility: hidden;
}


.ie7 #SubMenuWrapper {
	position: absolute; 
	width: auto;
	z-index:100;
	top: 106px;
	height: 120px;
	visibility: hidden;
    left: 50%;
    margin-left: -400px; 
}

.ie #SubMenuWrapper {
	position: absolute; 
	width: auto;
	z-index:100;
	top: 106px;
	height: 120px;
	visibility: hidden;
    left: 50%;
    margin-left: -400px; 
/*	left: 33%;
	right: 33%;
	min-width: 34%;*/
}


#subMneu, #Subitme1, #Subitme2, #Subitme3, #Subitme4,  {
	text-align: center; 
	width: 114px;
	z-index:101;
}

#blue_sq_block {
	position:absolute;
	left:67px;
	top:365px;
	width:71px;
	height:77px;
	z-index:5;
	visibility: visible;
}
#Content {
	position:absolute;
	left:184px;
	top:410px;
	width:563px;
	height:365px;
	z-index:10;
	overflow:scroll;
		}
#pageHeader {
	position:absolute;
	left:121px;
	top:385px;
	width:208px;
	height:23px;
	z-index:4;
	font-size: 19.5px;
	color: #333333;
	visibility: visible;
}

#pageHeader_bg {
	position:absolute;
	left:123px;
	top:387px;
	width:208px;
	height:23px;
	z-index:3;
	font-size: 19.5px;
	visibility: visible;
}


 /* styles */


body {
	text-align: center; 
	min-width: 800px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #EDEDED;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

 
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;

} 

.mainbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.2px;
	line-height: 20px;
	letter-spacing: 0.4px;
}

.pageHeader {
	font-weight: bold;
	font-size: 18px;
}


a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #00CCFF;
}


a:active {
	text-decoration: none;
	color: #E2E2E2;
}

.textlink a:link {
	color: #0033FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.textlink a:visited {
	text-decoration: none;
	color: #0066FF;
}
.textlink a:hover {
	text-decoration: underline;
	color: #00CCFF;
}



.textlink a:active {
	text-decoration: none;
	color: #FF9900;
}


.mandatory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.3px;
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 32px;
}

.mandatory2 {
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-size: 8.5px;
	color: #97C5E6;
	font-weight: normal;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 12px;
	letter-spacing: 0.1mm;
	text-transform: uppercase;
}

.footer {
	padding-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.3px;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 12px;
	color:#FFFFFF;
}


.footer a:link{
	text-decoration: none;
	color: #ffffff;
}


.footer a:visited {
	text-decoration: none;
	color: #ffffff;
}

.footer a:hover {
	text-decoration: underline;
	color: #00ccff;
}


.footer a:active {
	text-decoration: none;
    color: #ffffff;
}

.lightblue {color: #66ccff;}


.white {
color: #ffffff;
}

.mandatoryNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66CCFF;
	font-weight: lighter;
}

.blue {color: #0099FF;}
.black {color: #000000;}
.lowercase { font-variant: normal; }




/* end */