/* --- general elements --- */
html {
	background-color: #fff;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	width: 762px;
	height: 100%; /* for IE/PC */
	margin: auto;
	padding: 0px;

	font-family: Georgia, Times, serif;
	color: #000;

	background-color: #fff;
	background-image: url(../img/page_bg.gif);
	background-repeat: repeat-y;
}
body#articlepage {
	background-image: url(../img/page_bg_article.gif);
}

html>body {
	/* for !IE/PC browsers */
	min-height: 100%;
	height: auto !important;
}

body #divcontainer {
	width: 762px;

	background-image: url(../img/photo_bg.jpg);
	background-repeat: no-repeat;
	background-position: 5px 310px;
}
body#articlepage #divcontainer {
	background-image: none;
}


a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #987;
	text-decoration: underline;
}

div, p, form, ul, li, img {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

.clearboth {
	clear: both;
	font-size: 1px;
}


/* --- header elements --- */

#header {
	width: 100%;
	height: 200px;
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
}

body#articlepage #header {
	background-image: url(../img/header_bg_article.gif);
}

#header #logo {
	display: none;
}

#header ul {
	height: 65px;
	padding: 102px 0px 0px 255px;
	list-style-type: none;
}
#header ul li {
	padding: 0px 0px 2px 12px;

	color: #fff;
	background-image: url(../img/header_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.6em;
}

#header h1 {
	margin: 15px 0px 0px 337px; /* 387 - 50 */
	padding: 0px 30px 0px 50px;
	font-size: 130%;
	font-weight: bold;
	vertical-align: bottom;
}
#header h1.zm {
	background-image: url(../img/news_bullet_zm.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.5em;
}
#header h1.fd {
	background-image: url(../img/news_bullet_fd.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.5em;
}

#header h1.hidden {
	display: none;
}


/* --- main elements --- */

#main {
	width: 752px;
	margin: 0px 5px 0px 5px;
}

#main #menu {
	float: left;
	width: 128px;
	margin-bottom: 140px;
}

#main #content {
	float: left;
	width: 624px;
}

#main #content #pics-content {
	float: left;
	width: 199px;
}

#main #content #text-content {
	float: left;
	width: 425px;
		overflow: hidden;
}


/* --- menu elements --- */

#menu ul {
	width: 128px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style-type: none;
}
#menu ul li {
	float: left; /* for IE5/PC */

	width: 128px;
	xxheight: 22px;
	margin: 6px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	background-color: #000;

	overflow: hidden; /* define no fixed height (for IE/PC) */
}
#menu ul>li {
	/* redefine for !IE/PC browsers */
	min-height: 22px;
	height: auto !important;
}

#menu ul li.active {
	background-color: #14BEE6;
}


#menu ul li a {
	display: block;
	padding: 3px 0px 3px 20px;
	color: #1be;

	text-decoration: none;

	background-image: url(../img/menu_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.6em;
}

#menu ul li.active a {
	background-image: url(../img/menu_bullet_white.gif);
}

#menu ul li#menu-home a {
	background-position: 0 50%;
	padding: 30px 0px 30px 20px;
}

#menu ul li a:hover {
	text-decoration: underline;
}

#menu ul li.active a,
#menu ul li a:hover {
	color: #fff;
}


#menu ul.cmsmenu {
	margin-top: 20px;
}
#menu ul.cmsmenu li {
	background-color: #987;
}
#menu ul.cmsmenu li a {
	color: #fff;
}
#menu ul.cmsmenu li.active a,
#menu ul.cmsmenu li a:hover {
	color: #fff;
}

#menu ul li img.cmsmenu {
	float: right;
	padding: 9px 3px 4px 6px;
	margin: 0px 0px 0px 0px;
}


/* --- pics-content elements --- */

#pics-content ul {
	list-style-type: none;
}

#pics-content ul li {
	margin: 6px 0px 4px 50px;
	padding: 0px 10px 0px 0px;
}

#pics-content ul#pics li img {
	border: 1px solid #000;
}
body#homepage #pics-content ul#pics li img,
#pics-content ul#pics li img.cmsmenu {
	border: none;
}

#pics-content ul#docs {
	margin: 20px 0px 0px 0px;
}

#pics-content #largepic-div {
	float: left;
	display: block;
	visibility: hidden;
	position: absolute;
	background-color: #fff;
	border: 1px solid #000;
}
#pics-content #largepic-div-shade {
	float: left;
	display: block;
	visibility: hidden;
	position: absolute;
	background-color: #987;
	filter: alpha(opacity=60, finishopacity=60, style=1, startx=0, starty=0);
	opacity: 0.6;
}
#pics-content #largepic-img,
#pics-content #largepic-img-shade {
	display: block;
}
#pics-content #largepic-txt,
#pics-content #largepic-txt-shade {
	display: block;
	padding: 4px 30px 14px 10px;
	color: #000;
	line-height: 17px;
}


/* --- text-content elements --- */

#text-content #intro {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
	background-image: url(../img/ruler_top.gif);
	background-repeat: repeat-x;
	background-position: left bottom;

	font-weight: bold;
}
#text-content #intro p {
	padding: 0px 30px 0px 55px;
}

#text-content #contents {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 20px 0px;
	background-image: url(../img/ruler_bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#text-content #footer {
	margin: 0px 0px 40px 0px;
}

#text-content #footer p {
	margin: 0px 0px 40px 35px; /* 55 - 20 */
	padding: 0px 0px 0px 20px;

	background-image: url(../img/content_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;

	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	color: #987;
}
#text-content #footer p a {
	color: #987;
	text-decoration: none;
}
#text-content #footer p a:hover {
	color: #987;
	text-decoration: underline;
}

/* -- text-content contents elements -- */

#text-content ul#news {
	list-style-type: none;
}
#text-content ul#news li {
	padding: 0px 0px 20px 0px;
}

#text-content ul#news li h2 {
	margin: 2px 0px 2px 5px; /* 55 - 50 */
	padding: 0px 30px 0px 50px;
	font-size: 110%;
	font-weight: bold;
}
#text-content ul#news li h2.zm {
	background-image: url(../img/news_bullet_zm.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.5em;
}
#text-content ul#news h2.fd {
	background-image: url(../img/news_bullet_fd.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.5em;
}
#text-content ul#news li h2 a {
	color: #000;
	text-decoration: none;
}
#text-content ul#news li h2 a:hover {
	color: #000;
	text-decoration: underline;
}

#text-content ul#news li p {
	margin: 0px 30px 0px 55px;
}


#text-content ul#subs {
	margin: 10px 0px 0px 0px;
	list-style-type: none;
}
#text-content ul#subs li {
	width: 400px;
	margin: 0px 0px 0px 0px;

	background-image: url(../img/arrow_continue.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;

	font-family: times, times new roman, georgia, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 120%;
	text-align: right;
}
#text-content ul#subs li a {
	display: block;
	margin: 0px 30px 0px 0px;
	padding: 0px 8px 0px 8px;
	background-color: #fff;

	color: #000;
	text-decoration: none;
}
#text-content ul#subs li a:hover {
	text-decoration: underline;
}


#text-content ul#subs li img.cmsmenu {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 7px 30px 4px 6px;
	margin: 0px;
}


#text-content #contents p.continue {
	xxfloat: left;
	width: 400px;
	margin: 0px 0px 0px 0px;

	background-image: url(../img/arrow_continue.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;

	font-family: times, times new roman, georgia, serif;
	font-style: italic;
	font-size: 120%;
	text-align: right;
}
#text-content #contents p.continue a {
	margin: 0px 30px 0px 0px;
	padding: 0px 8px 0px 8px;
	background-color: #fff;

	color: #000;
	text-decoration: none;
}
#text-content #contents p.continue a:hover {
	text-decoration: underline;
}


#text-content #contents p.back {
	float: right;
	width: 410px;
	margin: 0px;

	background-image: url(../img/arrow_back.gif);
	background-repeat: no-repeat;
	background-position: right 0.5em;

	font-family: times, times new roman, georgia, serif;
	font-style: italic;
	font-size: 120%;
	text-align: left;
}

#text-content #contents p.back a {
	margin: 0px 0px 0px 30px;
	padding: 0px 8px 0px 8px;
	background-color: #fff;

	color: #000;
	text-decoration: none;
}
#text-content #contents p.back a:hover {
	text-decoration: underline;
}

#text-content p span.date {
	color: #987;
	font-size: 110%;
	font-weight: bold;
}
#header h1 span.date {
	color: #987;
	font-size: 85%;
	font-weight: bold;
}

#text-content ul#documents {
	list-style-type: none;
}




/* --- style for user content --- */

#text-content #contents .usercontent {
	padding: 0px 30px 0px 55px;
}

#text-content #contents .usercontent#homecontent {
	padding: 0px 30px 0px 0px;
}

#text-content .usercontent h2 {
	padding: 0px 0px 0px 20px;
	margin: 2px 0px 2px -20px;
	background-image: url(../img/content_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;

	font-size: 110%;
	font-weight: bold;
	clear: both;
}

#text-content .usercontent h3,
#text-content .usercontent h4 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	color: #000;
	margin: 2px 0px 2px 0px;
	clear: both;
}

#text-content .usercontent p {
	font-size: 100%;
	margin: 0px 0px 10px 0px;
}

#text-content .usercontent ul,
#text-content .usercontent ol {
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear: both;
}
#text-content .usercontent ol {
	padding: 0px 0px 0px 10px;
}

#text-content .usercontent ul li,
#text-content .usercontent ol li {
	padding: 0px;
	margin: 5px 0px 5px 30px;
}

#text-content .usercontent blockquote {
	font-size: 100%;
	padding: 10px 40px 20px 12px;
	margin: 10px 0px 10px 0px;
	border: 1px dashed #987;
	clear: both;
}

#text-content .usercontent table {
	margin: 0px 0px 10px 0px;
	clear: both;
}



/* --- table elements --- */

#content table {
	width: 100%;
	font-size: 100%;
	text-align: left;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	border-collapse: seperate;
	border-spacing: 2px;
}
#content table caption {
	color: #999;
	text-align: center;
	font-weight: bold;
	padding: 0px;
}
#content table th {
	font-weight: bold;
	border-bottom: 2px solid #987;
	padding: 5px 2px 2px 0px;
}
#content table td {
	vertical-align: top;
	border-bottom: 1px dashed #987;
	padding: 2px 5px 2px 0px;
}
#content table td.number {
	text-align: right;
}





/* --- cms styles --- */

#text-content #contents .cmscontent {
	padding: 0px 30px 0px 55px;
}

img.cmsmenu {
	margin: 0px 4px 0px 4px;
}


/* cms form top-down styles */

form.top-down dl {
	clear: both;
}

form.top-down ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

form.top-down dl dt {
	margin-top: 5px;
	font-size: 100%;
	font-weight: bold;
}

form.top-down dl dd {
	margin: 0px;
}

form.top-down dl.horizontal dd ul li {
	float: left;
}

form.top-down input.type_text {
	width: 330px;
}
form.top-down input.type_file {
	width: 240px;
}
form.top-down textarea {
	width: 330px;
	height: 100px;
}

form.top-down textarea#in_content_id {
	height: 250px;
}

form.top-down input.type_checkbox {
	vertical-align: bottom;
}

form.top-down input,
form.top-down textarea,
form.top-down select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
}

form.top-down input#in_login_id,
form.top-down input#in_passwd_id {
	width: 200px;
}