
.headerTop {
              background-color:#FFCC66;
              border-top:0px solid #000000;
              border-bottom:1px solid #FFFFFF;
              text-align:center;
              background: url('header_bg.jpg') repeat-x;
              }

 .adminText { 
              font-size:10px; 
              color:#996600; 
              line-height:200%;
              font-family:verdana; 
              text-decoration:none; 
              }

 .headerBar {
              background-color:#FFFFFF; 
              border-top:0px solid #333333; 
              border-bottom:10px solid #FFFFFF; 
              }

 .title { 
          font-size:20px; 
          font-weight:bold;
          color:#CC6600; 
          font-family:arial; 
          line-height:110%; 
          }

 .subTitle { 
             font-size:11px; 
             font-weight:normal; 
             color:#666666; 
             font-style:italic; 
             font-family:arial; 
             }

 td { 
      font-size:12px; 
      color:#000000; 
      line-height:150%; 
      font-family:trebuchet ms; 
      }

 .sideColumn { 
               background-color:#FFFFFF; 
               border-left:1px dashed #CCCCCC; 
               text-align:left;
               }

 .sideColumnText { 
                   font-size:11px; 
                   font-weight:normal; 
                   color:#999999; 
                   font-family:arial; 
                   line-height:150%; 
                   }

 .sideColumnTitle { 
                    font-size:15px; 
                    font-weight:bold;
                    color:#333333; 
                    font-family:arial;
                    line-height:150%; 
                    }

 .footerRow { 
              background-color:#FFFFCC; 
              border-top:10px solid #FFFFFF; 
              }

 .footerText { 
               font-size:10px; 
               color:#996600;
               line-height:100%; 
               font-family:verdana;
               }

 a {
     color:#7c7eff;
     color:#7c7eff;
     color:#7c7eff;
     }

div#marqueecontainer {
	             width: 210px;
	             height: 200px;
	             overflow: hidden;
	             margin-left: 0px;
	             padding: 0px 0px 0px 0px;
	             position: relative;
	             top: 5px;
	             bottom: 5px;
	             right: 5px;
                     left: 0px;
	             font-size: 0.8em;
                     }


div#maincol {
	width: 500px;
	padding: 0 0 0 0;
	float: left;
}



ul#nav {
	width: 500px;
	height: 0px;
	margin: 0;
	padding: 0;
       }

	ul#nav li {
                   margin: 0;
                   padding: 0;
                   float: left;
                   list-style-type: none;
                   display: block;
                   height: 20px;
                   background: transparent url(K:\free_templates\img\nav_sep.gif) no-repeat right;
                   }

		ul#nav li a:link, ul#nav li a:visited {
			color: #38494e;
			background-color: inherit;
			text-decoration: none;
			line-height: 29px;
			padding: 5px 24px 7px 20px;
		}

		ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active {
			color: #38494e;
			text-decoration: none;
			line-height: 29px;
			margin: 0;
			padding: 5px 24px 5px 20px;
			background-color: inherit;
			background: url(K:\free_templates\img\nav_hover.gif) no-repeat bottom;
		}

		ul#nav > li > a:hover, ul#nav > li > a:focus, ul#nav > li > a:active {
			padding: 5px 24px 10px 20px;
		}
		


/*Begin: This CSS coding is for mouse over picture, to have it enlarged*/
#menu {
      position:relative; 
      top:0px; 
      left:0px;
      width:120px; 
      height:90px; 
      background-color:#fff; 
      z-index:100;
      }

#menu a.p1, #menu a.p1:visited
                               {
                               display:block; 
                               width:120px; 
                               height:90px; 
                               text-decoration:none; 
                               background:#fff; 
                               top:0; 
                               left:0; 
                               border:0;
                               }

#menu a img {
            border:0;
            }

#menu a.p1:hover {
                 text-decoration:none; 
                 background-color:#8c97a3; 
                 color:#000;
                 }

#menu a .large {
               display:block; 
               position:absolute; 
               width:0; 
               height:0; 
               border:0; 
               top:0; 
               left:0;
               }

#menu a.p1:hover .large 
                        {
                        display:block; 
                        position:absolute; 
                        top:-150px; left:250px;
                        width:480px;
                        height:360px;
                        border:10px solid #ccc;
                        z-index:120;
                        }

#info {
      z-index:100; 
      height:22em;
      }
/*End: This CSS coding is for mouse over picture, to have it enlarged*/

/*Begin: This CSS coding is for mouse over picture, to have it enlarged*/
#menu-1 {
      position:relative; 
      top:0px; 
      left:0px; 
      width:120px; 
      height:90px; 
      background-color:#fff; 
      z-index:100;
      }

#menu-1 a.p1, #menu a.p1:visited
                               {
                               display:block; 
                               width:120px; 
                               height:90px; 
                               text-decoration:none; 
                               background:#fff; 
                               top:0; 
                               left:0; 
                               border:0;
                               }

#menu-1 a img {
            border:0;
            }

#menu-1 a.p1:hover {
                 text-decoration:none; 
                 background-color:#8c97a3; 
                 color:#000;
                 }

#menu-1 a .large {
               display:block; 
               position:absolute; 
               width:0; 
               height:0; 
               border:0; 
               top:0; 
               left:0;
               }

#menu-1 a.p1:hover .large
                        {
                        display:block; 
                        position:absolute;
                        top:-150px; left:125px;
                        width:480px;
                        height:360px; 
                        border:10px solid #ccc;
                        z-index:120;
                        }

#info {
      z-index:100; 
      height:22em;
      }
/*End: This CSS coding is for mouse over picture, to have it enlarged*/



/*Start: Heading for individual products, with line accross to seperate things out*/
h3 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   background: #fff url(img/heading_ul.gif) repeat-x bottom left;
   font: 16px Arial, Helvetica, Verdana, Sans-serif;
   color: #666;
   }
/*End: Heading for individual products, with line accross to seperate things out*/


h4 {
        clear: both;
	margin: 0;
	padding: 20 0 0 0;
	color: #b1bebb;
	text-align: Left;
	font-size: 16px;
	color:#808080;
	font-family:times;
	line-height:100%;
}

h5 {
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	color: #b1bebb;
	text-align: Left;
	font-size: 0.7em;
	color:#808080;
	font-family:times;
	line-height:100%;
}

/*This CSS coding is for mouse over on certain text, to enable pop-up of explanation*/
#dhtmltooltip{
              font-size:0.7em;
              position: absolute;
              width: 350px;
              color:#ffffff;
              padding: 5px;
              visibility: hidden;
              z-index: 150;
              /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
              filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
              }


div#maincol h2 {
		margin: 15px 0 7px 13px;
		padding: 0 0 0 7px;
		background: #fff url(./images/heading_ul.gif) repeat-x bottom left;
		font: 1.8em Georgia, "Times New Roman", Times, Serif;
		color: #38494e;
		width: 300px;
	}


