body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*	background-color: #006633; */
	background-color: rgb(119,168,127);
}

.bearscss #container {
	position: relative;
	min-width: 900px;
	max-width: 90%;
	margin: 0 auto;
	border: 1px solid #000000; 
 
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:rgb(255,255,255);
   	background-image: url(bearbottom.png);  
	background-repeat:no-repeat;
}
.bearscss #header {

	/* Here is our random image */
/*	background-image:url(bg.gif); */
	background-color:rgb(225,225,225);
	background-repeat:repeat;
	height: 147px;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border:none;
}

.bearscss #maincontent{
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom: 30px;
	background-image: url(divbg.png);
	opacity: .9; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.bearscss #navbar{
	position:absolute;
	text-align: left;
	margin-top: 126px;
	width:100%;
	z-index:1;
}
.bearscss #navbar div{
	text-align:left;
	background-image: url(/divbg.png);
	opacity: .80;
	height: 20px;
	border-top: 1px solid #000000;
}
.bearscss #navbar ul {
	bottom:0;
}
.bearscss #navbar li { 
	
	display: inline;
}
.bearscss #navbar  li a {
	position:relative;
	width: auto;
	padding: 0.2em 1em;
	color: Black;
	font-weight: bold;
	text-decoration: bold;
	float: left;
	border-right: 1px solid #fff;
}
.bearscss #navbar a:hover {
	background-color: #888;
	color: 000;

}
.bearscss #subnavbar{
	position:relative;
	clear:both;
	text-align: left;
	width:100%;
}
.bearscss #subnavbar div{
	text-align:left;
	background-image: url(/divbg.png);
	opacity: .80;
	height: 20px;
	border-top: 1px solid #000000;
}
.bearscss #subnavbar ul {
	bottom:0;
}
.bearscss #subnavbar li { 
	
	display: inline;
}
.bearscss #subnavbar  li a {
	position:relative;
	width: auto;
	padding: 0.2em 1em;
	color: Black;
	text-decoration: none;
	float: left;
	border-right: 1px solid #000;
}
.bearscss #subnavbar a:hover {
	background-color: #8D8;
	color: 000;

}

.bearscss #logo {
	/* This div automatically puts the bears logo over the
	 * background image
	 */
		background-image:url(bearslogo.png); 
	background-repeat:no-repeat;
}

.bearscss #topstory {
	border: 1px solid #000;
	background-image: url(divbg.css);
	text-align: left;
	padding: 5px;
	margin: 5px;
}

.bearscss #normalstory {
	border: 1px solid #000;
	padding: 5px;

}
.bearscss #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.bearscss #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.bearscss #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/***************** div-table styles *************/

.table {
height:auto;
margin:0pt auto;
position:relative;
text-align:center;
}

.table-row {
padding:2px;
text-align:center;
}

.left {
clear:left;
float:left;
height:auto;
margin-top:1px;
padding:2px;
text-align:right;
width:50%;
}

.right {
clear:right;
float:left;
height:auto;
padding:2px;
text-align:left;
}

.clear {
clear:both;
}

.bold { font-weight: bold; }

a:visited {color:#000}
a:hover span {background:#333}
.title {display:block;font-weight:bold}
.datum {display:block;font-size:0.7em}
.description {font-size:0.8em}
img.image {border:5px #111 solid; position: relative;}
 div.image-item {float: left; padding:25px;height:256px;width:256px;text-align:center; position:relative;}
 div.first-image-item {clear:right; } 
div.index-item {float:left;padding:28px;height:270px;width:256px;text-align:center;font-size:x-large; position: relative;} 
span.actual-item {padding-left:10px;font-size:x-large; position:relative;}
 .skin {float:right;clear:right;font-size:0.8em; position: relative;} 

 .container:after {
     content: "."; 
         display: block; 
	     height: 0; 
	         clear: both; 
		     visibility: hidden;
		 
		}




		/*
		 *   A blue based theme, inspired by Blinksale and their ColorBurn widget. http://firewheeldesign.com
		 *     
		 *       AUTHOR: Geoffrey Grosenbach http://nubyonrails.com
		 *         
		 *           Colors: 
		 *               Light Blue: bbccff 
		 *                   White: eeddee
		 *                       Turq: 003355
		 *                           Cream: ffffdd
		 *                           */

		.calendar {
		  margin: auto;
		  }

		  .monthName th {
		    font-weight: normal;
		      text-align: right;
		        padding-top: 1em;
			  padding-bottom: 0.7em;
			  }

			  .dayName th {
			    font-size: 0.7em;
			      padding-top: 0.6em;
			        padding-bottom: 0.3em;
				  background-color: #303030;
				    color: white;
				    }

				    .otherMonth, .day, .specialDay {
				      padding: 0.7em 1em;
				        border-right: 1px solid white;

					}

					.otherMonth {
					  color: #eeeeee;
					    background-color: white;
					    }

					    .day, .specialDay {
					      text-align: center;
					        border-bottom: 1px dotted #bbbbbb;
						  background-color: #bbccff;
						  }
						  .specialDay {
						    background-color: #003355;
						      color: white;
						      }
						      .specialDay a, .specialDay a:visited, .specialDay a:hover {
						        color: white;
							  text-decoration: none;
							    padding: 1em;
							    }
							    .specialDay a:hover {
								}
								.weekendDay {
								  background-color: #ffffdd;
								  }
								  .today{
								  	background-color: #4682b4;
	}

.gallery { 
	float: left;
	padding: 10px;
	position: relative;	
}
.element a:link img{color:none; border: 4px solid black; clear: both;}
.element a:visited img{color: none;border: 4px solid black; clear: both;}