@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------------------
general
-------------------------------------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	background: #999;
	color: #666;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

body {padding: 15px;}

form, input {margin: 0;	padding: 0;}
p {margin: 0 0 15px 0;	padding: 0;}

img {border: none;}

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

.floatLeft {float: left;}
.floatRight {float: right;}
.floatNone {float: none; clear: both;}
.fontNone {font-size: 0; line-height: 0;}
.red {color: #cc0000;}
/*.png {filter:expression(fixPNG(this));}*/

/*#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(../images/headerMenuPointer-white.gif);
       background-image: url(../images/headerMenuPointer-orange.gif);
}*/

/*-------------------------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------------------------*/
#header {
	position: relative;
	margin: auto;
	padding: 0;
	width: 970px;
	background: #d3d3d3;
	text-align: left;
}

#headerLogo {
	margin: 0;
	padding: 0;
	width: 970px;
	height: 72px;
	background: url(../images/headerLogo.gif) no-repeat left top;
}

#headerPicture {
	margin: 0;
	padding: 0;
	width: 970px;
	overflow: hidden;
}

#headerSearch {
	position: absolute;
	top: 25px;
	left: 655px;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 21px;
	background: url(../images/headerSearch.gif) no-repeat left top;
	overflow: hidden;
}

#headerSearch .input {
	position: absolute;
	top: 1px;
	left: 55px;
	margin: 0;
	padding: 1px 4px 0 0;
	width: 188px;
	height: 16px;
	border: #ececec solid 1px;
	background: #ececec;
	color: #666;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

#headerSearch .button {
	display: block;
	position: absolute;
	top: 0;
	left: 249px;
	margin: 0;
	padding: 0;
	width: 31px;
	height: 21px;
	background: none;
	border: none;
	cursor: pointer;
}

#headerMenu {
	position: absolute;
	top: 72px;
	left: 35px;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 30px;
	overflow: hidden;
}

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

#headerMenu ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#headerMenu ul li a {
	display: block;
	float: left;
	margin: 0;
	padding: 7px 0 0 0;
	width: 180px;
	height: 23px;
	background: url(../images/headerMenu-second.gif) no-repeat 0 0;
	text-align: center;
	color: #fff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
#headerMenu ul li a.first {width: 181px; background: url(../images/headerMenu-first.gif) no-repeat 0 0;}
#headerMenu ul li a.last {width: 179px; background: url(../images/headerMenu-last.gif) no-repeat 0 0;}
#headerMenu ul li a:hover {background: url(../images/headerMenu-second.gif) no-repeat 0 -30px;}
#headerMenu ul li a.first:hover {background: url(../images/headerMenu-first.gif) no-repeat 0 -30px;}
#headerMenu ul li a.last:hover {background: url(../images/headerMenu-last.gif) no-repeat 0 -30px;}

/*-------------------------------------------------------------------------------------------------
main
-------------------------------------------------------------------------------------------------*/
#main {
	margin: auto;
	padding: 10px 35px 0 35px;
	width: 900px;
	border-top: #ce1016 solid 2px;
	border-bottom: #ce1016 solid 2px;
	background: #ebebeb;
	text-align: left;
	overflow: hidden;
}

#mainLeft { 
	margin: 0;
	padding: 15px 20px 0 20px;
	width: 560px;
	overflow: hidden;
}

#mainRight {
	margin: 0;
	padding: 0 ;
	width: 300px;
	overflow: hidden;
}

#mainLeft h1 {
	margin: 0 0 0 -20px;
	padding: 0 0 20px 17px;
/*	padding: 0 0 20px 0;*/
	color: #cc0000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
/*	background: url(../images/hPointer.gif) no-repeat 0 6px;*/
}

#mainLeft p {
	margin: 0;
	padding: 0 0 15px 0;
	color: #666;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#main ul {
	margin: 0;
	padding: 0;
}

#main ul ul {
	margin: 0;
	padding: 0 0 15px 20px;
}

#main li {
	margin: 0;
	padding: 0 0 0 11px;
	list-style: none;
	background: url(../images/ulPointer.gif) no-repeat 0 6px;
}

#mainRight div.mainRightMenu {
	margin: 0 0 10px 0;
	width: 300px;
	height: 30px;
	overflow: hidden;
}

#mainRight .mainRightMenu a {
	display: block;
	padding: 9px 0 0 37px;
	width: 263px;
	height: 21px;
	background: url(../images/mainRight-menu.gif) no-repeat 0 0;
	color: #cf1f1f;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
#mainRight .mainRightMenu a:hover, #mainRight .mainRightMenu a.press {color: #666; background: url(../images/mainRight-menu.gif) no-repeat 0 -30px;}
#mainRight .mainRightMenu a.press:hover {cursor: default;}

.mainRight-text {
	margin: 0;
	padding: 0 20px 0 17px;
}

.mainRight-text h2 {
	display: block;
	margin: 0 20px 0 -17px;
	padding: 0 0 10px 17px;
	color: #cc0000;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
/*	background: url(../images/hPointer.gif) no-repeat 0 6px;*/
}

.mainRight-text h2.text {
	display: block;
	margin: 0 20px 0 -17px;
	padding: 2px 0 10px 17px;
	color: #666;
/*	display: inline;*/
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
/*	background: url(../images/hPointer.gif) no-repeat 0 6px;*/
}

.mainRight-text a.title {
	display: block;
	margin: 0 20px 0 -17px;
	padding: 0 0 15px 17px;
	color: #cc0000;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	background: url(../images/hPointer.gif) no-repeat 0 6px;
}
.mainRight-text a.title:hover {text-decoration: none;}

.mainRight-text img {padding: 0 0 15px 0;}

#mainBottom {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 50px;
	font-size: 0;
	line-height: 0;
}

#mainNews {
	margin: auto;
	padding: 30px 35px 0 5px;
	width: 930px;
	border-top: #ce1016 solid 2px;
	border-bottom: #ce1016 solid 2px;
	background: #ebebeb;
	text-align: left;
	overflow: hidden;
}

#mainColumn {
	margin: 0;
	padding: 0 0 0 30px;
	width: 280px;
	overflow: hidden;
}

#mainButton-archive {
	margin: 0;
	padding: 0;
	width: 930px;
	height: 80px;
	overflow: hidden;
}

#mainButton-archive a {
	display: block;
	margin: 0 0 0 630px;
	padding: 9px 0 0 37px;
	width: 263px; /*width: 243px;*/
	height: 21px;
	background: url(../images/mainRight-menu.gif) no-repeat 0 0; /*background: url(../images/mainButton-archive.gif) no-repeat 0 0;*/
	color: #cf1f1f;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
#mainButton-archive a:hover {color: #666; background: url(../images/mainRight-menu.gif) no-repeat 0 -30px;}
/*-------------------------------------------------------------------------------------------------
bottom
-------------------------------------------------------------------------------------------------*/
#bottom {
	position: relative;
	margin: auto;
	padding: 0;
	width: 970px;
	height: 93px;
	background: url(../images/bottom.gif) no-repeat left top;
}

#bottomDesign {
	position: absolute;
	top: 28px;
	left: 795px;
	width: 140px;
	height: 45px;
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow: hidden;
}

#bottomDesign a {
	color: #cc0000;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
	overflow: hidden;
}
#bottomDesign a:hover {text-decoration: none;}

/*-------------------------------------------------------------------------------------------------
library
-------------------------------------------------------------------------------------------------*/
#library a.roll {
	display: block;
	float: none;
	margin: 0 0 0 -15px;
	padding: 0 0 15px 13px;
	background: url(../images/ulPointer-s.gif) no-repeat 0 5px;
	color: #cc0000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	cursor: pointer;
}

#library a.unroll {
	display: block;
	float: none;
	margin: 0 0 0 -20px;
	padding: 15px 0 0 17px;
	background: url(../images/hPointer.gif) no-repeat 0 21px;
	color: #cc0000;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
}

#library div {
	display: none;
	/*position: relative;*/
	margin: 0;
	padding: 0 0 30px 0;
	color: #666;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#library div p {
	margin: 0;
	padding: 0 0 15px 0;
}

#library div p.abstract {
	margin: 0;
	padding: 0;
	color: #cc0000;
}

#library div a.read {
	display: block;
	/*position: relative;
	bottom: 0;
	left: 0;*/
	margin: 0;
	padding: 9px 0 0 37px;
	width: 60px;
	height: 21px;
	background: url(../images/mainButton-read.gif) no-repeat 0 0;
	color: #cf1f1f;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
#library div a.read:hover {color: #666; background: url(../images/mainButton-read.gif) no-repeat 0 -30px;}

/*#library div a.close {
	display: block;
	position: relative;
	bottom: 30px;
	left: 107px;
	margin: 0;
	padding: 9px 0 0 37px;
	width: 136px;
	height: 21px;
	background: url(../images/mainButton-close.gif) no-repeat 0 0;
	color: #cf1f1f;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
#library div a.close:hover {color: #666; background: url(../images/mainButton-close.gif) no-repeat 0 -30px;}

#library div .height30 {margin: 0; padding: 0; height: 30px;}*/