body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/bg.gif);
}
body,td,th {
	font-family: Tahoma;
	font-size: 12px;
}
input {
	font-family: Tahoma;
	font-size: xx-small;
}
select {
	font-family: Tahoma;
	font-size: xx-small;
}
.bg_side_l {
	background-image: url(images/side_bg.gif);
	width: 24px;
}
.bg_side {
	background-image: url(images/bg_side.gif);
	width: 164px;
	height: 513px;
}
.bg_content {
	background-image: url(images/bg_content.gif);
	height: 127px;
	width: 561px;
}
.txt_grey {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #8300BD;
}
.bg_sider {
	background-image: url(images/bg_sider.gif);
	width: 21px;
}
.txt_green_bold {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #506423;
}
.bg_bottom_bar {
	background-image: url(images/bottom_bar.gif);
	height: 38px;
}
.bg_contact {
	background-image: url(images/bg_contact.gif);
}
.txt_red {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height:16px;
	width:190px;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:5px;
	text-align:center;
	margin: 0px 0 0 0;
}
#container {
	width: 753px;
	margin: 0px 0 0px 0;
	border: 1px solid #ffffff;
	background: #fff;
}

#header {
	height:80px;
	background:url(images/header_bg.jpg) top left repeat-x #a0da2b;
	border-bottom:10px solid #77a13d;
}

#header h1 {
	color:#fff;
	font-size:22pt;
	margin:0;
	padding:40px 10px 10px 10px;
}

#content {
	width: 500px;
	padding: 10px;
	float: right;
}

#content h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-size:10pt;
	font-family:georgia;
	font-weight:normal;
}

#content h2 {
	color: #87b13f;
	font-size: 16pt;
	border-bottom: 1px solid #ccc;
}

#content h3 {
	color:#333;
	font-size:8pt;
	border-bottom: 1px solid #87b13f;
}

#photos {
	width:428px;
	height:224px;
	margin:10px auto 10px auto;
	position:relative;
	padding:10px;
	background:#f2f7e9;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.imgbox {
	width:75px;
	height:75px;
	border:1px solid #77A13D;
	background:#f1f1f1;
	margin:15px;
	float:left;
	display:inline;
}

#sidebar {
	width:200px;
	padding:10px;
	float:left;
	margin:0;
	background-image: url(images/side_bg.gif);
}

#sidebar ul {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}
	 

#sidebar ul li {
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #ccc;
	border-bottom:none;
}

#sidebar ul li a {
	display:block;
	padding:3px;
	width:192px;
	background:url(images/li-off.jpg) top left no-repeat #f2f7e9;
	color:#87b13f;
	text-indent:30px;
	text-decoration:none;
}

#sidebar ul li a:hover {
	background:url(img/li-on.jpg) top left no-repeat #f2f7e9;
}
.widget {
	height:240px;
	width:190px;
	border:1px solid #ccc;
	background:#f5f5f5;
	color:#87b13f;
	font-weight:bold;
	padding:5px;
	text-align:center;
	margin:10px 0 0 0;
	font-size:9pt;
}	
.widget1 {
	height:250px;
	width:195px;
	border:1px solid #ccc;
	background:#87b13f;
	color:#ffffff;
	font-weight:bold;
	padding:1px;
	text-align:center;
	margin:5px 0 0 0;
	font-size:8pt;
}	 
#footer {
	clear: both;
	padding: 5px;
	color: #ffffff;
	font-size: 9pt;
	text-align: center;
	background: a9dc31;
}

a {
	color:#87b13f;
	font-weight:bold;
}

a:hover {
color:#87b13f;
	background:#FFFFDD;
}
a:visited {
	color:#87b13f;
	font-weight:bold;
}

a.a2, a.a2:link, a.a2:visited, a.a2:active {
color:#FFFFFF;
text-decoration:underline;
}
a.a2:hover {
text-decoration:none;
color:#000000;
}

a.a3, a.a3:link, a.a3:visited, a.a3:active {
color:#000000;
text-decoration:none;
}
a.a3:hover {
	text-decoration: blink;
	color: #87b13f;
}

#content1 {
	width: 753px;
	padding: 10px 30px 25px 40px;
	float: none;
}

#content1 h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-family:georgia;
	font-weight:normal;
}

#content1 h2 {
	color: #87b13f;
	font-size: 16pt;
	border-bottom: 1px solid #ccc;
}

#content1 h3 {
	color:#333;
	font-size:8pt;
	border-bottom: 1px solid #87b13f;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}