/*

	mainFrame.css

*/

/*	main frame	*/

#container{
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

#head{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: url(../img/bg_clear7001.png);
	background: url(../img/clear.gif) #FFF;
	*zoom: 1;
}

#head h1,
#head p{
	float: left;
	width: 440px;
}

#headBlock{
	float: right;
	width: 500px;
	text-align: right;
}

#headBlock .headUtils{
	text-align: right;
}

#headBlock .headUtils ul{
	margin: 5px 10px 0 0;
	list-style-type: none;
}
#headBlock .headUtils li{
	display: inline;
	font-size: 0;
	line-height: 0;
	font-size: 75%;
}

#head .headBanner img{
	margin: 10px;
}

#mainNavigation ul{
	list-style-type: none;
	*zoom: 1;
}

#mainNavigation{
}

#mainNavigation li{
	float: left;
	font-size: 0;
	line-height: 0;
	*zoom: 1;
}

#mainNavigation li a{
	text-decoration: none;
}


ul.catChild{
	position: absolute;
	margin-left: -93px;
	*margin-left: -200px;
	width: 200px;
	font-size: 16px !important;
	line-height: 0;
	display: none;
	z-index: 10000;
	*zoom: 1;
}

ul.catChild li{
	position: relative;
	*top: 32px;
	float: none !important;
	margin: 0;
	margin-top: -1px;
	padding: 0;
	border: 1px solid #B1B1B1;
	background: #EEE;
	font-size: 75% !important;
	*zoom: 1;
}

ul.catChild li.first-child,
ul.catChild li:first-child{
	margin-top: 0;
	border-top: none;
}

ul.catChild li.last-child,
ul.catChild li:last-child{
	*zoom: 1;
}

ul.catChild li a{
	display: block;
	padding: 9px 6px;
}
























#areaTitle{
	font-size: 0;
	line-height: 0;
}

#topicPass{
	padding: 6px;
	background: #EEE;
	font-size: 62.5%;
}

#topicPass ul{
	list-style-type: none;
}

#topicPass li{
	float: left;
	/* IE5.x IE6.x IE7.x */
	margin-left: 6px;
	padding-left: 10px;
	background: no-repeat left 0.25em url(/shared/img/icon_topicpass01.gif);
}

#topicPass li.first-child{
	/* IE5.x IE6.x IE7.x */
	margin-left: 0;
	padding-left: 0;
	background: url(/shared/img/clear.gif);
}

	/* after IE7 
#topicPass li:after{

	content: "�@>�@";
}

#topicPass li:last-child:after{

	content: "";
}
 after IE7 */

#documentBody{
	margin: 1em 0;
	*zoom: 1;
}



/*
	alpha
--------------------*/

#alpha{
	float: left;
	width: 640px;
	z-index: 1000;
	*zoom: 1;
}

#impression{
	margin-bottom: 12px;
	background: #EEE;
	font-size: 0;
	line-height: 0;
	*zoom: 1;
}
#impression img{
	border: 5px solid #EEE;
}
#alphaLeft{
	float: left;
	width: 200px;
	*zoom: 1;
}

#alphaRight{
	float: right;
	width: 430px;
	*zoom: 1;
}

#alpha .module{
	margin: 0.75em 0;
	border: 1px solid #B1B1B1;
}
/*
	alpha2
--------------------*/
#alpha2{
	float: left;
	width: 720px;
	*zoom: 1;
}
/*
	beta
--------------------*/

#beta{
	float: right;
	width: 302px;
	z-index: 2000;
}

#beta .module{
	margin: 1em 0;
	border: 1px solid #B1B1B1;
}
#beta .weiget rectangle{
	margin: 1em 0;
	border: 0 !important;
}

#beta .module.first-child{
	margin-top: 0;
}

ul.toTop01{
	margin: 1em 0;
	list-style-type: none;
	font-size: 75%;
}

ul.toTop01 li{
	margin: 0;
	padding: 0;
	text-align: right;
}

/*
	beta
--------------------*/
#beta2{
	float: right;
	width: 222px;
}
#beta2 .module{
	margin: 1em 0;
	border: 1px solid #B1B1B1;
}
#beta2 .module.first-child{
	margin-top: 0;
}



/*
	foot
--------------------*/

#foot{
	border: 1px solid #b1b1b1;
	background: url(../img/bg_clear7001.png);
	_background: url(../img/clear.gif) #FFF;
}

#foot .navigationWrapper{
	padding: 10px;
}

#foot ul{
	list-style-type: none;
}

#foot ul li{
	float: left;
	padding: 2px 6px;
	border-left: 1px solid #b1b1b1;
}

#foot ul li a{
	text-decoration: none;
	border-bottom: 1px solid #d4d4d4;
}

#foot ul li a:hover{
	color:#707070;
	border-bottom: 1px solid #707070;
}

#foot ul li.first-child{
	padding-left: 0;
	border-left: none;
}

#foot ul.footUtils{
	margin: 9px 0;
	*margin: 4px 0;
	font-size: 62.5%;
}

#foot ul.footUtilsArea{
	font-size: 75%;
	*margin-bottom: 5px;
}

#foot ul.footUtilsArea li{
	padding: 4px 10px 3px 10px;
	*padding: 4px 10px 1px 10px;
	border-top: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	border-left: none;
	background: #f2f0f0;
	*zoom: 1;
}

#foot ul.footUtilsArea li a{
	border: none;
}

#foot ul.footUtilsArea li a:hover{
	color: #b5b5b5;
}

#foot ul.footUtilsArea li.first-child{
	border-left: 1px solid #b1b1b1;
}

p#copy{
	padding: 10px;
	text-align: right;
	background: #f2f1f1;
	font-size: 62.5%;
}



/*	clear design with citywave	*/

.clearImage{
	background: url(../img/bg_clear7001.png);
	
	/*_background: url(../img/clear.gif) #FFF;*/
	
	_behavior: expression(IEPNGFIX.fix(this));
	
	*zoom: 1;
	
}
.clearImage td{
	*zoom: 1;
	
}

.whiteImage{
	background: #FFF;
}