* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 background: url(/images/webpic/0000/0719/bodybg.gif);
}
#wrapper {
margin: 0 auto;
width:900px;
}
#banner {
width: 900px;
padding: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
height:150px;
margin: 10px 0px 0px 0px;
background-image: url(/images/webpic/0000/0716/logoshadow.gif);
background-repeat:no-repeat;
}

#top_menu {
float:left;
height:100%;
width:100%;
color: #003300;
line-height: normal;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #F2F2E6;
}
#top_menu ul {
margin:0;
padding:5px 10px 0px 10px;
list-style:none;
}
#top_menu li {
display:inline;
margin:0;
padding:0;
}
#top_menu a {
float:left;
background: url(/images/webpic/0000/0722/tableft1.gif) no-repeat left top;
padding:0 0 0 8px;
text-decoration:none;
margin: 0px 0px 5px 0px;
}
#top_menu a span {
float:left;
display:block;
background: url(/images/webpic/0000/0725/tabright1.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color: #003300;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top_menu a span {float:none;}
/* End IE5-Mac hack */
#top_menu a:hover span {
color:#FFF;
}
#top_menu a:hover {
 background-position:0% -42px;
}
#top_menu a:hover span {
background-position:100% -42px;
}
#top_menu li.current a, #top_menu li a:hover{
color: #000000;
background:url(/images/webpic/0000/0722/tableft1.gif) no-repeat; /*left tab image*/
display:inline;
background-position:0% -42px;
}
#top_menu li.current a span, #top_menu li a:hover span{
color: #FFFFFF;
background: url(/images/webpic/0000/0725/tabright1.gif) no-repeat right top; /*right tab image*/
background-position:100% -42px;
}
#content {
width: 100%;
color: #333;
float:left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #F2F2E6;
margin: 0px;
padding:0px;
height: auto;
}
 .textwrap {
width:850px;
height:auto;
margin:auto;
background:#F2F2E6;
padding:10px;
text-align:left;
 }

#footer {
float:left;
height:50px;
width: 900px;
color: #ffffff;
padding-top: 14px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0px;
background-image:url(/images/webpic/0000/0728/footer.gif);
background-repeat:no-repeat;
text-align: center;
}
#footer a:link{
color:#FFFFFF;
}
#footer a:visited{
color:#FFFFFF;
}
#footer a:hover{
color:#FFFFFF;
}
#footer a:focus{
color:#FFFFFF;
}
#footer a:active{
color:#FFFFFF;
}

img.floatleft {
    float: left; 
    margin: 4px; 
}
img.floatright { 
    float: right; 
    margin: 4px; 
}

table.service
{

color:#000000;
background-color:#f1f1f1;
font-size: 100%;
padding:0px;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-bottom: 0px solid gray;
border-right: 0px solid gray;
}

table.service th, table.service td 
{
padding-bottom:2px;
border-top: 0px solid gray;
border-left: 0px solid gray;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

 /*start of Tooltip css code here */
 
a.textbox{
position:relative;           /*this is the key*/
z-index:24;
color:#000000;               /* colour of display text */        
text-decoration:underline;
}
a.textbox:hover {
z-index:25;
background-color:#EEEEEE;
text-decoration:none; 
}
 
a.textbox span{
 display: none;  /* hide the span text using this css */
 }
 
a.textbox:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top: 1.5em;
left: 3em;
width:15em;
border:1px solid #000000; /* border colour */		
background-color:#FFFFFF; /* background colour*/
color:#000000;         /* text colour */
text-align: center;
font-style:bold;
z-index:30;
text-decoration:none;
padding:5px;
text-align:left;
}
.textbox {
vertical-align:bottom;
}
 /*End of Tooltip css code here */
 h1.headertext {
 font-size:18px 
 }
 h2.largetext{
 font-size:14px;}
 /*Special code for images links**/
 
a.whitelink:link{
color:#FFFFFF;
}
a.whitelink:visited{
color:#FFFFFF;
}
a.whitelink:hover{
color:#FFFFFF;
}
a.whitelink:focus{
color:#FFFFFF;
}
a.whitelink:active{
color:#FFFFFF;
}
/**Special code for images link End here**/
/*This code for image description**/
div.desc
{
text-align: center;
font-weight: normal;
width: 267px;
 margin: 5px;
}
div.descright
{
float:right;
  text-align: center;
  font-weight: normal;
  width: 267px;
   margin: 5px;
}
div.descleft
{
float:left;
text-align: center;
font-weight: normal;
width: 267px;
margin: 5px;
}
/**Image discription end here*/

ul.contentlist {
list-style-position: inside;
}