@charset "utf-8";
/*main.css*/

.hidden{
	display:none;
	}

/*index*/
#bodyIndex{
	outline:0px solid #FF3;	
	background-image:url(../index/img/bg.jpg);
	-moz-background-size: cover;/* Firefox 3.6 */
	background-size: cover;
	background-position:center;
	background-repeat:no-repeat;		
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	margin:0px;
	padding:0px;
	}	
	
.copyright{
	outline:0px solid #FF3;	
	position:fixed;
	left:60px;
	bottom:40px;			
	color: #039;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:11px;
	}
	
div#index{
	outline:0px solid #FF1F55;
	position:relative;
	background-image:url(../index/img/index.png);
	background-repeat:no-repeat;		
	width:1024px;
	height:768px;
	margin:0 auto 16px auto ;
	}

#index a{
	outline:0px solid #FF1F55;
	}
	
#index span{
	outline:0px solid #FF1F55;
	}	
		
#button{
	outline:0px solid #FF1F55;
	width:45px;
	height:45px;	
	position:absolute ;	
	left:758px;
	top:427px;	
	}

.button{
	outline:0px solid #FF1F55;
	width:45px;
	height:45px;
	background-image:url(../index/img/button.png);
	position:absolute;	
	left:758px;
	top:427px;	
	}
	
.buttonHover{
	outline:0px solid #FF1F55;
	width:45px;
	height:45px;
	background-image: url(../index/img/button2.png);
	position:absolute;	
	left:758px;
	top:427px;	
	}
/*index*/

/*оглавление */
body {
	background-color: #220022;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	}
	
#wrapper {
	outline:0px solid #FF3;
	width:800px;
	margin:25px auto;
	}

#leftColumn {
	outline:0px solid #FF3;
	height: 485px;
	width: 220px;
	margin-right: 214px;
	border-right: 3px solid #008000;
	float:left;
	}

#nav{	
	width: 360px;
	border-left: 3px solid #F20002;
	outline:0px solid #FF3;
	float:left;
	margin-bottom:25px;
	}

#leftColumn a{
	display:block;
	float:right;
	width:203px; 
	height:241px; 
	margin-top:115px;
	}
	
#leftColumn hr{
	margin-top:368px;
	}	

#leftColumn h1 {
	margin-top:20px;
	}
	
#nav h1{
	margin-top:3px;
	}
	
#navig{
	list-style-type:none;
	margin-top:68px;
	margin-bottom:25px;
	padding-left:0;
	}
	
#navig li{
	font-weight: bold;
	font-size: 22px;
	margin-bottom:30px;
	}	
	
#navig li a{
	outline: 0px solid #cccccc;
	}
	
#navig li a:link{
	color:#FFFFFF;
	text-decoration: underline;
	}

#navig li a:visited {
	color: #FFFFFF;
	text-decoration: underline;
    }

#navig li a:hover {
	color: #F60;
	text-decoration: none;
	}

#navig li a:active {
	color: #F60;
	text-decoration: none;
	}

.red{
	color:#FF0000 ;
	}
/*оглавление */

/*разделители*/

/*appendix*/
#left{
	outline:0px solid #CCC;
	width:106px;
	height:642px;
	float:left;
	border-right: 3px solid #486727;
	}

#center{
	outline:0px solid #CCC;
	width:322px;
	float:left;
	}

#center h1{
	outline:0px solid #CCC;
	text-align:right;
	color:#FF0000;
	margin-top:116px;
	}

#right{
	outline:0px solid #CCC;
	width:366px;
	float:left;
	border-left: 3px solid #F20002;
	margin-bottom:25px;
	}
	
#left h3{
	outline: 0px solid #cccccc;
	margin-top:550px;
	}
	
#right #navig{
	margin-top:122px;
	}	
/*appendix*/

/*инженер */
#leftEngineer{
	outline:0px solid #CCC;
	width:106px;
	height:642px;
	float:left;
	border-right: 3px solid #666666;
	}
	
#leftEngineer h3{
	outline: 0px solid #cccccc;
	margin-top:550px;
	}
/*инженер */

/*самый гуманный*/
#leftConvictions{
	outline:0px solid #CCC;
	width:106px;
	height:642px;
	float:left;
	border-right: 3px solid #FFFF00;
	}
	
#leftConvictions h3{
	outline: 0px solid #cccccc;
	margin-top:550px;
	}
	
p{
	font-style:italic;
	text-align:right;
	}
.epigraph{
	font-style:italic;
	text-align:right;
	}	
/*самый гуманный*/

/*зритель*/
#leftSpectator{
	outline:0px solid #CCC;
	width:106px;
	height:1240px;
	float:left;
	border-right: 3px solid #712D0E;
	}
	
#leftSpectator h3{
	outline: 0px solid #cccccc;
	margin-top:630px;
	}
/*зритель*/

/*комиссар*/
#navigKomissar {
	outline: 0px solid #cccccc;
	list-style-type:none;
	margin-top:17px;
	padding-left:0;
	}
	
#navigKomissar li{
	outline: 0px solid #cccccc;
	font-weight: bold;
	font-size: 20px;
	margin-bottom:30px;
	}	
	
#navigKomissar li a{
	outline: 0px solid #cccccc;
	}
	
#navigKomissar li a:link{
	color:#FFFFFF;
	text-decoration: underline;
	}

#navigKomissar li a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	}

#navigKomissar li a:hover {
	color: #F60;
	text-decoration: none;
	}

#navigKomissar li a:active {
	color: #F60;
	text-decoration: none;
	}

#add, #ref{
	outline: 0px solid #CCC;
	font-style: italic;
	color: #FF0000;
	}
	
/*комиссар*/

/*writer*/
#leftWriter{
	outline:0px solid #CCC;
	width:106px;
	height:642px;
	float:left;
	border-right: 3px solid #712D0E;
	}
	
#leftWriter h3{
	outline: 0px solid #cccccc;
	margin-top:550px;
	}
/*writer*/

/*тарас бульба*/
.low{
	font-size: 12px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;     
	}
	
#center #refBulba {
	outline: 0px solid #CCC;
	font-style: italic;
	text-align: right;
	color: #FF0000;
	margin-top: 227px;
	}
	
#leftBulba{
	outline:0px solid #CCC;
	width:106px;
	height:824px;
	float:left;
	border-right: 3px solid #F86956;
	}
	
#leftBulba h3{
	outline: 0px solid #cccccc;
	margin-top:630px;
	}
/*тарас бульба*/

/*малая родина*/
#leftSmalland{
	outline:0px solid #CCC;
	width:106px;	
	float:left;
	border-right: 3px solid #6A574B;	
	}
	
#leftSmalland h3{
	outline: 0px solid #cccccc;
	margin-top:630px;
	}
/*малая родина*/

.right{ 
	text-align:right;	
	}

/*малая родина источники информации*/

#leftSmallandInfo{
	outline:0px solid #CCC;
	width:106px;	
	float:left;	
	}
	
#leftSmallandInfo h3{
	outline: 0px solid #cccccc;
	margin-top:630px;
	}

.infosourse{
	outline:0px solid #CCC;
	width:685px;	
	float:left;	
	margin-bottom:25px;border-left: 3px solid #6A574B;
	}
	
#navig li.lowInfo{
	font-size:16px;
	}	
/*малая родина источники информации*/

/*разделители*/