/*Делаем чтобы макет прижимался вплотную, т.е. убираем любые возможные оступы*/
body,html{
margin:0px;
padding:0px;
}
/*Стиль общей таблицы. Если нужен резиновый макет, нужно ширину задать 100% и убрать рамку, т.к. с ней будет некрасиво*/
#container {
width:100%;
height:100%;
border:1px solid gray;
margin:0 auto;
}
/*Делаем нужное выравнивание в ячейках таблицы*/
#container  td{
vertical-align:top
}
/*Стиль шапки сайта*/
#header {
background-color:#FFFFFF;
border-bottom:6px solid black;
height:100px;
}



/*  Стили для внутренней таблицы */

#maket {
height:100%;
width:100%;
}
/*Стили левой колонки(там где обычно меню)*/
#left_column{
width:180px;
background-color:#336633;
border-right:3px solid black;
}
/*Стили  колонки с основным содержанием*/
#main_column {
padding:3px;
background-color :#FFF8D2 ;

}
/*  Конец стилей для внутренней таблицы        */

/*стиль подвала сайта*/
#footer{
background-color:#999999;
border-top:6px solid black;
height:10px; 
}
h1{color:red;;
font-family:   "Times New Roman", serif;
font-style:normal;
font-weight: bold;
font-size:36px;
text-align:center;
letter-spacing: 5px;
word-spacing: 15px;
padding:10px;
}

h2{color:#006633;
font-family: "Times New Roman", serif;
font-style:normal;
font-weight: bold;
font-size:28px;
text-align:center;
letter-spacing: 2px;
word-spacing:5px;
}
h3{color:red;;
font-family:"Times New Roman", serif;
font-style:normal;
font-weight:bold;
font-size:24px;
text-align:top
}
h4{color:green;
font-family:"Times New Roman", serif;
font-style:italic ;
font-weight: bold;
font-size:20px;
text-align:center
margin:1px;
padding:10px;text-decoration:underline;

}
h5{color:red;;
font-family:"Times New Roman", serif;
font-style:italic ;
font-weight:none;
font-size:16px;
text-align:center;
text-decoration:underline;
}
P {color: blak;
font-family: "Times New Roman", serif;
font-style:normal;
<!font-weight: normal;
font-size:16px;
text-align:justify;
text-indent: 30px;
margin:1px;
padding:10px;}

.blak{color: blak;
font-family: "Times New Roman", serif;
font-style:italic ;
<!font-weight: normal;
font-size:16px;
text-align:justify;
margin:20px;
padding:10px
}
.green{color: green;
font-family: "Times New Roman", serif;
font-style:italic ;
<!font-weight: normal;
font-size:16px;
text-align:justify;
margin:20px;
padding:10px
}
ol{list-style-type:square;}
ul{list-style-type: decimal;}
a:link {
color:blak;
padding:10px;
}
a:visited {
color:red;
padding:10px;
}
a:hover { 
color:blak; 
text-decoration:none;
padding:10px;
}
a:active {
color:blak; 
text-decoration:none;
padding:10px;
}

.box1 {
width:200px;
height:200px;
border:1px solid red;
background-color:orange;
}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 100%; /* Main Menu Item widths */
border-bottom: 1px solid blak;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#336633; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left ; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
#MainMenu 
{
	width:100%;
	height:48px;
	background:"img/1f.jpg";
      
	padding:0;
	margin:0px 0 0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
        aligh:center;
	margin:2px;
         padding-left:38%;
}
#tab ul 
{
	list-style:none;
	float:center;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:center;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(images/bright_033.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/bleft_033.gif) no-repeat left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:700;
	line-height:39px;
	padding:0 20px 0 20px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#000;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	background:#FFF;
	color:#FFF;
	z-index:100;
	text-decoration:none;
	border-color:#306;
	border-style:solid;
	border-width:2px;
	padding:5px;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0 #000;
	color:#FFF;
	background:url(images/bleft_033.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:39px;
	background:url(images/bright_033.gif) no-repeat right top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	float:none;
	padding:0 18px 0 16px;
}
.dropmenudiv a:hover 
{
	border:0 #000;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}