html   {
       background-color: #eeeeee; /* sides and bottom */
       }

body   {
       margin: 0px 0px 0px 0px; 
       padding: 0px 0px 0px 0px;
       background-color: #eeeeee;
       background-image: url(images/back.png);
       background-position: top center;
       background-repeat: repeat-y;  
       }

#bd    {   /* this fixes IE6 issue of right column wrapping */
       border-left: 1px solid white;
       border-right: 1px solid white;
       }

a:link {text-decoration: none; color: red;}
a:visited {text-decoration: none; color: red;}
a:hover {text-decoration: none; color: #FF4500;}
a:active {text-decoration: none; color: #FF4500;}

.link2 a:link {text-decoration: none; color: green;}
.link2 a:visited {text-decoration: none; color: green;}
.link2 a:active {text-decoration: none; color: green;}
.link2 a:hover {text-decoration: none; color: #FF4500;}

h1 {
 font-size: 123.1%;
 font-weight: bold;
 padding: 0px 0px 0px 0px; /*top - right - bottom - left*/
 color: black;
 display: none;
 }

h2 {
 font-size: 116%;
 font-weight: bold;
 padding: 0px 5px 0px 10px; /*top - right - bottom - left*/
 color: red;
 }

h3 {
 font-size: 108%;
 font-weight: bold;
 padding: 0px 5px 0px 10px; /*top - right - bottom - left*/
 color: red;
 }

h4 {
 font-size: 100%;
 font-weight: bold;
 padding: 0px 5px 0px 5px; /*top - right - bottom - left*/
 color: black;
 display: none;
 }

ul, li  {
        margin-left: 11px;
        padding: 0px 0px 10px 0px; /*top - right - bottom - left*/
        font-size: 100%;
        font-weight: normal;	
        line-height: 1.3;
        color: gray;
        text-align: left;
        }

ul li   {
        list-style: disc outside;
        padding: 0px 0px 0px 0px; /*top - right - bottom - left*/
        }

p.copy1 {
	font-size: 100%;
	line-height: 130%;
	padding: 5px 30px 5px 10px; /*top - right - bottom - left*/
	color: gray;
        text-align: justify;
	}

p.telnum {
	 font-size: 116%;
	 line-height: 130%;
	 padding: 0px 5px 0px 5px; /*top - right - bottom - left*/
         font-style: italic;
         font-weight: bold;
	 color: #ffffff;
	 }
	
.menu  {
	font-size: 93%;
	line-height: 125%;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 5px 5px 0px 8px; /*top - right - bottom - left*/
	color: gray;
	}

strong, b {
	font-weight: bold;
	color: red;
	}

#hd     {
        }

.hd1    {
        margin: 0px 0px 0px 0px; /*top - right - bottom - left*/
        background-image: url(images/header.png);
        background-repeat: no-repeat;
        background-position: top center; 
        background-color: #ffffff;
        height: 180px;
        }


#yui-main {
          background-color: #ffffff;
          }

.yui-b {
        background-color: #ffffff;
        }

.yui-g  {
        background-color: #ffffff;
        }

.yui-gc {
        background-color: #ffffff; /* background for centre and right #ded8d8 */
        }
	
.yui-u  {
        background-color: #ffffff;
        }

.side   {
        background-image: url(images/side.png);
        background-repeat: no-repeat;
        background-position: top right;
        }

.side2   {
        background-image: url(images/side2.png);
        background-repeat: no-repeat;
        background-position: top right;
        }

#ft     {
        margin: 0px 0px 0px 0px; /*top - right - bottom - left*/
        padding: 10px 0px 15px 0px; /*top - right - bottom - left*/
        font-size: 100%;
	line-height: 130%;
        color: gray;
        text-align: right;
        background-image: url(images/footer.png);
        background-repeat: no-repeat;
        background-position: bottom left; 
        background-color: #ffffff;
        }
 
p.green  {
        font-size: 100%;
	line-height: 130%;
	padding: 5px 30px 5px 10px; /*top - right - bottom - left*/
	color: green;
        text-align: justify;
        }   
 
.centre  {
         text-align: center;
         }

.myred   {
         color: red;
         }

.mygreen   {
         color: green;
         }

.mygrey  {
         color: gray;
         }

.psighted {
	  font-size: 250%;
	  line-height: 140%;
	  margin: 0 0 0 0; /* top right bottom left */
	  padding: 10px 10px 10px 10px; /*top - right - bottom - left*/
	  color: #ffffff;
	  background-color: #1e1c1c;
	  }

img.top   {
          vertical-align:text-top;
          }

.imgspace {
          margin:  0px 0px 0px 0px; /* top right bottom left */
          padding: 0px 0px 0px 0px; /*top - right - bottom - left*/
          }

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}