.h1 {
        text-align: left;
        font-size: 36px;
        line-height: 36px;
        font-family: Georgia, serif;
        font-weight: bold;
        position: relative;
        color: #000;
    }
    .h1 span {
        position: absolute;
        top: -4px;
        left: -3px;
        padding-right: 3px;
        color: #fff;
    }



h1 {
	color: #ffffff;
    border-color: #000000;
    text-align:left;
    font-family: serif;
	font-weight: bolder;
	font-size:xx-large;
	font-variant: small-caps;
#	opacity: 0.7;
}

body {
 background-color: #ffffff;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
# font-size:12px;
 font-family: Arial, helvetica, sans-serif;
 font-size: 0.87em;
# font-family: verdana, arial, sans-serif;
} 

table.maintable {
    border-style: solid;
    border-top-style: none;
    border-color: #000000;
    border-width: 1px;
    background-color: #cccccc;
}

td {
-moz-border-radius: 6px 6px 6px 6px;
font-size:12px;
background-color:#cccccc;
}

td.leftcolumn {
    -moz-border-radius: 0px 0px 0px 0px;
    border-right-style: dotted;
    border-right-width: 1px;
    font-size:12px;
}

td.rightcolumn {
    -moz-border-radius: 0px 0px 0px 0px;
    border-left-style: dotted;
    border-left-width: 1px;
    font-size:12px;
}

td.mapcolumn {
    -moz-border-radius: 0px 0px 0px 0px;
    border-top-style: dotted;
    border-top-width: 1px;
    font-size:12px;
}

td.bottomcolumn {
    -moz-border-radius: 0px 0px 0px 0px;
    border-top-style: dotted;
    border-top-width: 1px;
    font-size:12px;
}

input.form {
  color:#993300;
//  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fff;
//  border:1px solid;
//  border-color: #696 #363 #363 #696;
}

a:link, a:visited, a:active {
	color : #993300;
	text-decoration : none;
	font-weight: bold;
}

a:hover {
	color : orange;
	text-decoration : underline;
	}

a.cloud {
    font-weight: normal;
}

span.title {
	font-weight: bold;
	font-size: 120%;
}

div.title {
        font-weight: bold;
	background-color: #aaaacc;
        font-size: 120%;
}

div.webcamera {
	padding: 5px;
	font-size:12px;
//	float:left;
//      position: relative;   
//      top: 0px;   
//      left: 20px;   
}

div.stats {
	float:left;
	position: relative;
	left: 20px;
	background-color:#cccccc;
}

td.header {
	height: 120px;
	background-image: url("/cgi/header.cgi");
    //background-image: url("/img/header.jpg");
	background-repeat: no-repeat;
	vertical-align:top;
}

td.photo {background-color:#cccccc;
			font-size:12px}

div#bottomnav {
	width=100%;
	float:left;
	vertical-align: bottom;
}

div#bottomnav li {
   float: left;
   padding: 0px;
//   list-style-type: none;
   margin: 0 10px 0 5px;
}

div#menunav {
   width: 100%; /* задаем ширину для div */
   float: left;  /* добавляем список в div */
   font-size: 120%;  /* задаем размер шрифта */
   background: transparent;  /* фоновый цвет div */
   padding: 0 0 0 0px;  /* отступ ul от края контейнера */
   vertical-align: bottom;
}

* html div#menunav ul {
   float: left;  /* заставляет ul вместить все li */
   margin-left: 0px;  /* IE удваивает заданное значение */
   border-top: 1px  solid  #000000;
}
* html div#menunav a {
  display: block;  /* IE 5 и 5.5 принимает заданный отступ */
}
div#menunav li {
   float: left;   /* располагаем список по горизонтали */
   list-style-type: none;    /* удаляем маркеры */
   background-color: #cccccc;   /* задаем фоновый цвет элементов меню */
   border-right: 5px solid transparent;
margin: 0 5px 0 0;
padding: 10;
}

div#menunav a {
   text-decoration: none;   /* удаляем подчеркивание ссылок */
   padding: 0px 10px 0px 10px;  /* создаем пространство с обеих сторон текста пункта меню */
}

div#menunav a:hover {
   color: #876543;
}
div#menunav li:hover {
   background-color: #ffffff;  /* задает фон пунктов списка */
}