/* DOS CSS Evolution: Heron                   DAR        */
/* Version 1.0                                Aug 2010   */

/*------ Common 2 column liquid, left column fixed layout sylesheet  ----*/

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
    color: #666;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 2 Column (right menu) settings */
.rightmenu {
	background:#fff;		/* right column background colour */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}

/*------------------- end two columns  ---------------------------*/
/*------------------- a button -----------------------------------*/

input.groovybutton
{
   font-size:14px;
   font-weight:bold;
   color:#FFFFFF;
   height:50px;
   background-color:#65a9d7;
}



/*-------------------- end button -----------------------*/

/*-------------------- text and button same line ----------*/
#t_email div {
	overflow:hidden; /* wrap floats */
	width:100%;	/* haslayout wraps floats IE */
}

#t_email label {
	float:left;
}

#t_email input {
	float:right;
}

/*-------------------- end same line -----------------------*/


#justify {
  text-align: justify;
  display: block;
}

/*-------------------- image hotspot -----------------------*/

.imagemap {
  height: 500px;
  position: relative;
}

.imagemap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.imagemap a {
  position: absolute;
  display: block;
  background-image: url(/image/img/shim.gif);
  color: #000;
  text-decoration: none;
  border: 1px solid transparent;
}

.imagemap a .outer {
  display: block;
  border: 3px solid transparent;
}

.imagemap a .inner {
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
}

.imagemap a:hover, imagemap a:focus {
  border: 2px solid #dd0000;
}

.imagemap: hover a .outer, .imagemap: focus a:outer {
  border-color: #dd0000;
}

.imagemap: hover a .inner, .imagemap: focus a:inner {
  border-color: #dd0000;
}

.imagemap: hover a .outer,
.imagemap: focus a .outer,
.imagemap: a:hover .outer,
.imagemap: a:focus .outer {
  border: 3px solid #dd0000;
}

.imagemap: hover a .inner,
.imagemap: focus a .inner,
.imagemap: a:hover .inner,
.imagemap: a:focus .inner {
  border: 1px solid #dd0000;
}

.imagemap a .note {
  position: absolute;
  bottom: -2em;
  width: 8.5em;
  padding: 0.2em 0.5em;
  color: #fff;
  background-color: highlight;
  text-align: center;
  left: 25px;
  left: -1000em;
  margin-left: -5em;
}

.hidden { display: none; }
.unhidden { display: block; }

.imagemap a:hover .note, imagemap a:focus .note {
  left:25px;
}

/*---------- individual site marker and link positions ----------*/

.imagemap .carsm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 275px;
  left: 155px;
  border: 2px solid #dd0000;
}

 .imagemap .cars a {
  top: 270px;
  left: 148px;
}

.imagemap .kedlm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 335px;
  left: 180px;
  border: 2px solid #dd0000;
}

 .imagemap .kedl a {
  top: 330px;
  left: 173px;
}

.imagemap .wgpm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 405px;
  left: 166px;
  border: 2px solid #dd0000;
}

 .imagemap .wgp a {
  top: 400px;
  left: 159px;
}

.imagemap .cvm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 185px;
  left: 255px;
  border: 2px solid #dd0000;
}

 .imagemap .cv a {
  top: 180px;
  left: 248px;
}

.imagemap .damsm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 95px;
  left: 120px;
  border: 2px solid #dd0000;
}

 .imagemap .dams a {
  top: 90px;
  left: 113px;
}

.imagemap .goytm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 160px;
  left: 25px;
  border: 2px solid #dd0000;
}

 .imagemap .goyt a {
  top: 155px;
  left: 18px;
}

.imagemap .ogstm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 230px;
  left: 200px;
  border: 2px solid #dd0000;
}

 .imagemap .ogst a {
  top: 225px;
  left: 193px;
}

.imagemap .hpjm {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: 255px;
  left: 185px;
  border: 2px solid #dd0000;
}

 .imagemap .hpj a {
  top: 250px;
  left: 178px;
}
/*-------------------- end image hotspot -----------------------*/


/*-------------------- end common -----------------------*/