/* CSS Document */

* { margin:0; padding:0;}
body{background:url(images/tail2.gif) 0 0 repeat-x #BCCE43;}
img {border:0}

.column {float:left;}
.clear 	{clear:both;}

#main {
	margin:0 auto;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#655A35;
}
.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;} 

input, textarea, select{			     
	font:normal 12px Arial, Helvetica, sans-serif;			
		
	color:#393737;
}		
b {color:#2698B2}
a {color:#93A51B}
/*††††††††††††††††††††††††††--MENU--††††††††††††††††††††††††††††††*/
#menu {height:43px; margin:0px 0px 0px 7px;



}
#menu div.m1, #menu div.m2, #menu div.m1m a, #menu div.m3, #menu div.m4, #menu div.m5{
	height:30px;
	float:left;
	vertical-align: middle;
} 
#menu div.m1 a, #menu div.m1m a, #menu div.m2 a, #menu div.m3 a, #menu div.m4 a, #menu div.m5 a{
	display: block;
	height:100%;
	text-decoration: none;
	color: #000000;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	
}
#menu div.m1 a:hover, #menu div.m1m a:hover, #menu div.m2 a:hover, #menu div.m3 a:hover, #menu div.m4 a:hover, #menu div.m5 a:hover{
	background:none;
}
#menu div.m1 			{width:94px; background:url(images/0m1.jpg) 0 0 no-repeat;}
#menu div.m1 a 			{background:url(images/1m1.jpg) top left no-repeat;}

#menu div.m1m 			{width:87px; background:url(images/0m1.jpg) 0 0 no-repeat;}
#menu div.m1m a 		{background:url(images/2m1.jpg) top left no-repeat;}

#menu div.m2 			{width:87px; background:url(images/1m2.jpg) 0 0 no-repeat;}
#menu div.m2 a 			{background:url(images/0m2.jpg) top left no-repeat;}

#menu div.m3 			{width:97px; background:url(images/2m3.jpg) 0 0 no-repeat;}
#menu div.m3 a 			{background:url(images/0m3.jpg) top left no-repeat;}

#menu div.m4 			{width:91px; background:url(images/3m4.jpg) 0 0 no-repeat;}
#menu div.m4 a 			{background:url(images/0m4.jpg) top left no-repeat;}

#menu div.m5 			{width:89px; background:url(images/4m5.jpg) 0 0 no-repeat;}
#menu div.m5 a 			{background:url(images/0m5.jpg) top left no-repeat;}

#menu div.act a 		{background:none}

/*††††††††††††††††††††††††††--^^^^--††††††††††††††††††††††††††††††*/

#header .column_left{
	width:463px;
}
#header .column_right{
	width:307px;
}
#header .column_right input{
	width:214px;
	height:22px;
	border:1px solid #C9BE92;
	vertical-align:middle;
	color:#A8A7A1;
	margin:45px 5px 0px 0px;
}
#content {background:#CCDA74}
#content .column_left .pad {padding:7px 9px 7px 7px;}
#content .column_right .pad {padding:7px 7px 7px 0px;}
.mpct {background:url(images/mpct4.jpg) 0 0 no-repeat; height:370px}
.mpct li {
		padding:2px 0px 5px 0px;
}
.mpct li a {
	color:#FFF;
	font:normal 13px Arial;
	background:url(images/bblt.gif) 0 0 no-repeat;
	padding:0px 0px 0px 13px;
}

li {
	list-style:none;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:2px 0px 3px 0px;
}
li a {
	color:#93A51B;
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(images/0blt1.gif) 0 0 no-repeat;
	padding:0px 0px 0px 18px;
}
.w  {background:none}

a {color:#60A103}
a:hover {text-decoration:none} 
.rdmr  {
	color:#93A51B; 
	font:normal 12px arial; 
	background:url(images/0blt1.gif) 0 0 no-repeat; 
	padding:0px 0px 0px 18px;
}
.rdmr2  {
	background:none; 
	padding:0px 0px 0px 6px;
}
.rdmr3  {
	background:url(images/0blt3.jpg) 0 0 no-repeat; 
	padding:0px 0px 0px 17px;
}
.lnk_1 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2698B2;
}
.input_1 {
	width:195px;
	height:22px;
	border:1px solid #C9BE92;
	vertical-align:middle;
	color:#A8A7A1;
	margin:4px 0px 9px 0px;
}
.input {padding:3px 0px 3px 0px;}
.input, .ta {
	width:210px;
	border:1px solid #C9BE92;
	vertical-align:top;
	color:#655A35;
}
.ta {
	height:117px;
	overflow:auto;
}

#footer {
	color:#373737;
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#footer a{color:#6B7A05;}
#footer .indent { padding-top:18px;}

/*®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®*/
.c_tl {background:url(images/c_tl.jpg) 0 0 no-repeat; width:100%}
.c_tr {background:url(images/c_tr.jpg) top right no-repeat}
.c_bl {background:url(images/c_bl.jpg) bottom left no-repeat}
.c_br {background:url(images/c_br.jpg) bottom right no-repeat; height:100%}

.yellow 	  {background:#FFFEA7}
.yellow .c_tl {background:url(images/c1_tl.jpg) 0 0 no-repeat}
.yellow .c_tr {background:url(images/c1_tr.jpg) top right no-repeat}
.yellow .c_bl {background:url(images/c1_bl.jpg) bottom left no-repeat}
.yellow .c_br {background:url(images/c1_br.jpg) bottom right no-repeat}

.t	{font:normal 17px Arial, Helvetica, sans-serif; color:#2698B2}
.t2	{font:normal 12px Arial, Helvetica, sans-serif; color:#2698B2}

.table_pad1 {width:234px; padding:0px 0px 5px 0px;}
.table_pad2 {width:132px; padding:16px 0px 0px 0px;}
.table_pad3 {width:61px; padding:16px 0px 0px 0px;}

.input_div {margin:0px 0px 7px 0px; height:25px }





.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.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*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}