* { 
margin: 0px; 
padding: 0px; 
}

BODY, TD, P  { font-size : 12px; font-family : verdana, helvetica, arial, sans-serif; color : #2A2323; line-height : 1.5em;}

P {margin-top : 0; margin-bottom : 1em;}

BODY {
  margin : 0;
  color : #2A2323;
  background : #8E84B7 url(images/bg_body.jpg) bottom left repeat-x;
  text-align: center;
}

ul { list-style-position: outside; margin-left : 1em; margin-bottom : 1em; }
li {margin-left : 1.33em;}

h1 {font-weight : bold; font-size : 22px; color : #387273; margin-bottom : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h2 {font-weight : bold; font-size : 18px; color : #387273; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h3 {font-weight : bold; font-size : 16px; color : #387273; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h4 {font-weight : bold; font-size : 14px; color : #387273; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h5 {font-weight : bold; font-size : 12px; color : #387273; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h6 {font-weight : bold; font-size : 11px; color : #387273; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}

A  {color : #8544AB; font-weight : bold; text-decoration : none;}
A:Visited  { color : #8544AB; font-weight : bold; text-decoration : none;}
A:Active  { color : #8544AB; font-weight : bold; text-decoration : none;}
A:Hover  { color : #A380B7;	font-weight : bold; text-decoration : underline;}

hr {
  width : 85%;
  text-align : center;
  margin : 5px auto;
  border : 0;
  border-bottom : 2px dotted #0B7B7B;
  color : fff;
  background : none;
}

div#wrapper {
   width: 850px;
   margin: 20px auto 20px auto;
   background : #fff;
   text-align: left;
}

div#header {
  position : relative;
  width : 850px;
  height : 220px;
}

img#obceplogo {
  position : absolute;
  top : 0px;
  left : 10px;
  z-index : 10;
}

img#hd_photo {
  position : absolute;
  top : 65px;
  right : 10px;
  z-index : 5;
}

ul#topnav {
  font: normal 14px Verdana, Arial, sans-serif;
  color : #fff;
  background : #fff;
  position : absolute;
  top : 10px;
  right : 10px;
  margin : 0;
  padding : 0;
}

ul#topnav li {
  list-style: none;
  margin : 0;
  float : left;
  display : inline;
  height : 43px;
  overflow : hidden;
}

ul#topnav li a, ul#topnav li a:link, ul#topnav li a:visited
{
  text-transform : uppercase;
  text-decoration: none;
  color : #fff;
  font-weight : bold;
  float : left;
  padding : 14px 10px;
  margin-right : 5px;
}

.bg1 {background : #E3AEC9;}
.bg2 {background : #AB7993;}
.bg3 {background : #8544AB;}
.bg4 {background : #8AB4BA;}

form#searchform {
  padding : 12px 10px 11px 10px;
}

form#searchform input {
  font-size : 14px;
  border : none;
}

input#submitbutton {
  background : #C3BED9;
  margin-left : 3px;
}
 

ul#topnav li a:hover {
  color : #fff;
  background : #89543D;
}

div#content-wrapper {
  background : #fff url(images/bg_content.gif) top left repeat-y;
}

ul#sidenav {
  float : left;
  font: normal 13px "Trebuchet MS", Verdana, sans-serif;
  color : #000;
  margin : 0 0 0 0;
  padding : 0 0 0 30px;
  list-style: none;
  width : 162px;
}

ul#sidenav li {  
  margin : 0;
  padding : 0;
  width : 162px;
  position: relative;
  z-index : 12;
}

ul#sidenav li ul {
	position: absolute;
	left: 162px; 
	top: 0;
	display: none;
	width : auto;
	background : #E3AEC9;
	z-index : 10;
	border : 1px solid #C46E9B;
	border-width : 1px 1px 1px 0;
	list-style: none;
	margin : 0;
}

/* Fix IE. Hide from IE Mac \*/
 * html ul#sidenav li { float : left; height: 1%;} 
 * html ul#sidenav li a { height: 1%;} 
/* End */

ul#sidenav li a, ul#sidenav li a:link, ul#sidenav li a:visited
{
  text-decoration: none;
  font-weight : normal;
  padding : 5px 7px;
  color : #000;
  display : block;
  }

ul#sidenav li a:hover {
  background : #E3AEC9;
}

ul#sidenav li ul li a { padding: 1px 5px; display : block; font-size : 11px; text-align : left;} /* Sub Menu Styles */
ul#sidenav li:hover ul, ul#sidenav li.over ul { display: block; background : #E9D6E0;} /* The magic */

div#sidebar_right {
  float : right;
  width : 150px;
  padding : 3px;
  border : 3px double #E3AEC9;
  background : #fff;
}

div#sidebar_right h3 {
  margin : 0 0 0.25em 0;
}

div#footer {
  text-align : right;
  font-size : 14px;
  color : #4B494A;
  font-family : "Trebuchet MS", Verdana, sans-serif;
  margin : 0 10px 10px 0;
}

div#footer p {  
  color : #342F2D;
  font-size : 11px;
  line-height : normal;
  text-align : right;
  
}

div#footer a {
  font-weight : normal;
}

div#content {
  margin-left : 195px;
  padding : 20px 7px 0 7px;
  border-bottom : 3px solid #fff;
}

div#clear {
  clear :both;
}

/* Events */
table.calendar {
  width:550px;
  border-collapse : collapse;  
}

/* Fix IE. Hide from IE Mac \*/
 * html table.calendar { height: 1%;} 
/* End */

td.calheadcell{
	/*float:left;
	display:  table-cell;*/
	width:13.5%;
	background :#81B9C2;
	padding: 1px;
	font-size: 13px;
	font-weight: bold;
	border : 1px solid #529EAB;
}
tr.calrow{
	overflow:none;
}
td.calno{
	/*float:left;*/
	width:13.5%;
	background-color : #ECECEC;
	height:115px;
	padding: 1px;
	border : 1px solid #529EAB;
}
td.full{
	/*float:left;*/
	width:13.5%;
	background-color:#ccc;
	height:115px;
	border:1px solid #81B9C2;
	overflow:auto;
	font-size : 10px;
	vertical-align : top;
}

td.empty{
	/*float:left;*/
	width:13.5%;
	height:115px;
	background-color:#ddd;
	border:1px solid  #81B9C2;
	font-size : 10px;
	vertical-align : top;
}
td.today{
	/*float:left;*/
	width:13.5%;
	height:115px;
	background-color:#E2EFF1;
	border:1px solid  #81B9C2;
	overflow:auto;
	font-size : 10px;
	vertical-align : top;
}

.date {
  font-weight : bold;
}

div#norlink {
  text-align : center;
  font-size : 9px;
  color : #3F3F3F;
}

div#norlink a {
  color : #3F3F3F;
  font-weight : normal;
  background : none;
  border : 0;
}