/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #c0c0c0; }

#popup a, #popup a:visited {
position: relative;
display: block;
width: 130px;
line-height: 30px;
text-align: right;
padding: 0 10px;
margin: 0;
border: 1px solid #666;
text-decoration: none;
font-size: 1em;
font-weight: bold;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 320px;
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 0px;
/*z-index: 0;*/
}

.thumbnail:hover {
	background-color: #EFEFF7;
	/*z-index: 50;*/
color: #335500;
	text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
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; width: 200px;
top: -135px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 292px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 2px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 2px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 2px solid #e9e9e2; }

/*end of hover popup links*/

#write {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 8px;
	color: #666;
}
#maldive {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 8px;
}
#maldives {
	font-family: "Palatino Linotype";
	font-size: 9px;
	background-image: url(../images/new_dhiv_eng/new_eng_06.jpg);
	height: 27px;
	width: 263px;
	color: #656565;
}
#heads {
	background-image: url(../images/new_dhiv_eng/new_eng_01.jpg);
	height: 306px;
	width: 1280px;
}
#bods {
	background-image: url(../images/new_dhiv_eng/new_eng_02.jpg);
	height: inherit;
	width: 1280px;
	font-family: "Palatino Linotype";
}
#home {
	font-family: "Palatino Linotype";
	font-size: 10px;
	position: absolute;
	left: 303px;
	top: 203px;
}
#contact {
	font-family: "Palatino Linotype";
	font-size: 10px;
	position: absolute;
	left: 371px;
	top: 203px;
	color: #903;
}
#date {
	font-family: "Palatino Linotype";
	font-size: 12px;
	position: absolute;
	left: 828px;
	top: 206px;
	color: #F3F3F3;
}
#headline {
	font-family: "Palatino Linotype";
	font-size: 16px;


	height: 25px;
	width: 550px;
	position: absolute;
	left: 366px;
	top: 266px;
}
#dhiv {
	font-family: A_Faseyha;
	font-size: 14px;
}
#dhiv_head {
	position: absolute;
	height: 20px;
	width: 475px;
	left: 413px;
	top: 269px;
}
#im_111 {
	background-image: url(../images/new_dhiv_eng/new_eng_11.jpg);
	height: 285px;
	width: 280px;
}
#im_004 {
	background-image: url(../images/new_dhiv_eng/new_eng_04.jpg);
	height: 285px;
	width: 270px;
}
#im_24 {
	background-image: url(../images/new_dhiv_eng/new_eng_24.jpg);
	height: 23px;
	width: 730px;
}
#im_0020 {
	background-image: url(../images/new_dhiv_eng/new_eng_20.jpg);
	height: 31px;
	width: 730px;
}
#im_005 {
	background-image: url(../images/new_dhiv_eng/new_eng_05.jpg);
	height: 190px;
	width: 132px;
}
#im_0010 {
	background-image: url(../images/new_dhiv_eng/new_eng_10.jpg);
	height: 190px;
	width: 85px;
}
#im_13 {
	background-image: url(../images/new_dhiv_eng/new_eng_13.jpg);
	height: 163px;
	width: 26px;
}
#im_014 {
	background-image: url(../images/new_dhiv_eng/new_eng_14.jpg);
	height: 52px;
	width: 35px;
}
#im_015 {
	background-image: url(../images/new_dhiv_eng/new_eng_15.jpg);
	height: 24px;
	width: 215px;
}
#head {
	position: absolute;
	left: 366px;
	top: 274px;
	width: 550px;
	height: 25px;
	color: #636363;
	font-family: "Palatino Linotype";
	font-size: 15px;
}
