/* CSS Document */
body {
	margin-top: 6px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFFFFF;
}
td.header {
	width: 480px;
	height: 86px;
}
#tooltip {
    padding: 3px;
    background: #f9f9f9;
    border: 1px solid #eee;
    text-align: center;
    font-size: smaller;
}
span.tip {
    border-bottom: 1px solid #eee;
}
.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
}
td.navigation {
	width: 300px;
	height: 184px;
	background-color: #FFFFFF;
}

td.MainContent {
	height: 110px;
	width: 780px;
/*	background-image: url(/zj/template/witness/images/main.jpg); 
	background-repeat: no-repeat; 
	background-position: top-left; */
	background-color: #FFFFFF;
}

td.footer {
	height: 74px;
	width: 780px;
/*	background-image: url(/zj/template/witness/images/footer.jpg); 
	background-repeat: no-repeat; 
	background-position: right; */
	background-color: #FFFFFF;
}

.clr {
	clear: both;
}
div.languages {
	padding: 0px;
	margin: 0px;
	text-align: right;
}
a.Languages	{
	font-size: 10pt;
	color: #FFFFFF;
	/* color: #A6C5FF; */
	text-decoration: none;
	font-family: "Arial Narrow", cursive;
}
a.Languages:hover {
	font-size: 10pt;
	color: #A6C5FF;
        background-color: #000000;
}

td.MainMenu {
	text-align: center;
	background-color: #FFFFFF;
}
div.MainMenu {
	text-align: left;
	height: 114px;
/*	background-image: url(/zj/template/witness/images/left.jpg); 
	background-repeat: no-repeat; 
	background-position: top-left; */
}
a.MainMenu {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;
	background-color: #FFFFFF;
	font-family: "Arial Narrow", cursive;
	/* 
	font-weight: bold;
	font-weight: bold;
	font-weight: bolder;
	
	color: #FC9C04;
	color: #FFE512;
	*/
	color: #000000;
}
a.MainMenu:hover {
	/*
	color: #A6C5FF;
	*/
	color: #A6C5FF;
	background-color: #000000;
}
/* submenu */
MENU {
	font-size: 10pt; 
	font-weight: normal; 
	font-family: Arial; 
	padding: 2px 2px 2px 2px; 
	vertical-align: middle; 
	/*position: absolute; 
	left: 0px; 
	top: 0px; 
	border: 1px solid #555555; 
	*/
	background-color: #FFFFFF; 
	display: block; 
	margin: 0px 0px 0px 0px; 
	filter:revealTrans(transition=12,duration=0.5) progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#FFFFFF,strength=3);
}
MENU A {
	text-decoration: none; 
	color: #000000;
}
#MAIN_MENU {
	border-style: none !important; 
	display: block !important; 
	left: 180px; 
	top: 155px; 
	background-color: #FFFFFF; 
	color: #000000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(direction=90,color=#FFFFFF,strength=0; );
}
MENU SPAN {
	background-color: transparent; 
	padding: 2px 2px 2px 2px; 
	border: 1px none white; 
	vertical-align: middle; 
	cursor: pointer; 
	display: inline ! important;
}
MENU DIV {
	background-color: transparent; 
	padding: 2px 2px 2px 2px; 
	border: 1px none white; 
	vertical-align: middle; 
	cursor: pointer; 
	display: block ! important;
}
.HOVER {
	background-color: #000000; 
	color: #FFFFFF;
	padding: 1px 1px 1px 1px; 
	border: 1px solid white; 
	vertical-align: middle; 
	cursor: pointer;
}
.EXPANDABLE {
	padding: 2px 2px 2px 2px; 
	border: 1px none white; 
	vertical-align: middle; 
	cursor: pointer; 
	background-image: url('img/drop-down.gif'); 
	background-repeat : no-repeat; 
	background-position : right center;
}
.EXPANDABLEHOVER {
	background-color: #000000; 
	color: #FFFFFF;
	padding: 1px 1px 1px 1px; 
	border: 1px solid white; 
	vertical-align: middle; 
	cursor: pointer; 
	background-image: url('img/collapse.gif'); 
	background-repeat : no-repeat; 
	background-position : right center;
}

div.MainText {
	font-size: 12pt;
	line-height: 1.5em;
}

div.MainContent {
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

p.title {
	line-height: 0.5em;
}
div.title {
	font-weight: bolder;
}
div.subtitle {
	font-style: italic;
}

div.intro {
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
}
p.intro{
        LINE-HEIGHT: 170%;
}
p.intro:first-letter { 
	font-size: 250%; 
	float: left;
    padding: 2px; 
	margin-right: 3px; 
}
img.intro {
	width: 100px;
	height: 83px; 
	float: left;
	margin: 5px;
	border: 2px solid #FFFFFF;
}		


form {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0
}

.topiclist {FONT-SIZE: 9pt; COLOR: white; TEXT-DECORATION: none}
.topiclist:link {FONT-SIZE: 9pt;  color: white; text-decoration: none}
.topiclist:visited {FONT-SIZE: 9pt; color: white; text-decoration: none}
.topiclist:hover {FONT-SIZE: 9pt; color: #FEFE4E; text-decoration: underline;}

.fontsize_mid { FONT-SIZE: 10pt }

.topic {background-color: #0099CC; letter-spacing: 3px; FONT-SIZE: 10.5pt; COLOR: white; text-align: center; LINE-HEIGHT: 180%; TEXT-DECORATION: none}
.topic:link { FONT-SIZE: 10.5pt; color: white; text-decoration: none}
.topic:visited { FONT-SIZE: 10.5pt; color: white; text-decoration: none}
.topic:hover { FONT-SIZE: 10.5pt; background-color: #00AADD; color: white; text-decoration: underline;}

.rightbarTitle {
	letter-spacing: 3px; 
	background-color: #AFBBC7; 
	FONT-SIZE: 10.5pt; COLOR: white; 
	text-align: center; 
	LINE-HEIGHT: 140%; 
	TEXT-DECORATION: none
}
.rightbarTitle:link { FONT-SIZE: 10.5pt; color: white; text-decoration: none}
.rightbarTitle:visited { FONT-SIZE: 10.5pt; color: white; text-decoration: none}
.rightbarTitle:hover { FONT-SIZE: 10.5pt; background-color: #00AADD; color: white; text-decoration: underline;}

.rightbarlist {background-color: white;  FONT-SIZE: 10.5pt; color: #005884; LINE-HEIGHT: 150%; text-align: center; TEXT-DECORATION: none}
.rightbarlist:link { FONT-SIZE: 10.5pt; color: #005884; text-decoration: none}
.rightbarlist:visited { FONT-SIZE: 10.5pt; color: #005884; text-decoration: none}
.rightbarlist:hover { FONT-SIZE: 10.5pt; color: #FF920C; text-decoration: underline;}

.list {background-color: white;  FONT-SIZE: 10.5pt; color: #0099CC; LINE-HEIGHT: 150%; text-align: center; TEXT-DECORATION: none}
.list:link { FONT-SIZE: 10.5pt; color: #0099CC; text-decoration: none}
.list:visited { FONT-SIZE: 10.5pt; color: #0099CC; text-decoration: none}
.list:hover { FONT-SIZE: 10.5pt; color: #FF920C; text-decoration: underline;}

.list2 {background-color: white;  FONT-SIZE: 10pt; color: #0099CC; LINE-HEIGHT: 120%; text-align: center; TEXT-DECORATION: none}
.list2:link { FONT-SIZE: 10pt; color: #0099CC; text-decoration: none}
.list2:visited { FONT-SIZE: 10pt; color: #0099CC; text-decoration: none}
.list2:hover { FONT-SIZE: 10pt; color: #FF920C; text-decoration: underline;}

.list3 {background-color: white;  FONT-SIZE: 9pt; color: #0099CC; LINE-HEIGHT: 120%; text-align: center; TEXT-DECORATION: none}
.list3:link { FONT-SIZE: 9pt; color: #0099CC; text-decoration: none}
.list3:visited { FONT-SIZE: 9pt; color: #0099CC; text-decoration: none}
.list3:hover { FONT-SIZE: 9pt; color: #FF920C; text-decoration: underline;}

.list4 {background-color: white;  FONT-SIZE: 8pt; color: #0099CC; LINE-HEIGHT: 120%; text-align: center; TEXT-DECORATION: none}
.list4:link { FONT-SIZE: 8pt; color: #0099CC; text-decoration: none}
.list4:visited { FONT-SIZE: 8pt; color: #0099CC; text-decoration: none}
.list4:hover { FONT-SIZE: 8pt; color: #FF920C; text-decoration: underline;}

.friendsitelink {background-color: white;  FONT-SIZE: 10pt; color: #005884; LINE-HEIGHT: 150%; text-align: center; TEXT-DECORATION: none}
.friendsitelink:link { FONT-SIZE: 10pt; color: #005884; text-decoration: none}
.friendsitelink:visited { FONT-SIZE: 10pt; color: #005884; text-decoration: none}
.friendsitelink:hover { FONT-SIZE: 10pt; color: #FF920C; text-decoration: underline;}

table.class { 
	letter-spacing: 3px; 
	FONT-SIZE: 11pt; color: #FFFFFF; 
	LINE-HEIGHT: 100%; 
	text-indent: 15px; 
	word-spacing: 30px; 
}
.more { FONT-SIZE: 9pt; color: black; TEXT-DECORATION: none}
.more:link { FONT-SIZE: 9pt; color: #006666; text-decoration: none}
.more:visited { FONT-SIZE: 9pt; color: #006666; text-decoration: none}
.more:hover { FONT-SIZE: 9pt; color: #FF920C; text-decoration: underline;}

.newest { FONT-SIZE: 11pt; color: #F09100; font-weight: bold}

.bl { FONT-SIZE: 11pt; color: #00356B; TEXT-DECORATION: none}
.bl:link { FONT-SIZE: 11pt; color: #00356B; text-decoration: none}
.bl:visited { FONT-SIZE: 11pt; color: #00356B; text-decoration: none}
.bl:hover { FONT-SIZE: 11pt; color: #FF920C; text-decoration: underline;}

.more2 { FONT-SIZE: 9pt; color: #00356B; TEXT-DECORATION: none}
.more2:link { FONT-SIZE: 9pt; color: #00356B; text-decoration: none}
.more2:visited { FONT-SIZE: 9pt; color: #00356B; text-decoration: none}
.more2:hover { FONT-SIZE: 9pt; color: #FF920C; text-decoration: underline;}

.titlelist { FONT-SIZE: 11pt; color: #006666; TEXT-DECORATION: none}
.titlelist:link { FONT-SIZE: 11pt; color: #006666; text-decoration: none}
.titlelist:visited { FONT-SIZE: 11pt; color: #006666; text-decoration: none}
.titlelist:hover { FONT-SIZE: 11pt; color: #FF920C; text-decoration: underline;}

.titlelist_mid { FONT-SIZE: 10pt; color: #006666; TEXT-DECORATION: none}
.titlelist_mid:link { FONT-SIZE: 10pt; color: #006666; text-decoration: none}
.titlelist_mid:visited { FONT-SIZE: 10pt; color: #006666; text-decoration: none}
.titlelist_mid:hover { FONT-SIZE: 10pt; color: #FF920C; text-decoration: underline;}


.image_border {
	border-width: 2px; 
	border-color: #006666
}

.color1 { FONT-SIZE: 10.5pt; color: gray; TEXT-DECORATION: none}
.color1:link { FONT-SIZE: 10.5pt; color: gray; text-decoration: none}
.color1:visited { FONT-SIZE: 10.5pt; color: gray; text-decoration: none}
.color1:hover { FONT-SIZE: 10.5pt; color: #FF920C; text-decoration: none;}

.color1_small { FONT-SIZE: 9pt; color: gray }
.color1_small:link { FONT-SIZE: 9pt; color: gray; text-decoration: none}
.color1_small:visited { FONT-SIZE: 9pt; color: gray; text-decoration: none}
.color1_small:hover { FONT-SIZE: 9pt; color: #FF920C; text-decoration: none;}

.white_mid { FONT-SIZE: 10pt; color: white }

.relates { FONT-SIZE: 10.5pt; LINE-HEIGHT: 120%; TEXT-DECORATION: none}
.relates:link { text-decoration: none}
.relates:visited { text-decoration: none}
.relates:hover { text-decoration: underline;}

.tt{
	FONT-SIZE: 12.5pt; 
	FONT-WEIGHT: bold; 
	COLOR: #006666; 
	line-height:300%
}
.subtt{
	FONT-SIZE: 12pt;
	COLOR: #006666;
}
.Author{
	FONT-SIZE: 10.5pt; 
	COLOR: #006699;
	line-height:150%
}
.desc{
	FONT-SIZE: 11pt; 
	COLOR: #000000;
	line-height:130%
}
.content{
	text-indent: 2px;
	FONT-SIZE: 12pt; 
	COLOR: #000000;
	line-height:160%
}

.sm {FONT-SIZE: 10pt}

.sitelink { FONT-SIZE: 9pt; color: black; TEXT-DECORATION: none}
.sitelink:link { FONT-SIZE: 9pt; color: black; text-decoration: none}
.sitelink:visited { FONT-SIZE: 9pt; color: black; text-decoration: none}
.sitelink:hover { FONT-SIZE: 9pt; color: #009999; text-decoration: underline;}