/* ---------------------------- body --------------------------------------------------------------------------------------------------------------------- */

body {
	font-family:arial, helvetica, sans-serif; font-size:1.1em; background:#FFFFFF; color:#000000; text-align:center; margin:0px; }

body.contentpage, body.sectionindex, body.galleryindex {
	/* default values */ }

body.frameset, body.slidesframe, body.viewerframe {
	margin:10px; }

body.redirect {
	background:#000000; color:#FFFFFF; }

/* ---------------------------- div ---------------------------------------------------------------------------------------------------------------------- */

div {
	padding-top:0px; padding-bottom:0px; margin-top:0em; margin-bottom:0em; }

/* ---------------------------- layout div -- ------------------------------------------------------------------------------------------------------------ */

div.center600px, div.center800px {
	margin-left:auto; margin-right:auto; text-align:left; }

div.center600px {
	width:600px; }

div.center800px {
	width:800px; }

div.maincontent {
	width:100%; padding-top:2em; }

div.redirect {
	position:absolute; left:50%; top:50%; width:520px; height:405px;
	margin-left:-260px; margin-top:-202px; /* half of the width & height */ }

div.redirecttxt {
	text-align:center; padding-top:40px; }

div.clearfloats {
	clear:both; width:100%; }

div.mediaplayer {
	width:100%; padding-top:1em; padding-bottom:1em; }

/* ---------------------------- layout div - header + footer --------------------------------------------------------------------------------------------- */

div.header {
	width:100%; height:60px; padding-top:15px; padding-bottom:25px; }

div.headerfloat1 {
	float:left; width:240px; }

div.headerfloat2 {
	float:left; width:120px; }

div.headerfloat3 {
	float:right; width:60px; }

div.headerfloat4 {
	float:left; width:320px; }

div.headerfloat5 {
	float:left; width:360px; }

div.backtoindex1 {
	clear:both; width:100%; padding-top:3em; padding-bottom:0em; }

div.backtoindex2 {
	clear:both; width:240px; height:80px; margin-left:auto; margin-right:auto; padding-top:3em; padding-bottom:1em;
	text-align:center; /* for old IE */ }

div.backtoindex2float {
	float:left; width:80px; }

div.sitemap {
	clear:both; width:100%; padding-bottom:1em; }

/* ---------------------------- layout div - slides ------------------------------------------------------------------------------------------------------ */

div.slidestxt {
	clear:both; width:100%; }

div.slidesrow {
	clear:both; width:100%; height:225px; padding-top:10px; padding-bottom:10px; }

div.slidesfloat10px {
	float:left; padding-right:10px; overflow:hidden; }

div.slidesfloat20px {
	float:left; padding-right:20px; overflow:hidden; }

div.slidesfloat30px {
	float:left; padding-right:30px; overflow:hidden; }

div.slides {
	text-align:left; padding-top:5px; padding-bottom:10px; }

/* ---------------------------- my own kind of hr using div and img ------------------------------------------------------------------------------------------------- */

div.myhr1 {
	/* default values */ }

div.myhr2 {
	margin-bottom:1em; }

div.myhr3 {
	padding-top:1em; padding-bottom:1em; }

div.myhr4 {
	padding-top:1.5em; padding-bottom:1.5em; }

img.myhrimg {
	width:100%; height:1px; }

/* ---------------------------- image div ---------------------------------------------------------------------------------------------------------------- */

div.imgfullwidth {
	width:100%; margin-top:2em; margin-bottom:2em; }

div.imgfloat200, div.imgfloat250, div.imgfloat300, div.imgfloat400 {
	float:right; margin-bottom:1em; margin-top:1em; margin-left:30px; margin-right:0px; }

div.imgfloat200 {
	width:200px; }

div.imgfloat250 {
	width:250px; }

div.imgfloat300 {
	width:300px; }

div.imgfloat400 {
	width:400px; }

div.imgfloattop {
	margin-top:0px; }

/* ---------------------------- image  ------------------------------------------------------------------------------------------------------------------- */

img {
	border:none; }

img.center {
	display:block; margin-left:auto; margin-right:auto;
	text-align:center; /* for old IE */
}

/* ---------------------------- paragraph ---------------------------------------------------------------------------------------------------------------- */

p {
	padding-top:0px; padding-bottom:0px; margin-top:0em; margin-bottom:0em; text-indent:0em; text-align:left; }

p.leading {
	margin-top:1em; }

p.normal {
	text-indent:1em; }

p.separator {
	text-align:center; margin-top:1em; }

p.title, p.title2 {
	font-weight:bold; margin-bottom:1em; }

p.title2 {
	text-align:center; margin-top:1em; }

p.copyrightleft, p.copyrightcntr {
	font-size:80%; margin-top:3em; }

p.copyrightcntr {
	margin-bottom:1em; text-align:center; }

p.caption {
	font-size:80%; text-align:right; margin-top:1em; }

p.menuitem {
	margin-bottom:0.7em; }

p.listheader /* to be used before ul ol */ {
	font-weight:bold; }

p.justbold {
	font-weight:bold; }

p.titlenobold {
	margin-bottom:1em; }


/* ---------------------------- anchor ------------------------------------------------------------------------------------------------------------------- */

a {
	background:#FFFFFF; color:#000000; font-weight:bold; text-decoration:none; }

a:hover {
	text-decoration:underline; }

a.nobold {
	font-weight:normal; text-decoration:none; }

a.nohref {
	text-decoration:none; }

a.redirect {
	background:#000000; color:#FFFFFF; }

/* ---------------------------- form select input -------------------------------------------------------------------------------------------------------- */

form, select, input {
	font-family:Arial, Helvetica, sans-serif; font-size:100%; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }

form {
	padding-top:1em; }

/* ---------------------------- ul ol li ----------------------------------------------------------------------------------------------------------------- */

ol, ul {
	padding-top:0px; padding-bottom:0px; margin-top:0em; margin-bottom:0.7em; }

ul {
	padding-left:0px; padding-right:0px; margin-left:20px; margin-right:0px; }

li {
	/* default values */ }

/*background:#AAAAAA;*/
/*background:#FFFF80;*/
/*background:#FFB9FF;*/
/*background:#FF9999;*/
/*background:#FF80C0;*/
/*background:#DDDDDD*/
/*background:#80FF80;*/
/*background:#CCFF11;*/
