body {padding:0; margin:0; border:0; font:90% "verdana"; background:#fff}
a {color:blue;}
a:visited {color:maroon;}
a:active {color:red;}
a:hover {text-decoration:none; color:#000;}

P.text:first-letter { FONT-SIZE: 18px arial; COLOR: #840;}
p {font:normal 12px verdana, arial, serif; margin:0; padding:0;}
p.small, p.small a, p.small a:visited {font-size:10px; color:#888;}

h1 {font-size: 18px; margin:0; padding:5px 0 5px 0; color:#336633;}
h2 {font-size: 16px; margin:0; padding:5px 0 5px 0; color:#336633;}
h3 {font-size: 12px; color:#666; margin:0; padding:0 0 15px 0;}

th { vertical-align: top; text-align:left; }
td { vertical-align: top; text-align:left; }

.heading { FONT-FAMILY: arial, georgia, serif; FONT-SIZE: 16px; color: #669966; }

.subheading { FONT-FAMILY: arial, georgia, serif; FONT-SIZE: 14px; font-weight: bold; color: #669966; }

img { padding:3px;}

#wrapper {min-width:950px; text-align:left;}

#heading {height:80px; padding:10px 20px 0 20px; border-bottom:5px solid #fc0; margin:0 0 20px 0; background:url() no-repeat;}
#heading h1 {font: bold italic 3em "times new roman", serif; margin:0 0 0 50px; padding:0;}
#heading h1 span {color:#888; padding-left:2px;}
#heading h2 {font: normal 0.9em verdana, arial, sans-serif; margin-left:50px; padding-bottom:10px; color:#444;}

#container {width:950px; height:550px; position:relative; top:0px; background:url(../images/dashbg.jpg) no-repeat;}

#main {display:block; position:absolute; top:115px; left:230px; width:485px; height:490px; padding:10px 30px; margin:0px; background:#E1E9ED; text-align:justify;}


#right {display:block; position:absolute; top:115px; left:780px; width:150px; height:490px; padding:10px 30px; margin:0px; background:#CEE0EA}

/* the menu styling */

#menu {font-family:arial, verdana, sans-serif; font-size:12px; position:relative; width:100px; height:350px;}
#menu #marker {position:absolute; top:200px; left:20px; height:20px; width:101px; background:#7a93b1 url(../images/mark.gif) no-repeat left center;}
#menu a:active, #menu a:focus {outline:0; color:#000;}
#menu a {color:#fff;}
#menu a:hover {color:#000;}

#menu ul.none {display:none;}
#menu ul.yes {display:block; position:absolute; top:200px; left:130px; width:100px; padding:0; margin:0; list-style:none;}
#menu ul.yes li a {display:block; height:20px; line-height:20px; text-decoration:none; text-indent:5px; white-space:nowrap; width:100px;}

#menu #sub_1 a {color:#c00;}
#menu #sub_2 a {color:#080;}
#menu #sub_3 a {color:#00c;}
#menu #sub_4 a {color:#880;}
#menu #sub_5 a {color:#808;}
#menu #sub_6 a {color:#088;}
#menu #sub_7 a {color:#666;}

#menu #sub_1 a:hover,
#menu #sub_2 a:hover,
#menu #sub_3 a:hover,
#menu #sub_4 a:hover,
#menu #sub_5 a:hover,
#menu #sub_6 a:hover,
#menu #sub_7 a:hover {color:#000;}

#menu #sub_0 {list-style-type:none; padding:0; margin:0; width:100px; position:absolute; left:0; top:200px;}
#menu ul#sub_0 li {display:block; width:100px; height:20px; float:left;}
#menu ul#sub_0 a {display:block; text-decoration:none; text-indent:35px;}
#menu ul#sub_0 li a, #menu ul a {width:0; height:0; position:relative;}
#menu ul#sub_0 li a b {display:block; 3idth:100px; position:absolute; left:0; top:0; white-space:nowrap; display:block; height:19px; line-height:19px; font-weight:normal; cursor:pointer;}

/* For Click Gallery - needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../pictures/1s.jpg);}
a.slideb {background:url(../pictures/2s.jpg);}
a.slidec {background:url(../pictures/3s.jpg);}
a.slided {background:url(../pictures/4s.jpg);}
a.slidee {background:url(../pictures/5s.jpg);}
a.slidef {background:url(../pictures/6s.jpg);}
a.slideg {background:url(../pictures/7s.jpg);}
a.slideh {background:url(../pictures/8s.jpg);}
a.slidei {background:url(../pictures/1s.jpg);}
a.slidej {background:url(../pictures/2s.jpg);}
a.slidek {background:url(../pictures/2s.jpg);}
a.slidel {background:url(../pictures/2s.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for RIGHT gallery */
#container_right {position:relative; width:680px; height:430px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:170px; position:absolute; right:0; top:0;}
#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:320px; left:-480px; padding:5px; font-style:italic; color:red;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:486px; height:306px; top:5px; left:-500px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_right h1 {clear:both; margin:0; padding-top:85px; padding-left:50px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_right h1 em {font-size:0.6em; color:#000;}