<style type="text/css">
<!--
/* Style information */

/* BODY general style.*/
.body	{  
		 font-family: Arial, Verdana, sans-serif;
		 font-size: 8pt;
		 color: #000000;
		}


.style1 {	font-family: Arial, Verdana, sans-serif;
	font-size: 12pt;
	color: #339900;
	font-weight: bold;}

		
.style20 {	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	color: #990000;
	font-weight: bold;}
.style21 {	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	
}
.style25 {color: #000000; font-family: "Comic Sans MS"; font-weight: bold; font-size: medium;
}
.style26 {font-family: "Arial, Helvetica, sans-serif";  font-size: medium;
}

.style27 {color: #FF0000; font-family: "Comic Sans MS"; font-size: medium;
}

h1 { font-family: Arial, Verdana, sans-serif; font-size: 20px; color: #000000 }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #000000 }
.smallh1 {
  font-size: 14px;
  font-family: Arial;
  color: #000080
  }

.smallh2 {
  font-size: 30px;
  font-family: Arial;
  color: #800000
  }
.smallh3 {
  font-size: 18px;
  font-family: Arial;
  color: #000080
  }
.header1 {
  font-size: 20px;
  font-family: Arial;
  color: #990000
  }
.header2 {
  font-size: 14px;
  font-family: Arial;
  color: #990000
  }


/* MAIN TABLE  */
.maintable	{
			 background-color: #FFFFFF;
			 width: 820px;
			 height: 100%;
			 padding: 0px;
			 }
			 
/* SIDE AD COLUMNS -  There is a style for each, left and right, as there is one subtle difference which is the border attribute.  */
.leftcolumn	{background-color: #B4C6C6;
			 border-left: 0px double #CCCCCC;
                    
			 }
			 
.rightcolumn {background-color: #B4C6C6;
			  border-right: 0px double #CCCCCC;
			  }
.threeline	{border-top: 1px dotted #aaaaaa;
			 border-bottom: 1px dotted #aaaaaa;
border-left: 1px dotted #aaaaaa;
			 border-right: 1px dotted #aaaaaa;}  


.firsth		{border-left: 1px dotted #aaaaaa;
			 border-right: 1px dotted #aaaaaa;
			 background-color: #CFECEC;}

.secondh	{border-right: 1px dotted #aaaaaa;
			 background-color: #CFECEC;}

.thirdh		{border-right: 1px dotted #aaaaaa;
			 background-color: #CFECEC;}

.first		{border-left: 1px dotted #aaaaaa;
			 border-right: 1px dotted #aaaaaa;}

.second		{border-right: 1px dotted #aaaaaa;}

.third		{border-right: 1px dotted #aaaaaa;}




.firstf		{border-bottom: 1px dotted #aaaaaa;
			 border-left: 1px dotted #aaaaaa;
			 border-right: 1px dotted #aaaaaa;
			 padding-bottom:10px;}

.secondf	{border-bottom: 1px dotted #aaaaaa;
			 border-right: 1px dotted #aaaaaa;
			 padding-bottom:10px;}

.thirdf		{border-bottom: 1px dotted #aaaaaa;
			 border-right: 1px dotted #aaaaaa;
			 padding-bottom:10px;}

.adheader	{font-size: 10pt;
			 font-weight: 600;}
			 
.threelinead	{border: 1px dotted #aaaaaa;}


.visitsite	{border: 1px dotted #aaaaaa;
			 background-color: #CFECEC;
			 font-size: 9px;
			 font-weight:600;
			 padding: 0px 2px 0px 2px;}

.visitsite3	{background-color: #FFFFFF;
			 color: #990000;
			 border-top: 0px dotted #D4D0C8;
			 border-bottom: 0px dotted #D4D0C8;
			 font-size: 12px;
			 font-weight: 800;}

.adbody		{font-size: 10pt;
			 font-weight: 500;
			 color: #333333;}

.mainbody		{font-size: 10pt;
			 font-weight: 500;
			 color: #333333;}

.menutext     {color: #333333;
                         font-size: 10pt;}
.redtext		{font-size: 10pt;
			 font-weight: 500;
			 color: #990000;}



/*three line ad colums*/
.threelinead    {background-color: #FFFFFF;
color: #CC0000;
			 border-top: 0px dotted #5B7C7C;
			 border-bottom: 0px dotted #5B7C7C;
			 font-size: 14px;
			 font-weight: 600;}
                         
			  
/* HYPERLINKS - apply different styles to links, so that it's obvious it's a link, especially when the visitor rolls the mouse cursor over it. */

a:link		{color: #000080;
			 text-decoration: underline;}
a:visited 	{color: #000080;
			 text-decoration:underline;}
a:hover		{color: #CC0000;
			 text-decoration:none;}
a:active	{color: #000080;
			 text-decoration:underline;}



/*three line ad colum footers*/
.threelineadfoot    {background-color: #FFFFFF;
border-top: 0px;
			 border-bottom: 1px dotted #CC0000;
                           }
			  
/* HYPERLINKS - apply different styles to links, so that it's obvious it's a link, especially when the visitor rolls the mouse cursor over it. */

a:link		{color: #000080;
			 text-decoration: underline;}
a:visited 	{color: #000080;
			 text-decoration:underline;}
a:hover		{color: #CC0000;
			 text-decoration:none;}
a:active	{color: #000080;
			 text-decoration:underline;}




/* Customised Links allow you to apply a class to individual links, which will override the default hyperlink style you previously setup. Look at the <a href> code in the threeline Ads section and see that I have applied class="ma" to the links, which picks up the hyperlink style below. */
a:link.ma	{color: #CC0000;
			 text-decoration: underline;}
a:visited.ma {color: #CC0000;
			 text-decoration:underline;}
a:hover.ma	{color: #000080;
			 text-decoration:underline;}
a:active.ma	{color: #CC0000;
			 text-decoration:underline;}


/* Customised Links allow you to apply a class to individual links, which will override the default hyperlink style you previously setup. Look at the <a href> code in the month special section below and see that I have applied class="sa" to the links, which picks up the hyperlink style  - USED WITH RED BACKGROUND. */
a:link.sa	{color: #FFFF99;
			 text-decoration: underline;}
a:visited.sa {color: #FFFF99;
			 text-decoration:underline;}
a:hover.sa	{color: #FFFFFF;
			 text-decoration:none;}
a:active.sa	{color: #FFFF99;
			 text-decoration:underline;}


a:link.producttitle	{color: #000080;
                         font-size: 20px;
			 font-weight: bold;
			 text-decoration: underline;}
a:visited.producttitle {color: #000080;
font-size: 20px;
			 font-weight: bold;
			 text-decoration:underline;}
a:active.producttitle	{color: #000080;
font-size: 20px;
			 font-weight: bold;
			 text-decoration:underline;}
a:hover.producttitle	{color: #CC0000;
font-size: 20px;
			 font-weight: bold;
			 text-decoration:underline;}

			 
/* LINK BAR  - This creates the style of the Link Bar  */

.linkbar	{background-color: #ffffcc;
			 color: #000000;
			 border-top: 0px solid #CCCCCC;
			 border-bottom: 0px solid #CCCCCC;
			 font-size: 15px;
			 font-weight: 500;}

/* Customised Links allow you to apply a class to individual links, which will override the default hyperlink style you previously setup. Look at the <a href> code in the Link Bar section below and see that I have applied class="lb" to the links, which picks up the hyperlink style below. */
a:link.lb	{color: #000000;
			 text-decoration: underline;}
a:visited.lb {color: #000000;
			 text-decoration:underline;}
a:hover.lb   {color: #FFFFFF;
			 text-decoration:none; background-color: #990000;}
a:active.lb	{color: #000000;
			 text-decoration:underline;}


/* BROAD BAR  - This creates the style of the Broad Bar which sits in the main index section. There is also some customised hyperlinks too.  */

.broadbar	{background-color: #FFFF99;
			 color: #CC0000;
			 border-top: 3px solid #CC0000;
			 border-bottom: 3px solid #CC0000;
			 font-size: 16px;
			 font-weight: 800;}

/* BROAD BAR 2  - This creates the style of the Broad Bar which sits in the main index section. There is also some customised hyperlinks too.  */

.broadbar2	{background-color: #B4C6C6;
			 color: #CC0000;
			 border-top: 0px solid #CC0000;
			 border-bottom: 0px solid #CC0000;
			 font-size: 18px;
			 font-weight: 800;}

/* 3 LINE AD FOOTER  - This creates the style of the 3 line ad footer. There is also some customised hyperlinks too. This is getting more advanced, so if you understand it then you'll be on the track to some great webdesign. */

.adfoot 	{background-color: #FFFFFF;
			 color: #CC0000;
			 border-top: 0px dotted #CC0000;
			 border-bottom: 1px dotted #CC0000;
			 font-size: 10px;
			 font-weight: 500;}

/* SPECIAL  - This creates the style of the special offers */

.special	{background-color: #B4C6C6;
			 color: #CC0000;
			 border-top: 0px solid #CC0000;
			 border-bottom: 0px solid #CC0000;
			 font-size: 14px;
			 font-weight: 600;}
/* SPECIAL2  - This creates the style of the right column headers */

.special2	{background-color: #EFEDF8;
			 color: #CC0000;
			 border-top: 0px solid #5B7C7C;
			 border-bottom: 0px solid #5B7C7C;
			 font-size: 14px;
			 font-weight: 600;}
/* SPECIAL6  - This creates the style of the special offers */

.special6	{background-color: #EFEDF8;
			 color: #000000;
			 border-top: 0px solid #D4D0C8;
			 border-bottom: 0px solid #D4D0C8;
			 font-size: 14px;
			 font-weight: 600;}

/* SPECIAL4  - This creates the style of the top special offers */

.special4	{background-color: #FFFFFF;
			 color: #990000;
			 border-top: 0px solid #D4D0C8;
			 border-bottom: 0px solid #D4D0C8;
			 font-size: 14px;
			 font-weight: 500;}


/* SPECIAL3  - This creates the style of the sidebar headers */

.special3	{background-color: #B4C6C6;
			 color: #990000;
			 border-top: 0px solid #D4D0C8;
			 border-bottom: 0px solid #D4D0C8;
			 font-size: 12px;
			 font-weight: 600;}
/*Special5 - This creates the style of the sidebar offers */

.specialt5	{border-top: 3px solid #D4D0C8;
			 border-bottom: 3px solid #D4D0C8;}  


.special5		{border-top: 3px solid #D4D0C8;
background-color: #FFFFFF;
			 color: #000000;
 			font-size: 12px;
			 font-weight: 500;
			border-left: 3px solid #D4D0C8;
			 border-right: 3px solid #D4D0C8;}

.special5f	{background-color: #FFFFFF;
		border-bottom: 3px solid #D4D0C8;
			 border-right: 3px solid #D4D0C8;
border-left: 3px solid #D4D0C8;
			 padding-bottom:10px;}

.special7		{border-top: 0px ;
background-color: #FFFFFF;
			 color: #000000;
 			font-size: 14px;
			 font-weight: 500;
			border-left: 0px ;
			 border-right: 0px }
border-bottom: 0px ;


.visitsite2	{border: 1px solid #aaaaaa;
			 background-color: #dddddd;
			 font-size: 11px;
			 font-weight:600;
			 padding: 0px 2px 0px 2px;}


/* Customised Links allow you to apply a class to individual links, which will override the default hyperlink style you previously setup. Look at the <a href> code in the Broad Bar section below and see that I have applied class="bb" to the links, which picks up the hyperlink style below. */
a:link.bb	{color: #FFFFFF;
			 text-decoration:none;}
a:visited.bb {color: #FFFFFF;
			 text-decoration:none;}
a:hover.bb	{color: #CC0000;
			 text-decoration:none;}
a:active.bb	{color: #FFFFFF;
			 text-decoration:none;}

/* Customised Links Menu */
a:link.lm	{color: #000080;
			 text-decoration: underline;}
a:visited.lm {color: #000080;
			 text-decoration:underline;}
a:hover.lm	{color: #990000;
			 text-decoration:none; background-color: #B4C6C6;}
a:active.lm	{color: #000000;
			 text-decoration:underline;}

.jobtable1 {
    border: dashed;
  border-width: 1px;
  border-bottom-color: #B0C4DE;
  border-top-color: #B0C4DE;
  border-left-color: #B0C4DE;
  border-right-color: #B0C4DE;

.jobtable1 td {
  
  font-size        : 9px;
  font-weight      : normal;
  font-family      : Arial;

.jobtable2 {
    border: dotted;
  border-width: 1px;
  border-bottom-color: #B0C4DE;
  border-top-color: #B0C4DE;
  border-left-color: #B0C4DE;
  border-right-color: #B0C4DE;

.jobtable2 td {
  width            : 100%;
  font-size        : 9px;
  font-weight      : normal;
  font-family      : Arial;
			 
/*  end of the style information  */
-->
</style>







