body {
	margin-top: 0px;
	background:#E3E7ED url(/web/WEB/images/index_img/index_bg02.jpg) repeat-y center;

	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";	
 }


/* Header */
#header
{
	position: relative;
}

/* role */
#role
{
	position: relative;
	background: transparent url(/web/WEB/images/index_img/taboffbg.gif) ;
}

/* roleItem */
.roleItem, a.roleItem:link, a.roleItem:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(/web/WEB/images/index_img/tabonbg_1.gif);
} 


table, tr, td, select, p, form {
	color:#333333;
	text-decoration: none;
	line-height: 20px;
	}

.left-boxed {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left:5px;
	padding-right:5px;
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	font-size:70%;
}

/* Boxed Style */
/* marked on 2010/12/09 by Mandychu for maintain frontpage
.boxed {
	margin-bottom: 1em;
	background: #F7F7F7 url(/web/WEB/images/index_img/tabbg3.gif) repeat-x;
	border: 1px solid #CCCCCC;
}

.boxed .title {
	height: 29px;
	padding: 5px 0 0 10px;
	background: url(images/img08.gif) no-repeat 10px 50%;
	font-size: 90%;
	font-weight:bold;
	color: #FFFFFF;
	vertical-align:middle;
}
*/

.boxed {
	margin-bottom: 1em;
	background: #F7F7F7 url(/web/WEB/images/index_img/tabbg3_02.gif) repeat-x;
	border: 1px solid #CCCCCC;
}

.boxed .title {
	height: 25px;
	padding: 5px 0 0 10px;
	background: url(images/img08.gif) no-repeat 10px 50%;
	font-size: 100%;
	font-weight:bold;
	color: #000000;
	vertical-align:middle;
}


.boxed li {
	margin: 0;
	padding: 3px 3px;
}

.boxed3{
	padding-bottom:20px;
}

.boxed3 .title {
	font-size:85%;
	margin-bottom: 5px;

	padding-bottom: 5px;
	color:#666666;
	font-weight:bold;
	background: url(/web/WEB/images/index_img/news1.gif) repeat-x left bottom;

}

.boxed3 ul {
	/*margin: 20;
	margin-top:12;
	margin: 0;
	padding: 0;*/
	
	list-style:none;
}


.boxed3 li {
	
	border-bottom: 1px #BDBDBB dotted;
	list-style-image: url(/web/WEB/images/icon.gif) ; 
	font-size:80%;
	margin: 0;
	/*margin: 0;
	list-style:none;
	padding-top:2px;
	*/
}


/* boximg Style */
.boximg {
	height:30px;
	background: #F7F7F7 url(/web/WEB/images/index_img/tabbg2.jpg) repeat-x;
	border: 1px solid #CCCCCC;
}

.boximg .title {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";	
	height: 29px;
	padding: 5px 0 0 27px;
	background: url(images/img08.gif) no-repeat 10px 50%;
	font-size: 90%;
	font-weight:bold;
	color: #2D3541;
	vertical-align:middle;
}

.boximg .content {
	color: #787878;
}

#updates h3{
	padding: 0 0 0 0px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";	
	text-align:center;
	font-size: 85%;
	font-weight:lighter;
	color:#000000;
}


#updates {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";	
	font-size: 80%;
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates li {
	margin-bottom: 0.2em;
}

#updates a {
	text-decoration: none;
}

/* font type */
.content-13pt {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 85%
}
.content-12pt {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 80%
}
.content-14pt {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 90%
}
.content-11pt {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 75%
}
.content-10pt {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 70%
}
.content-9pt {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 65%
}

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

a:visited { 
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #005599;
	text-decoration: none; 
	} 

a:hover { 
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #FF9D33; 
	text-decoration: none; 
	} 

a:active { 
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000; 
	text-decoration: none; 
	}