/* CSS DROP DOWN MENU */

<style type="text/css" media="screen">
.pd_menu_01 {float:left; padding:0; margin:0;color: #000000;background: #ecf831; clear:both; text-align:center;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #000000;
background-color: #ecf831;
text-decoration: none;


}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
.pd_menu_01 ul li a {color: #000000;background: #ecf831;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #000000;background: #ecf831;}
.pd_menu_01 ul li:hover a {background-color:#93ac00; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#cccccc;  color:#000000;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#000000;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #000000;background: #ecf831;}
.pd_menu_01 ul li a:hover {background-color:#93ac00; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#cccccc;  color:#000000;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#000000;} /*Color subcells hovering mode*/
/* CSS content text */
.welcome {
 font-family:Verdana, Arial, Helvetica, sans-serif, Sylfaen;
 font-size:17px;
 color:#336600;
 
 }

.home_test {
 font-family:Verdana, Arial, Helvetica, sans-serif, Sylfaen;
 font-size:11px;
 }
.footer {
 font-family:Verdana, Arial, Helvetica, sans-serif, Sylfaen;
 font-size:12px;
 padding-left:5px;
 padding-top:7px;
 }
.home_test1 {
 font-family:Verdana, Arial, Helvetica, sans-serif, Sylfaen;
 font-size:12px;
 padding-left:5px;
 padding-top:5px;
 }
 .test1 {
 font-family:Verdana, Arial, Helvetica, sans-serif, Sylfaen;
 font-size:15px;
 padding-left:5px;
 padding-top:5px;
 font-weight:bold;
 }
 
/*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 */

}