/***********************************************/
/* Body CSS       		                       */
/***********************************************/

* html #navigation ul li a {padding: 0;}

body {
text-align:center;
font-family: Tahoma, Verdana, "Century Gothic", sans-serif;
font-size:12px;
margin: 0;
background: #fff url("images/back.png") no-repeat top;
}

a {
color: #83c55b;
text-decoration:none;
}

a:hover {
color: #402421;
}

h1 {
font-family: Tahoma, Verdana, "Century Gothic", sans-serif;
font-size:14px;
font-weight:normal;
color:#000;
margin: 0px;
text-align:left;
padding: 5px 0px 5px 0px;
margin-top:10px;
margin-left:30px;
}
h2 {
font-family: Tahoma, Verdana, "Century Gothic", sans-serif;
font-size:13px;
text-align:center;
color:#DD137B;
margin: 0px;
padding: 5px 0px 0px 0px;
}
img {border: none;}

/***********************************************/
/* Header CSS                        	       */
/***********************************************/

.header{
width:780px;
height:128px;
text-align:center;
margin:auto;
background: #fff url("images/back.png") no-repeat top;
}

.logo {
width:200px;
height:96px;
float:left;
}

.cert {
width:420px;
height:97px;
text-align:center;
vertical-align:middle;
float:left;
}

.flags {
text-align:right;
vertical-align:top;
width:580px;
height:97px;
float:right;
}

.bar {
height:12px;
width:100%;
background: url("images/back_bar.png") repeat-x;
}

/***********************************************/
/* Footer CCS                                  */
/***********************************************/

.footer {
width:100%;
border-top:1px solid #83c55b;
margin:auto;
margin-top:0;
margin-bottom:0;
clear:both;
}

.footerbox {
font-family: Tahoma, Verdana, Century Gothic, sans-serif;
font-size:10px;
margin:auto;
margin-top:0;
margin-bottom:0;
width:780px;
}

.footer1 {
font-family: Tahoma, Verdana, Century Gothic, sans-serif;
font-size:10px;
margin:auto;
margin-top:0;
margin-bottom:0;
width:100px;
height:70px;
padding:20px 0 0 10px;
float:left;
text-align:left;
border-left:1px solid #DBD6D6;
}

.footer2 {
font-family: Tahoma, Verdana, Century Gothic, sans-serif;
font-size:12px;
margin:auto;
margin-top:0;
margin-bottom:0;
width:320px;
height:70px;
float:left;
text-align:left;
color:#402421;
padding:20px 0px 0px 10px;
}

/***********************************************/
/* Result CCS      				               */
/***********************************************/

.content {
background: #fff url(images/content.png) no-repeat;
margin:auto;
margin-top:0;
margin-bottom:0;
width:780px;
}

.leftcontent {
float:left;
margin:auto;
width:229px;
height:100%;
padding:0;
min-height:332px;
}
.leftcontent p {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-top:2px;
	text-align:center;
	margin-bottom:12px;
	vertical-align:middle;
}

.rightcontent {
float:left;
margin:auto;
width:551px;
min-height:332px;
height:100%;
}
.rightcontent p {
	color:#000;
	font-size:10px;
	font-weight:normal;
	margin:5px;
	text-align:justify;
}
.right1 {
  text-align:justify;
	margin:5px 0 0 20px;
	width:260px;
	position:absolute;
}
.right2 {
  text-align:justify;
	margin:5px 0 0 280px;
	width:270px;
	float:right;
}
.right3 {
  text-align:left;
	margin:140px 0 0 0px;
	width:260px;
	position:absolute;
}
.right4 {
  text-align:right;
	margin:5px 0 0 280px;
	width:270px;
	float:right;
}


.bottom {
width:780px;
height:105%;
margin:auto;
background: url("images/bottom.png") no-repeat top;
clear:both;
}

/***********************************************/
/*      NAVIGATION			                       */
/***********************************************/

.leftcontent a:link , .leftcontent a:visited {
  color:#fff;
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
	text-align:left;
	line-height:28px;
}
.leftcontent a:hover {
        font-weight:bold;
}

/* navigation properties */

div.m1 {position:relative; top:0px; width:200px; border:none;}
a:hover img {filter:none;}
a.img1 {position:absolute; top:0px; left:0px; border:none}
a.img2 {position:absolute; top:0px; left:0px; border:none}

a.img2 img {visibility:hidden;}
a.img1:hover img{visibility:hidden;}
a.img2:hover img {visibility:visible;}
div.m1 img {border:none}

.navigation {
        margin: auto;
        padding-left: 200px;
				padding-top: 95px;
				width:600px;
				height:30px;
				line-height:30px;
				text-align:center;
}
.navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
.navigation li {
				display: inline;
				float: left;
				width: 115px;
				text-align: center;
}
/* MENU STYLE */
a.nav1 {
				font-size:12px;
        color: #fff;
				text-decoration: none;
				font-weight:bold;
				background-color:transparent;
				padding-bottom:3px;
				padding-top:3px;}
a.nav1:hover {
				color: #fff;
				padding-left:25px;
				background: url(images/b1_.png) no-repeat left;}

a.nav2 {
				font-size:12px;
        color: #fff;
				text-decoration: none;
				font-weight:bold;
				background-color:transparent;
				padding-bottom:3px;
				padding-top:3px;}
a.nav2:hover {
				color: #fff;
				padding-left:20px;
				background: url(images/b2_.png) no-repeat left;}
				
a.nav3 {
				font-size:12px;
        color: #fff;
				text-decoration: none;
				font-weight:bold;
				background-color:transparent;
				padding-bottom:3px;
				padding-top:3px;}
a.nav3:hover {
				color: #fff;
				padding-left:25px;
				background: url(images/b3_.png) no-repeat left;}
				
a.nav4 {
				font-size:12px;
        color: #fff;
				text-decoration: none;
				font-weight:bold;
				background-color:transparent;
				padding-bottom:3px;
				padding-top:3px;}
a.nav4:hover {
				color: #fff;
				padding-left:25px;
				background: url(images/b4_.png) no-repeat left;}

a.nav5 {
				font-size:12px;
        color: #fff;
				text-decoration: none;
				font-weight:bold;
				background-color:transparent;
				padding-bottom:3px;
				padding-top:3px;}
a.nav5:hover {
				color: #fff;
				padding-left:25px;
				background: url(images/b6_.png) no-repeat left;}
				
/***********************************************/
/* image gallery		                       */
/***********************************************/
.gImage {
	border:#0093DD solid 1px;
}
.gImageThumb {
	border:#0093DD solid 1px;
	margin:10px;
}
/***********************************************/
/* map border			                       */
/***********************************************/
.mapImage {
	border:#300e01 solid 1px;
}
/***********************************************/
/* topImage border			                       */
/***********************************************/
.topImage {
	border-bottom:#300e01 solid 1px;
}

/*========== START OF CODE FOR POPUP PHOTOS ============*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 20;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
border: 1px solid #E1F5E8;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 20;
top: -440px;
left: 10px; /*position where enlarged image should offset horizontally */
}
/*========== END OF CODE FOR POPUP PHOTOS ============*/
/*========== START OF CODE FOR POPUP PHOTOS ============*/
.thumbnail1{
position: relative;
z-index: 0;
}
.thumbnail1:hover{
background-color: transparent;
z-index: 20;
}
.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
border: 1px solid #83c55b;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 20;
top: -320px;
left: -20px; /*position where enlarged image should offset horizontally */
}
/*========== END OF CODE FOR POPUP PHOTOS ============*/
/*========== START OF CODE FOR POPUP PHOTOS ============*/
.thumbnail2{
position: relative;
z-index: 0;
}
.thumbnail2:hover{
background-color: transparent;
z-index: 20;
}
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
border: 1px solid #83c55b;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 20;
top: -250px;
left: -150px; /*position where enlarged image should offset horizontally */
}
/*========== END OF CODE FOR POPUP PHOTOS ============*/
/*========== START OF CODE FOR POPUP PHOTOS ============*/
.thumbnail3{
position: relative;
z-index: 0;
}
.thumbnail3:hover{
background-color: transparent;
z-index: 20;
}
.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
border: 1px solid #83c55b;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 20;
top: -150px;
left: -50px; /*position where enlarged image should offset horizontally */
}
/*========== END OF CODE FOR POPUP PHOTOS ============*/
/*========== START OF CODE FOR POPUP PHOTOS ============*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 20;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
border: 1px solid #E1F5E8;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 20;
top: -400px;
left: -140px; /*position where enlarged image should offset horizontally */
}
/*========== END OF CODE FOR POPUP PHOTOS ============*/

/*========== START ANIMATION CODE ============*/
.anim{ /*IE method of centering a relative div*/
text-align: center;
}

.anim{ /*Proper way to center a relative div*/
margin: 0 auto;
width:200px;
height:160px;
float:left;
}
.anim1{ /*IE method of centering a relative div*/
text-align: center;
}

.anim1{ /*Proper way to center a relative div*/
margin: 0 auto;
width:551px;
height:114px;
float:left;
}
/*========== END ANIMATION CODE ============*/

/*========== START CONTACT FORM CODE ============*/
table.form td {
text-align: left;
vertical-align: top;
}

input,
button,
select,
textarea {
padding: 4px 3px;
border: 1px solid #83c55b;
background: #fff;
color: #402421;
font: normal 100% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

select {
padding: 0;
}

input:focus,
select:focus,
textarea:focus {
border-color: #402421;
color: #000;
}

.submit input,
button {
padding: 3px;
background: #22f100;
color: #fff;
font-weight: bold;
cursor: pointer;
}

input.noborder {
border: none;
background: transparent;
}

/*========== START QUICK LINKS CODE ============*/

div.m1 {top:0px; width:150px; height:60px; border:none;}
a:hover img {filter:none;}
a.img1 {position:absolute; top:0px; left:0px; border:none}
a.img2 {position:absolute; top:0px; left:0px; border:none}

a.img2 img {visibility:hidden;}
a.img1:hover img{visibility:hidden;}
a.img2:hover img {visibility:visible;}
div.m1 img {border:none}