Цвет фона и шрифта

#background {
	background-color: #f8fce5;
}

body {
	background-color: #f8fce5;
}

#framework,#smorodina_name,#logo,#smorodina,#top,#slogan,B#motto,#club,#amenu,A.amenu,#menu,A.menu,#basic,#basic_articles,A.basic,em,A.em,A.em:visited,#supplementary,#supplementary_index
	{background-color: #f8fce5;
	color: #333;}

#framework,#supplementary_index	{
	background-color: #f8fce5;
}

#top,em,div.add {
	background-color: #f8fce5;
	color: #cccccc;
}

A.menu,#T1R1C1,#T1R1C2,#T1R1C3,#T1R1C4,#T1R1C5,#T1R1C6 {
	background-color: green;
	color: #f8fce5;
}

#amenu {
	color: green;
}

B#motto {
	color: #fe0000;
}

#slogan,#mother {
	color: green;
}

#logo {
	color: #fe0000;
}

Стили и варианты шрифта

#framework,#smorodina,#slogan,B#motto,#club,div#menu,TABLE#tmenu,A.menu,a#T1R1C3	{
	font-family: Verdana, sans-serif;
}

#T1R1C3	{
	font-family: Verdana, sans-serif;
}

#framework,#smorodina,#slogan,B#motto,#club,div#menu,TABLE#tmenu,A.menu,#supplementary_index,A.important
	{
	font-family: Verdana, sans-serif;
}

#top,#amenu,A.amenu,#basic,#basic_articles,A.basic,em,A.em,div.add,div.add,div.add,div.add,#supplementary
	{
	font-family: Georgia, serif
}

#smorodina,#slogan {
	font-weight: normal;
}

em,A.em {
	font-style: normal;
}

#motto {
	font-weight: bold;
}

p.writer {
	font-style: italic;
}

Размер шрифта

#framework,#club,#amenu,A.amenu,#menu,TABLE#tmenu,A.menu,#basic,#basic_Articles,A.basic,p,#supplementary,#supplementary_index,#T1R1C3,A.important
	{
	font-size: 14px;
}

#T1R1C3
	{
	font-size: 14px;
}

#smorodina,#slogan {
	font-size: 22;
}

#top,em,A.em,div.add {
	font-size: 11px;
}



Расстояние между буквами

B#motto {
	letter-spacing: 7px;
}

#club {
	letter-spacing: 7px;
}

a#T1R1C3
{
	letter-spacing: 7px;
}

Межстрочный интервал

#supplementary,#supplementary_index {
	line-height: 2;
}

#basic #basic_articles {
	line-height: 1, 5;
}

#amenu {
	line-height: 3;
}

Высота,поля,отступы

#background {
	;
	}

#framework {
	height: 800;
}

#top {
	height: 35;
	padding-top: 10px;
}



#slogan {
	height: 65;
}

img#slogan {
	height: 44;
}

#club {
	height: 20;
	padding-left: 0px;
}

#menu {
	height: 25;
}

TABLE#tmenu,tr {
	height: 21;
}

#logo {
	height: 66;
	padding-top: 0px;
	z-index: 3;
}

#basic,#basic_articles {
	height: 700;
	padding-top: 20px;
	line-height: 1, 5;
}

#amenu {
	height: 590;
	padding-top: 59px;
}

#supplementary {
	height: 600;
	padding-top: 40px;
}

div.photo {
	height: 190;
}


IMG#mother {
	height: 290;
}

IMG.photo_gorizont {height: 186;}
IMG.photo_vertical {height: 250;}

IMG#picasso {height: 133;}

Ширина

#background {
	width: 100%;
	}

#framework {
	width: 1000;
}

#T1R1C1,#T1R1C2,#T1R1C3,#T1R1C4,#T1R1C5,#T1R1C6 {
	width: 120;
}

#smorodina {
	width: 199;
}

#logo {
	width: 190;
}

#amenu,#supplementary,#supplementary_index {
	width: 179; //
	width: 199px;
}

IMG#mother {
	width: 220;
}

#top,#slogan,#menu {
	width: 599;
}

img#slogan {
	width: 500;
}

#club {
	width: 590; //
	width: 599px;
	padding-left: 9px;
}

#basic, div.add {
	width: 559; //
	width: 600px;
}

#basic_articles {
	width: 778; //
	width: 799px;
}

#amenu,#basic {
	padding-right: 20px;
}

#basic,#basic_articles,#supplementary {
	padding-left: 20px;
}

IMG.photo_gorizont {
	width: 250;
}

IMG.photo_vertical {
	width: 186;
}

IMG.photo_gorizont {width: 250;}
IMG.photo_vertical {width: 186;}

IMG#picasso {width: 131;}


Выравнивание

#framework,#T1R1C1,#T1R1C2,#T1R1C3,#T1R1C4,#T1R1C5,#T1R1C6,TABLE#tmenu 
    {
	text-align: center;
	vertical-align: bottom;
}

#menu,#smorodina {
	text-align: center;
	vertical-align: bottom;
}

#menu,#amenu,#basic,#basic_articles,#supplementary {
	text-align: justify;
	vertical-align: top;
}

#slogan {
	text-align: center;
	vertical-align: middle;
}

div.add {
	text-align: center;
}

#top {
	text-align: right;
	vertical-align: top;
}

#club {
	text-align: center;
	vertical-align: bottom;
}

em,A.em {
	text-align: right;
}

p.writer, p.epigraph {
	text-align: right;
}


Позиционирование








#logo {
        float:left;
        width: 100px;
	top: 51;
	left: 40;
	right: auto;
	bottom: auto;
}

div#top {
        float: right;
	width:300px;
	top: 0;
	left: 240;
	right: auto;
	bottom: auto;
}

div#1counter {
	
	top: 12;
	left: 912;
	right: auto;
	bottom: auto;
}

div#slogan {
         float: right;
        width:700px;
	margin:0px 0px 0px 200px
        left: 240;
	right: auto;
	bottom: auto;
}

div#club {
        float: right;
        width:1300px;
        margin:0px 0px 0px 0px
	top: 100;
	left: 200;
	bottom: auto;
}

div#menu {
        float: right;
        width:970px;
       	top: 120;
	left: 240;
	right: auto;
	bottom: auto;
}

div#amenu {
	float:left;
        width: 200px;
	top: 120;
	left: 40;
	right: auto;
	bottom: auto;
	z-index: 0;
}

#basic {
	margin:0px 300px 0px 270px;
	top: 47;
	left: 240;
	right: auto;
	bottom: auto;
	z-index: 2;
}

#basic_articles {
	
	top: 147;
	left: 240;
	right: auto;
	bottom: auto;
	z-index: 2;
}

div#supplementary {
	float:right;
	width:200px;
	top: 120;
	left: 840;
	right: auto;
	bottom: auto;
	line-height: 2;
}

div#supplementary_index
{
	float:left;
        width:150px;
	top: 460;
	left: 20;
	right: auto;
	bottom: auto;
	z-index: 4;
}

IMG#mother {
	
	top: 165;
	left: 10;
	right: auto;
	bottom: auto;
	z-index: 3;
}



#r1c1 {
	
	top: 80;
	left: 37.5;
	right: auto;
	bottom: auto;
	z-index: 12;
}

#r1c2 {
	
	top: 90;
	left: 225;
	right: auto;
	bottom: auto;
	z-index: 11;
}

#r1c3 {
	
	top: 100;
	left: 412.5;
	right: auto;
	bottom: auto;
	z-index: 10;
}

#r2c1 {
	
	top: 203;
	left: 37.5;
	right: auto;
	bottom: auto;
	z-index: 9;
}

#r2c2 {
	
	top: 213;
	left: 225;
	right: auto;
	bottom: auto;
	z-index: 8;
}

#r2c3 {
	
	top: 223;
	left: 412.5;
	right: auto;
	bottom: auto;
	z-index: 7;
}

#r3c1 {
	position: absolute;
	top: 326;
	left: 37.5;
	right: auto;
	bottom: auto;
	z-index: 6;
}

#r3c2 {
	position: absolute;
	top: 336;
	left: 225;
	right: auto;
	bottom: auto;
	z-index: 5;
}

#r3c3 {
	position: absolute;
	top: 346;
	left: 412.5;
	right: auto;
	bottom: auto;
	z-index: 4;
}

#r4c1 {
	position: absolute;
	top: 449;
	left: 37.5;
	right: auto;
	bottom: auto;
	z-index: 3;
}

#r4c2 {
	position: absolute;
	top: 459;
	left: 225;
	right: auto;
	bottom: auto;
	z-index: 2;
}

#r4c3 {
	position: absolute;
	top: 469;
	left: 412.5;
	right: auto;
	bottom: auto;
	z-index: 1;
}

#lullabies1 {
	position: absolute;
	top: 427;
	left: 20;
	right: auto;
	bottom: auto;
	z-index: 1;
}

#lullabies2 {
	position: absolute;
	top: 427;
	left: 287;
	right: auto;
	bottom: auto;
	z-index: 1;
}

#lullabies3 {
	position: absolute;
	top: 427;
	left: 574;
	right: auto;
	bottom: auto;
	z-index: 1;
}

#lullabies4 {
	position: absolute;
	top: 700;
	left: 20;
	right: auto;
	bottom: auto;
	z-index: 1;
}

#lullabies5 {
	position: absolute;
	top: 700;
	left: 287;
	right: auto;
	bottom: auto;
	z-index: 1;
}

#lullabies6 {
	position: absolute;
	top: 700;
	left: 574;
	right: auto;
	bottom: auto;
	z-index: 1;
}

#lullabies_further {
	position: absolute;
	top: 960;
	left: 20;
	right: auto;
	bottom: auto;
	z-index: 1;
}

object {
	position: absolute;
	top: 100;
	left: 100;
	right: auto;
	bottom: auto;
	z-index: 1;
}


Рамки

#framework,#top,#logo,#menu,#amenu,IMG#mother,#basic,#basic_Articles,#timetable,#supplementary,#smorodina,#slogan,em,A.basic,A.em,div.add,div.add,_history,#club
	{
	border-style: none;
	border-color: red;
	border-width: 2px;
}



Ссылки

A.supplementary_index:visited,A.supplementary_index,A.supplementary_index:hover {
	background-color: #f8fce5;
	color: green;
}

A.menu:visited,A.menu {
	background-color: green;
	color: #f8fce5;
}

A.menu,A.amenu,A.em,A.private,A.arrows,a#T1R1C3,A.important {
	text-decoration: none;
}

A.menu:hover,A.basic:hover,A.em:hover,A.private:hover {
	text-decoration: underline;
}

A.amenu,A.amenu:visited {
	background-color: #f8fce5;
	color: green;
}

A.arrows,A.arrows:visited {
	background-color: #f8fce5;
	color: green;
}

A.amenu:hover,A.basic:hover {
	color: #fe0000;
}

A.menu:hover {
	font-weight: normal;
}

A.amenu:visited,A.arrows,A.arrows:visited {
	font-weight: 900;
}

A.arrows:hover {
	color: #fe0000;
	font-weight: normal;
}

A.amenu {
	font-weight: 900;
}

A.basic,A.basic:visited {
	background-color: #f8fce5;
	color: #333;
}

A.amenu:hover,A.basic:hover {
	color: #fe0000;
}

A.em,A.em:visited {
	background-color: #f8fce5;
	color: #cccccc;
}

A IMG.photo_gorizont {
	width: 150;
	height: 93;
	border-style: none;
}

A IMG {
 border: none;
}

A:visited IMG.photo_gorizont {
	width: 148;
	height: 91;
	border-style: none;
}

A:hover IMG.photo_gorizont {
	width: 152;
	height: 95;
	border-style: none;
}

A.important,A.important:visited {
	background-color: #f8fce5;
	color: green;
}
A.important:hover {
	background-color: #f8fce5;
	color: #fe0000;
}

Список

#first {
	list-style-type: circle;
}




