/* general */
* {
	margin: 0;
	padding: 0;
	border: 0
}

html, body {
	width: 100%;
	font: 62.5%/1.4 Georgia, 'Times New Roman', serif;
	height: 100%
}

body {
	font-size: 1.3em;
	min-height: 100%;
	height: 100%;
	color: #585858;
	background: #B2B2B2;
	text-align: left
}


/* container */
#page {
	background: url('/data/i/site/backGen.gif') #B2B2B2;
	position: relative;
	min-width: 1000px;
	height: auto !important;
	min-height: 100%;
	height: 100%
}

*html #page {
	width: expression(document.body.clientWidth > 1000? "100%" :"1000px")
}

#guarator {
	height: 5em;
	clear: both;
	overflow: hidden
}


/* head */
#head {
	width: 100%;
	position: relative;
	overflow: hidden
}

#logo {
	width: 248px;
	height: 61px;
	margin-top: -20px;
	margin-right: 20px;
	float: right
}


/* content */
#littleMenu {
	padding-top: 30px;
	font-size: 0;
	margin-left: 38%;
	padding-bottom: 0
}

#littleMenu a {
	margin-right: 53px
}

#content {
	position: relative;
	top: -110px;
	clear: both;
	height: auto !important;
	width: 100%
}

#leftContent {
	padding-top: 140px;
	width: 223px;
	float: left
}

#menuTop {
	padding-left: 55px
}

#menuTop a {
	color: #FFFFFF;
	font-weight: 700;
	padding-bottom: 6px;
	display: block;
	font-family: Arial, sans-serif
}

#rightContent {
	overflow: hidden;
	height: 100%
} 

#diceTop {
	padding-left: 80px;
	position: relative;
	margin-bottom: -3px
}

#diceTop img {
	float: left;
	margin-right: 10px
}

#diceTop div {
	font-size: 0;
	float: left
}

#rightContent .borderTop {
	height: 50px;
	overflow: hidden;
	background: url('/data/i/site/borderTop.gif') top left repeat-x
}

#rightContent .borderBottom {
	height: 50px;
	overflow: hidden;
	background: url('/data/i/site/borderBottom.gif') top left repeat-x;
	margin-bottom: 35px
}


/* footer */
#footer {
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	height: 5em;
	margin-top: -5em;
	background: url('/data/i/site/backFooter.gif') top left #BABABA
}

*html #footer {
	width:expression(document.body.clientWidth > 1000? "100%" :"1000px")
}

#copy {
	float: right;
	width: 150px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-top: 10px;
	color: #FFFFFF;
	font-style: italic;
	font-size: 0.9em
}

#copy a {
	color: #FFFFFF
}

.line {
	width: 100%;
	padding-bottom: 23px
}

/* text */
h3 {
	color: #FC3E05;
	font-size: 1.51em;
	font-style: italic;
	margin-top: -0.3em;
	padding-bottom: 0.4em;
	font-weight: normal
}

h4 {
	font-style: italic;
	padding-bottom: 8px;
	color: #616161
}

p {
	padding-bottom: 23px
}

ul, ol {
	padding-left: 30px;
	padding-bottom: 23px
}

li {
	padding-bottom: 8px
}

.padtop {
	padding-top: 0.7em
}

div.hr {
	height: 1px;
	font-size: 0;
	background: #C6C6C6;
	border-top: 1px solid #919191
}

img.normal {
	border: 9px solid #FFFFFF;
	margin: 3px;
	margin-top: 0
}

div.topShadow {
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	background: url('/data/i/site/topShadow.gif') left top no-repeat
}

div.rightShadow {
	overflow: hidden;
	float: left;
	background: url('/data/i/site/rightShadow.gif') right top no-repeat
}

div.bottomShadow {
	overflow: hidden;
	float: left;
	background: url('/data/i/site/bottomShadow.gif') right bottom repeat-x
}

div.leftShadow {
	overflow: hidden;
	margin-top: 3px;
	float: left;
	background: url('/data/i/site/leftShadow.gif') left bottom repeat-y
}

img.actIm {

	margin-right: 10px;
	border: 5px solid #FFFFFF
}

img.actPhoto {

	margin-right: 10px;
	border: 2px solid #D7D7D7
}
span.hrMenuActive {
	color: #FC3E05
}

/* links */
a {
	text-decoration: underline;
	color: #616161
}

a:active {
	color: #616161
}

a:hover {
	color: #616161;
	text-decoration: none
}

a.addBooks {
	font-size: 1.3em;
	text-decoration: none;
	border-bottom: 1px dashed #616161;
	color: #616161
}

a.menu {
	font-size: 1.2em;
	text-decoration: none;
	border-bottom: 1px dashed #616161;
	color: #616161
}

a.panorama {
	font-size: 1.5em;
	color: #FC3E05
}

a.act {
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 1em;
	color: #616161
}
/* form */
label {
	vertical-align: top;
	cursor: pointer
}

input, select {
	width: 250px;
	padding: 5px;
	font-size: 10pt;
	border: 1px solid #AEA489;
	background: #F8F4E4
}

textarea {
	width: 100%;
	height: 10em;
	padding: 5px;
	font-size: 10pt;
	background: #F8F4E4;
	border: 1px solid #AEA489
}

.button {
	width: 150px;
	border: 2px solid #AEA489;
	color: #585858;
	font-size: 9pt;
	background: #FFFFFF;
	cursor: pointer
}


/* style */
.navigation {
	padding: 0px 4px 1px 3px;
	background-color: #CCCCCC
}

.arrow {
	text-decoration: none;
	font-size: 1.3em;
	position: relative;
	top: 1px
}

.small {
	font-size: 0.7em;
	font-weight: normal;
	color: #949494
}

.form {
	color: #616161;
	font-weight: bold;
	font-size: 0.9em;
	padding-bottom: 20px
}

.captcha {
	float: left;
	width: 100px;
	height: 60px;
	border: 1px solid #AEA489
}


/* photo */
#ImageBoxOverlay {
	background-color: #000000
}

#ImageBoxCaption {
	background-color: #FFFFFF
}

#ImageBoxContainer {
	width: 250px;
	height: 250px;
	background-color: #FFFFFF
}

#ImageBoxCaptionText {
	padding-bottom: 5px
}

#ImageBoxCaptionImages {
	margin: 0
}

#ImageBoxNextImage {
	background-image: url('/data/i/site/imageSpacer.gif');
	background-color: transparent;
}

#ImageBoxPrevImage {
	background-image: url('/data/i/site/imageSpacer.gif');
	background-color: transparent;
}

#ImageBoxNextImage:hover {
	background-image: url('/data/i/site/imageNext.gif');
	background-repeat: no-repeat;
	background-position: right center;
}

#ImageBoxPrevImage:hover {
	background-image: url('/data/i/site/imageBack.gif');
	background-repeat: no-repeat;
	background-position: left center;
}