body {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	SCROLLBAR-FACE-COLOR: #ffffff;
   SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
   SCROLLBAR-SHADOW-COLOR: #97bca2;
   SCROLLBAR-3DLIGHT-COLOR: #97bca2;
   SCROLLBAR-ARROW-COLOR:  #97bca2;
   SCROLLBAR-TRACK-COLOR: #ffffff;
   SCROLLBAR-DARKSHADOW-COLOR: #97bca2;
}

a {color: #97bca2; font-weight: bold;}
a:visited {color: #6CA07C; font-weight: bold;}
a:hover {background-color: #97bca2; color: #000000; font-weight: bold;}

H1 {background-color: #97bca2; font-size: 16px; padding-top: 2px; padding-bottom: 2px;}

H2 {background-color: Silver; font-size: 16px; padding-top: 2px; padding-bottom: 2px;}

H3 {font-size: 15px;}

H4 {font-size: 14px;}

TD {font-size: 12px;}

.blkheading {background-color: black; color: #97bca2; font-size: 16px;  font-weight: bold; padding-top: 2px; padding-bottom: 2px;}

#nav {
	position: absolute;
	width: 190px;
	z-index: 3;
	left: 10px; 
}

.nav a {
	background-color : #000000;
	border : 1px dashed #97bca2;
	color : #97bca2;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana;
	display : block;
	padding-bottom : 3px;
	padding-top : 3px;
	text-decoration : none;
	width : 150px;
}

.nav a:hover {
	background-color : #97bca2;
	border : 1px dashed #000000;
	color : #000000;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana;
	padding-bottom : 3px;
	padding-top : 3px;
	text-decoration : none
}

.form {margin: 0px; padding: 0px;}

.submit {
	background-color: #97bca2;
	border: 1px solid #000000;
	color: #000000;
	font-weight: bold;
}

.smtext {font-size: 10px;}

#topheader {
	background-image: url(images/dotsons_top-bkgrd.jpg);
	height: 165px;
	width: 100%;
	top: 0px;
	position: absolute;
}

#sidebar {
	background-image: url(images/dotsons_sidepic.jpg); background-repeat:no-repeat; background-position: top;
	width: 236px;
	top: 165px;
	height: 100%;
	position: absolute;
}

#maincontent {
	background-color: white;
	left: 240px;
	top: 169px;
	position: absolute;
	height: auto;
}

#footer {
	background-color: white;
	padding: 20px;
}

#news {
	background-color: white;
	font-size: 10px;
	border: 1px dashed #97cab2;
	width: 200px;
	padding: 5px;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}

.oldbrowser	{display: none;}

/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 12px;
 border-bottom:1px dotted #97cab2;
}

/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border:         1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border:         1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #97cab2;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
  border: 1px solid #000000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

.side {color: #97cab2; font-size: 10px; background-image: url(images/dotsons_side-bkgrd.jpg);
}
.side a {color: #97cab2; font-size: 10px; text-decoration: underline;}
.side a:visited {color:#97cab2; font-size: 10px; text-decoration: underline;}
.side a:hover {background-color: black; color:#97cab2; font-size: 10px; text-decoration: underline;}

.text {padding-right: 20px;}

.calendar
{
	width : 180px;
	height : 180px;
}

.calendar .headline {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #97bca2;
/*	background : url(ice.jpg);*/
}

.calendar .headline A:link {
	color: #FFFFFF;
	text-decoration: none;
}

.calendar .headline A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.calendar .headline A:hover {
	background-color: #97bca2;
	color: #000;
	text-decoration: none;
}

.calendar .overview {
	background-color: #97bca2;
	font-size: 80%;
	font-family: Verdana, Helvetica, sans-serif;
	text-align : center;
	height: 100%;
	width: 100%;
}

.calendar .overview A:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.calendar .overview A:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.calendar .overview A:hover{
	background-color: #fff;
	color: #97bca2;
   font-weight: bold;
	text-decoration: none;
}

.calendar .overview .last_month {
	color: #E3E3E3;
}

.calendar .overview .next_month {
	color: #E3E3E3;
}

.calendar .overview #today {
	color: #97cab2;
	font-weight: bold;
	background-color: #ffffff;
}

.calendar .overview #selected {
	color: #97cab2;
	font-weight: bold;
	background-color: #ffffff;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .dayname {
	background-color: #ffffff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .reserved {
	font-weight: bold;
	font-size: 120%;
	text-decoration: underline;
}

.calendar .today_select  {
	background-color: #e0e0e0;
	text-align : right;
	text-decoration: underline;

}

 .calendar .today_select A {
   font-size: 80%;
	color: #ffffff;
	background-color: #97cab2;
	text-align: right;
	text-decoration: underline;

}

/* Appearance of the Eventlist */

.event_list_title {
	color: #000000;
	background-color: #97cab2;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.event_list {
	width : 500px;
	height: auto;
	background-color: #97cab2;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.event_list .headings {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 100%;
	background-color: #ffffff;
/*	background : url(ice.jpg);*/
}

.event_list .col_status {
	width: 50px;
}

.event_list .col_date {
	width: 100px;
}

.event_list .col_event {
	width: auto;
}

.event_list .status {
	font-size: 80%;
	color: Red;
	font-weight: bold;   
	vertical-align : top;
}

.event_list .date {
   font-size: 75%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.event_list .event {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align : top;
}

.event_list A  {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.event_list A:visited  {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.event_list A:hover  {
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}

.event_list .error_message {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left : auto;
	margin-right : auto;
	padding-left : 10px;
	padding-right : 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFD;
	}

/* Appearance for Event-Infos */

.event_info {
	width : 500px;
	height: auto;
	background-color: #97cab2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
		}

.event_info .headings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #97cab2;
	font-size: 100%;
	background-color: #ffffff;
    padding: 5px 5px 5px 5px;
/*	background : url(ice.jpg);*/
}

.event_info .title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.event_info .date {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 100px;
}

.event_info .descripxion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	font-size: 80%;
}

.line_color0 {
	background-color: #ffffff;
	padding-top:3px;
	padding-bottom:3px;
}

.line_color1 {
	background-color: #97cab2;
	padding-top:3px;
	padding-bottom:3px;
}

.author_info {
	font-size: xx-small;
	color: #414141;
}

.next_event_select  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #97cab2;;
	text-align : left;
}

.next_event_select A {
   color: #ffffff;
	font-size: 100%;
	background-color: #97cab2;
	text-align : center;
	text-decoration: underline;
	font-weight: bold;
}

.next_event_select A:visited {
   color: #ffffff;
	font-size: 100%;
	background-color: #97cab2;
	text-align : center;
	text-decoration: underline;
	font-weight: bold;
}

.next_event_select A:hover {
   color: #ffffff;
	font-size: 100%;
	background-color: #97cab2;
	text-align : center;
	text-decoration: underline;
	font-weight: bold;
}

.imgleft {
margin: 1.5em 1.5em 1.5em 0em;
clear: left;
float: left;
border: 1px solid #000;
}