html,body 			
{ 
margin:0px; 
background-color: #FFF2CF; 
font-family:Helvetica,Arial,Sans-serif; 
font-size:12px; 
/* height:100%; */
}

div#container
{
margin: 0px auto; 
/*
height:100%;
height: auto !important;
min-height:100%;
margin-bottom:-100px; */

width: 980px;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
min-width:600px;
}

div#body {
    overflow: hidden;
    width: 980px;
    height:100%;
    background: url(img/content-bg-980.png) repeat-y top left; 
}

#top_alert
{
    padding: 0;
    background-color: #c00;
    color:#fff;
    text-align:center;
    font-weight:bold;
    letter-spacing:2px;
}
#top_menu
{
    padding: 0;
    background-color: #F0BF3F;
    border-bottom: 1px solid gray;
    width:100%
}

#top
{
    padding: 0;
    display:block;
    left: 0;
    top: 0;
    background-color: #F0BF3F;
    background-image: url(img/top_banner.png);
    background-repeat: no-repeat;
    border-bottom: 1px solid gray;
    height:64px;
    width:100%;    
}

div#left-sidebar{
float: left;
width: 160px;
margin: 0;
padding: 0em;
/* background:url(img/left-sidebar-bg.png) repeat-y top left;*/

}

#menuitem {
padding: 4px;
text-align:left;
}

#menuitem:hover {
padding: 4px;
color:#ccc;
background-color:#800;
text-align:left;
}

#sitemap{
padding:10px;
bottom:5px;
text-align:center;
}

#right-sidebar {
float: right;
width: 200px;
margin: 0;
padding: 0.5em 1.2em 0.5em 0.5em;
}

#content {
margin-left: 160px;
margin-right: 220px;
padding: 1em;
min-height:500px;
min-width:400px;


}
#footer
{
clear: both;
margin: 0;
margin-top: auto;
margin-bottom:auto;
padding: .5em;
color: #050504;
background-color: #F0BF3F;
border-top: 1px solid gray;
text-align:center;
font-weight:bold;
letter-spacing:2px;
}
.alert {
  width:100%;
  background-color:#f00;
  color:#fff;
  padding:4px;
  text-align:center;
  font-weight:bold;
  letter-spacing:1px;
  margin-bottom:4px;
}

.module_content {
  width: 100%;
  border: 1px dotted;
  border-color:#888;
  padding:4px;
}
.small_module_frame {
  width: 100%;
  margin-bottom:0.5em;
}

.small_module_header {
	background-color:#F8E19F;
	color:#60490E;
	font-weight:bold;
	padding:4px;
	border-color : #FFE4B5 #9B6E00 #9B6E00 #FFE4B5;
	border-width : 1px 2px 2px 1px;
  	border-style : solid solid solid solid;
  	height:20px;
  	width:100%;
}
.small_module_title {
	background-color:#F8E19F;
	color:#60490E;
	font-weight:bold;
	padding:4px;
	position:relative;
	margin-right:30px;
	text-align:left;
	float:left;
}

.mod_minimize {
  float:right;
  margin:0px;
  height: 21px;
  width: 23px;
  background-image:url(img/minus_22_gray.png);
  overflow:hidden;
  cursor:pointer;
  z-index:3;
}

.mod_restore {
  float:right;
  margin:0px;
  height: 20px;
  width: 22px;
  background-image:url(img/plus_22_gray.png);
  overflow:hidden;
  position:relative;
  cursor:pointer;
  z-index:3;
}

a {
  text-decoration:none;
  color:#00f;
}
a:hover {
  color:#c00;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: .5em 0 .5em 0; }
#menutitle	{ 
				  background-color:#60490E; 
				  color:#ffffff; 
				  font-size:12px; 
				  font-weight:bold; 
				  text-align:center
				}

div.rss_box		{ padding: 4px; }
a.menuitem		{ text-decoration:none; color: #555; }
a.menuitem:hover{ color: #fff; }
a.rss_item 		{ text-decoration:none; color:#15139F;}
a.rss_item:hover	{ color:#440000; }

/* newsitem in the sidebar. css used for tooltips - see the span code*/
.sidebar_news_list { padding:4px; }
a.newsitem		{ 
  position:relative; 
  z-index:24;
  padding: 2px; 
  display:block;
  text-decoration:none; 
  color:#008;
}
a.newsitem span {display:none }
/*background:; ie hack, something must be changed in a for ie to execute it*/
/*
a.newsitem.hover{ z-index:25; color:#aaaaff; background:; }

a.newsitem:hover span.tooltip {
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.newsitem:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(img/bubble.gif) no-repeat top;
}
a.newsitem:hover span.middle{  different middle bg for stretch 
	display: block;
	padding: 0 8px; 
	background: url(img/bubble_filler.gif) repeat bottom; 
}
a.newsitem:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(img/bubble.gif) no-repeat bottom;
}
.newsitem em {
	font-weight: normal;
	background: url(img/hoverbubble.png) no-repeat;
	width: 180px;
	height: 55px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 10px 12px 10px;
	font-size:x-small;
	font-style: normal;
	z-index: 2;
	display: none;
}
*/

/* news article definition(s) */
#news_ingress	{ font-weight:bold;}
/* menu */

#left-sidebar a.simpleitem, #left-sidebar a.simpleitem:visited, #left-sidebar a.simpleitem:active, #left-sidebar a.menutitle {
   display: block;
   padding: 4px 2px 4px 14px; 
   font-family: "Trebuchet MS","Bitstream Vera Sans",Tahoma,Verdana,arial,helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   color: #4F3C0A;
   background-color: #FFE9AF;
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: #1a1a1a;
   /* text-align: center; */
}
#left-sidebar a.simpleitem:hover { background-color:#800; background-image:url("./images/menu_active_bg.jpg"); background-position: 0px 0px; background-repeat: repeat-x; color: #FFFFFF;}
#left-sidebar a.menutitle { background-color:#000; color:#fff; }

/* calendar stuff */

#calendar_small {
	width:100%;
}
.calendar_small_content {
	background-color:#FFF7DF;
	width:100%;
}

.module_icon {
  float:left;
  margin:0px;
  height: 24px;
  width: 24px;
  overflow:hidden;
  z-index:3;
}

.calendar_module_icon {
  background-image:url(img/calendar_24.png);
}
.rss_module_icon {
  background-image:url(img/rss_24.png);
}

.calendar_daynames { 
	font-size: 11px;	
	background-color: #FFF7DF;
	color: #626466;
}

.calendar_dayname {
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #eaeaea; 
	color: #626466; 
	font-size: 12px; 
	text-align: center;
	margin: 0px; 
	padding: 0px;
	background-color: #ffffff;
	letter-spacing: 1px;
}

.calendar_cell {
	font-size:11px;
	border-width: 0px 0px 1px 1px; 
	border-style: solid;
	border-color: #eaeaea;
	color: #626466;
	padding: 2px 2px 2px 2px;
	background-color: #FFF7DF;
	text-align:center;
}
.calendar_cell_weekend {
	border-color: #B5CDDF;
	color: #626466;
	padding: 2px 2px 2px 2px;
	background-color: #E7F1F7;
}

.calendar_today {
	background-color:#F9E400;
}
.calendar_small_selectmonth {
	width:100%;
	height:18px;
	
}
.nextmonth {
	float: right;
}
.prevmonth {
	float: left;
}

.calendar_monthlink {
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
	color:#600;
}
.calendar_weeknr { 	
	text-align:center;
    border-width: 0px 0px 1px 0px;
	border-style: solid dotted solid solid;
	border-color: #eaeaea #888 #eaeaea #eaeaea;
	border-width : 1px 1px 1px 1px;
	color:#800; 
    font-size:10px; 
	font-weight:normal; 
}

.calendar_cell_inside {  padding: 2px; } 

.calendar_cell_inside_today { background-color:#fffccf; }

.calendar_daynr {
	font-size:14px;
	font-weight:bold;
	padding-right:10px;
	text-align:left;
}

.calendar_holiday {
	font-size:xx-small;
	color:red;
}

.calendar_dayinfo {
	font-size:xx-small;
	color: #444444;
}
/* ul based menu */
ul.menu {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 0.9em;
  margin: 0;
  list-style: none;
  padding-top:0.4em;
  padding-left:1em;
  background: #F8E19F;
  height:20px;
}
ul.menu li {
  display: block;
  position: relative;
  float: left;
  color:#050504;
  background: #F8E19F;
  padding:0px 10px 0px 10px;
  cursor:pointer;
  letter-spacing:1px;
  font-weight:bold;
  z-index:32;
  border-right:1px solid;
}
ul.menu li:hover {
  color:#a00;
}

ul.menu li.last {
  padding:0px 10px 5px 10px;  
}

li ul { display: none; margin-left:-62px; }

ul.child li a, ul.child li.last a {
  border-left: 1px solid #050504;;
  border-right: 1px solid #050504;;
  display: block;
  text-decoration: none;
  color: #050504;
  padding: 0.2em 1em 0.2em 0.7em;
  background: #F8E19F;
  margin-left: 1px;
  white-space: nowrap;
  font-size: 1em;
  font-weight:bold;
  letter-spacing:0px;
  z-index:32;
}
ul.child li.last a {
  border-bottom: 1px solid #888;
}

ul.menu li a:hover { background: #F8E19F; }
li:hover ul {
  display: block;
  position: absolute;
}
ul.menu li:hover li {
  float: none;
  font-weight:bold;
  font-size: 1em;
}
ul.menu li:hover a { background: #F8E19F; }
ul.menu li:hover li a:hover { background: #20201A; color:#FFF7DF; }

/******************** image gallery definitions ***********************/

div.gallery_select{
   padding:0.5em 0.5em 0.5em 2em;
   font-weight:bold;
   font-size:1em;
   background-color:#FFF;
   border:1px dotted #888;
}
div.gallery_select select {
  font-weight:bold;
  background-color: #FFF3CF;
}
div.gallery_grid {
    display:inline;
    float: left;
    margin-left: 0px;
    margin-right:0px;
    width: 190px;
    height:180px;
    margin-bottom: 10px;
    border:0px dotted;   
}
div.gallery_grid p {
   text-align:center;
   font-weight:bold;
   line-height: 90%;
   margin-bottom:5px;
}
div.gallery_grid img, div.gallery_single img {
    display: block;
    border: 1px solid #000;
    margin-left:auto;
    margin-right: auto;
}
div.gallery_grid a, div.gallery_grid a:hover, 
div.gallery_single a, div.gallery_single a:hover {
    border: 0px solid #000;
}
div.gallery_single p{
   display:block;
   font-weight:bold;
   text-align:center;
}

div.gallery_single p.description {
  text-align:left;
  font-weight:normal;
  margin-left:30px;
  margin-right:30px;
}