body {margin:0; padding:10; background:#eed487}
table, td {border-collapse:collapse;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td, tr {font:14px/18px ARIAL, garamond; color:#003366; vertical-align:top;  text-align:left;}
/*###*/
<! DG brnd web colors
 Anchor Red a50a37
 Wave Navy 002967
 Oxford Cream eeed487
 Cable Bronze metalli cb2a178
 SPlash Blue 5d88d9
 Promise Pink deb73c
 Shield Green acb21d
 Hope Red 7d1d3d  >



/*###*/
.end{ color:#f0f8ff; text-decoration:none;}
.end a{ color:#f0f8ff; text-decoration:none;}
.end a:hover{ color:#ffffcc; text-decoration:underline;}
.end span a{ color:#ffcc; text-decoration:underline;}
.end span a:hover{ color:#ffcc; text-decoration:none;}


.roll{ color:#003366; text-decoration:none;}
.roll a{ color:#003366; text-decoration:none;}
.roll a:hover{ color:#003366; text-decoration:bold;}
.roll span a{ color:#003366; text-decoration:underline;}
.roll span a:hover{ color:#003366; text-decoration:bold;}


a{ color:#003366; text-decoration:none;}
a:hover{ color:#003366; text-decoration:underline;}

strong a{ color:#003366; text-decoration:underline;}
strong a:hover{ color:#003366; text-decoration:none;}

b{ color:#003366}



.r1 ul { margin:0; padding:0; list-style:none; line-height:20px;}
.r1 li { background:url(images/r1.gif) center left no-repeat; margin:0 0 0 0; padding:0 0 0 9px;}
.r1 li a { color:#003366; text-decoration:none;  background-position:left center;}
.r1 li a:hover { text-decoration:underline; color:#003366;}

/*###*/
.menu td a {display:block;text-decoration:none;}
.menu td a:hover {text-decoration:none;}

.menu td.m1 a  {width:216px;height:63px; background:url(images/servicebw.jpg) no-repeat;}
.menu td.m1 a:hover {background:url(images/servicewb.jpg) no-repeat top;}
.menu td.m2 a  {width:216px;height:63px; background:url(images/lifestylebw.jpg) no-repeat;}
.menu td.m2 a:hover {background:url(images/lifestylewb.jpg) no-repeat; }
.menu td.m3 a  {width:216px;height:63px; background:url(images/resourcesbw.jpg) no-repeat;}
.menu td.m3 a:hover {background:url(images/resourceswb.jpg) no-repeat; }
.menu td.m4 a  {width:216px;height:63px; background:url(images/heritagebw.jpg) no-repeat;}
.menu td.m4 a:hover {background:url(images/heritagewb.jpg) no-repeat; }
.menu td.m5 a  {width:216px;height:63px; background:url(images/friendshipbw.jpg) no-repeat;}
.menu td.m5 a:hover {background:url(images/friendshipwb.jpg) no-repeat top; }
.menu td.m6 a  {width:216px;height:63px; background:url(images/recruitmentbw.jpg) no-repeat;}
.menu td.m6 a:hover {background:url(images/recruitmentwb.jpg) no-repeat; }
.menu td.m7 a  {width:334px;height:209px; background:url(images/zelogo.jpg) no-repeat;}
.menu td.m7 a:hover {background:url(images/zelogo.jpg) no-repeat; }
.menu td.m8 a  {width:45px;height:25px; background:url(images/back1.jpg) no-repeat;}
.menu td.m8 a:hover {background:url(images/back1.jpg) no-repeat; }
.menu td.m9 a  {width:45px;height:25px; background:url(images/back2.jpg) no-repeat;}
.menu td.m9 a:hover {background:url(images/back2.jpg) no-repeat; }


/*####*/
a
{outline: none;}

.a1{ width:128px;}
.a2{ width:255px;}
.a2 img{ margin:39px 0 0 11px;}
.a3{width:100%; height:1px; background:#003366;}

.ah{background:url(images/home.jpg) top left no-repeat; width:394px; height:263px;}
.ah table{margin:238px 0 0 8px;}
.a0{background:url(images/1f1.jpg) top left no-repeat; width:384px; height:263px;}
.a0 table{margin:238px 0 0 8px;}
.a1{background:url(images/splash.jpg) top left no-repeat; width:384px; height:263px;}
.a1 table{margin:238px 0 0 8px;}

.a2{background:url(images/skate.jpg) top left no-repeat; width:384px; height:263px;}
.a2 table{margin:238px 0 0 8px;}
.a3{background:url(images/splash.jpg) top left no-repeat; width:384px; height:263px;}
.a3 table{margin:238px 0 0 8px;}
.a4{background:url(images/ 1f1.jpg) top left no-repeat; width:384px; height:263px;}
.a4 table{margin:238px 0 0 8px;}
.a5{background:url(images/friend.jpg) top left no-repeat; width:384px; height:263px;}
.a5 table{margin:238px 0 0 8px;}
.a6{background:url(images/m6m.jpeg) top left no-repeat; width:384px; height:263px;}
.a6 table{margin:238px 0 0 8px;}



.f1 td input{ width:300px; height:20px; border:1px solid #003366; background:#ccccff; color:#003366; padding:1px 0 1px 4px; font-size:11px; font-family:tahoma; margin-bottom:6px;}
.f1 td textarea{ width:300px; height:70px; border:1px solid #003366; background:#ccccff; color:#003366; padding:1px 0 1px 4px; font-size:11px; font-family:tahoma; overflow:auto; margin-bottom:12px;}



.f2 td input{ width:300px; height:20px; border:1px solid #003366; background:#ccccff; color:#003366; padding:1px 0 1px 4px; font-size:11px; font-family:tahoma; margin-bottom:6px;}
.f2 td textarea{ width:300px; height:70px; border:1px solid #003366; background:#ccccff; color:#003366; padding:1px 0 1px 4px; font-size:11px; font-family:tahoma; overflow:auto; margin-bottom:12px;}



#gallery {
  padding:0; 
  margin:0; 
  list-style-type:none; 
  overflow:hidden; 
  width:320px; 
  height:425px; 
  border:1px solid #888; 
  background:#fff url(windows/win_back.gif);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:run-in:margin-top:233em; 
  height:20px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:320px; 
  height:30px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:239px;
  }
#gallery li a:hover img {
  height:239px;
  }