body {
	margin: 0; background-color: #999999; background-image: url(files/fon.jpg);

}

p.p {padding: 60 20 80 10;}
p.c {padding: 10 20 80 10;}
p.m {padding: 20 0 15 0;}

table.i{
		border: 1px solid black; 
		margin-top: 20; margin-left: 80px; margin-right: 50px;
		}

table.i td {
		border: 1px solid black; 
		}

h1 {margin-top: 60; font-size: 20px;}

#right {
		width: 824;
		background-color: #999999; background-image: url(files/fon.jpg);
		float: left;
}

#left {
		width: 176;
		background-color: #999999; background-image: url(files/fon.jpg);
		float: left;
}

div#left ul { margin-right: 30px;}

div#left ul li.aa {
		list-style: none;
		margin-top: 0px;
}

div#left ul li.bb {
		list-style: none;
		margin-top: 40px;
}

div#left ul li.cc {
		list-style: none;
		margin-top: 80px;
}

div#left ul li.aa a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/mailto.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 
}

div#left ul li.aa a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/mailto1.jpg);
}

div#left ul li.bb a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/pdd.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 
}

div#left ul li.bb a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/pdd1.jpg);
}

div#left ul li.cc a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/friends.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 
}

div#left ul li.cc a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/friends1.jpg);
}

#container {
		width: 1000px;
		background-color: #9fff99; background-image: url(files/fon.jpg);
}

#textarea {
		margin-top: 20px; margin-left: 23px;
		
		text-align: left;
		width: 766px; min-height: 552px;
		font: Tahoma 12px ;
		background-color: #333333;  background-image: url(files/fon_t.jpg); background-repeat: repeat-y;
		border: 6px outset  #DDDDDD;
}

#nav { margin-top: 30px; margin-right: px; margin-left: 0px;}

div#nav ul li {
		list-style: none;
		display: inline;
}

div#nav ul li a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/index.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 
}

div#nav ul li a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/index1.jpg);
}


div#nav ul li.b a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/course.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 		margin-left: 4px;
}


div#nav ul li.b a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/course1.jpg);
}

div#nav ul li.c a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/instructors.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 		margin-left: 5px;
}


div#nav ul li.c a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/instructors1.jpg);
}

div#nav ul li.d a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/garage.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 		margin-left: 4px; 
}


div#nav ul li.d a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/garage1.jpg);
}

div#nav ul li.e a
{
		height: 30px; width: 100px; 
		background-image: url(files/images/buttons/sbs.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 		margin-left: 5px;
}


div#nav ul li.e a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/sbs1.jpg);
}

div#nav ul li.f a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/photos.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 		margin-left: 4px;
}


div#nav ul li.f a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/photos1.jpg);
}

div#nav ul li.g a
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/forum.jpg);
		padding: 0 100 12 0 ;
		border: 3px outset  #DDDDDD; 		margin-left: 3px; margin-right: 17px;
}


div#nav ul li.g a:hover
{
		height: 30px; width: 100px;
		background-image: url(files/images/buttons/forum1.jpg);
}


