* {font-family: Arial, sans-serif;}

body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color: #4d4d4d;
}

.mainBlock
{
	background-color: #333;
}

.error404Block
{
	position:absolute;
	left:30%;
	top:40%;
}

.error404Block h1
{
	font-size:500%;
	color:#fff;
	margin:0 0 0.1em 0;
	line-height:1.3em;
	font-weight: bold;
}

.error404Block h2
{
	font-size:180%;
	color:#fff;
	margin:0 0 0.8em 0;
	line-height:1.3em;
	font-weight: normal;
}

.error404Block a,
.error404Block a:hover
{
	color:#fff;
}


/* general */
p
{
	font-size:85%;
	color:#333;
	line-height:1.6em;
}

h3
{
	font-size:140%;
	font-weight:normal;
	color:#333;
	margin:0 0 0.5em 0;
	padding:0;
}

h4
{
	color:#333;
}

ul{margin-top: 0.5em; padding-left:0; margin-left:0; font-size:85%; color:#333; line-height:1.6em;}
ol{margin-top: 0.5em; padding-left:0; margin-left:1em; font-size:85%; color:#333; line-height:1.6em;}
ol li{list-style-type:decimal;margin: 0.4em 0 0.4em 1em; }
ul li{list-style-type:none; margin: 0.4em 0 0.4em 1em; background: url('../i/list.gif') no-repeat left 0.8em; padding-left:16px;}

img.borderImg,
.pContent img {border: 1px solid #999;}

.imgBlock{float:left; border: 1px solid #ccc; background-color:#fff;}
.imgBlock img{margin: 4px; border:0;}

.highlight td{background-color:#f4f2de;}

table
{
	padding:0;
	margin:0;
	width:100%;
	border-collapse: collapse;
}

td, th
{
	padding:0;
	margin:0;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}


/* paragraph */
.pContent{clear:both; padding-bottom:1em;}
.pContent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.pContent p{line-height:1.6em; font-size:85%;}

div.imgTop{padding: 0.8em 0 0.5em 0;}
div.imgLeft{float:left; padding: 0.5em 1em 0.8em 0;}
div.imgRight{float:right; padding: 0.5em 0 0.8em 1em;}
div.imgBottom{padding: 0.4em 0 0.8em 0;}

.imgGallery
{
	float:left;
	margin: 0 20px 20px 0;
	position: relative;
	padding:0;
}

p.caption{font-size:70%; color:#666; font-style:italic; margin: 0.5em 0;}

table.pTable{clear:both; width:100%; border-collapse:collapse; margin: 0.5em 0 1.2em 0;}
table.pTable td{font-size:75%; color:#333; padding: 0.5em 10px; border-bottom: 1px solid #dedede;}
table.pTable th{font-size:75%; color:#333; padding: 0.5em 10px;}
table.pTable td p{font-size:100%; margin:0; line-height:normal;}

table.normal{clear:both; width:100%; border-collapse:collapse; margin-bottom:1.2em; border: 1px solid #dedede;}
table.normal td{font-size:75%; color:#333; padding: 0.5em 10px; border: 1px solid #dedede;}
table.normal td p{font-size:100%; margin:0; line-height:normal;}

div#paragraphFile{padding: 0.5em 10px 0.5em 28px; height:26px;}
div#paragraphFile a{font-size:80%;}
div#paragraphFile small{font-size:70%; color:#999;}

.word,
.excel,
.pdf,
.zip,
.video,
.attach
{
	width:35px;
	height:35px;
	position: absolute;
	left:0;
	top:0;
	overflow: hidden;
	background-image: url('/i/icons.jpg');
	background-repeat: no-repeat;
}

.word {background-position: 0 0;}
.excel {background-position: 0 -35px;}
.pdf {background-position: 0 -70px;}
.zip {background-position: 0 -105px;}
.video {background-position: 0 -140px;}
.attach {background-position: 0 -175px;}


h3.pHeader{font-size:140%; margin: 0 0 1em 0;}
h3.pHeader a{border-bottom: 1px dotted #369; text-decoration:none;}
h3.pHeader a:hover{border-bottom: 1px dotted #5682bc; text-decoration:none;}
h3.pHeader a.cur{border-bottom: 1px dotted #333; color:#333; text-decoration:none;}

.paragraphFile
{
	position: relative;
}

.paragraphFile a
{
	font-size: 90%;
	display: block;
	padding: 0.2em 0 0.2em 40px;
}

.paragraphFile small
{
	font-size: 70%;
	display: block;
	color:#666;
	padding: 0 0 0 40px;
}

.none{display:none;}
.visible{display:block;}


/* links */
a{text-decoration:underline; color:#369;}
a:hover{text-decoration:underline; color:#5682bc;}


/* path */
div.path {color:#333;}
div.path a{font-size:90%;}
div.path small{font-size: 85%; color:#333;}
div.path h1{font-size:180%; margin-top:0.3em;}



/* round */

.roundBlock
{
	position:relative;
}

.roundBlock .top,
.roundBlock .bottom
{
	position:relative;
	height:20px;
	width:100%;
	overflow:hidden;
}

.roundBlock .lt,
.roundBlock .rt,
.roundBlock .lb,
.roundBlock .rb
{
	position:relative;
	width:20px;
	height:80px;
	background-image:url('/i/round.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

.roundBlock .rt,
.roundBlock .rb
{
	position:absolute;
	left:100%;
	margin-left:-20px;
	margin-left: expression( this.parentNode.offsetWidth % 2 ? -19 : -20 );
	top:-20px;
}

.roundBlock .bottom .lb,
.roundBlock .bottom .rb
{
	margin-top:-40px;
}