body,td,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
        color: black;
 }
	a{
		font-size: 10px;
		font-weight: normal;
		color: black;
	}
	a:visited{
	color: gray;
}
	a:active{
	color: red;
	}
	a:hover{
	text-decoration : none;
	color: red;
}

h1 { text-align: center;
font-size: 12px;}


.footnav { color: #ffffff;
	font-size : 10px;
        margin: 5px;
        text-decoration: none;
}

.footnav:Visited  {
        color: #dddddd;
        text-decoration: none;
}

.footnav:Active  {
        color: #ffffff;
        text-decoration: none;
}

.footnav:Hover  {
        color: #ffffff;
        text-decoration: none;


}

.design { color: #eeeeee;
	font-size : 8pt;
        text-decoration: none;
}

.design.A  {
	color : #eeeeee;
        text-decoration: none;
	}

.design:Visited  {
	color : #eeeeee;
        text-decoration: none;
}

.design:Active  {
	color : #eeeeee;
        text-decoration: none;
        }

.design:Hover  {
	color : #ffffff;
	 text-decoration: none;
}

.right { color: #ffffff;
	font-size : 12px;
        margin-left: 10px;
}



.justify { text-align: justify;}

           /* from ppk */

     /* The styles for each menu*/
     div.navilayer  {
     	position : absolute;
     	top : 240px;			/* distance from the top */
     	visibility : hidden;
     	width : 100px;			/* default with */ 
        font-size: 10px;
     }

     /* The extra DIV around the links. I'd rather have done

     	a {display: block}

     	throughout but that doesn't work in Explorer 4.*/
     div.navilayer div  {
     	width : 100px;
     	border-top-width : 1px;			/* thickness of the top line*/
     	border-top-style : solid;
     	border-top-color : #101200;		/* Color of the top line*/
     	padding-top : 2px;				/* separation of text from top of cell*/
     	padding-bottom : 2px;			/* separation of text from bottom of cell*/
     	background : #eec17e;			/* Color of the cell background*/
     	/*layer-background-color : #999999; */
     }

     /* This style does not work in Netscape 4 so you see the borders of the empty
     	DIV's*/
     div.navilayer div.fill  {
     	border-top-width : 1px;
     	border-top-style : solid;
     	border-top-color : #ffffff;
     }

     /* Explorer 5.5 gives my general link colours precedence over
     	the colour defined here. I think it's a bug*/
     div.navilayer div a  {
     	display : block;
     	width : 100px;
     	color : #090f2c;
     	text-decoration : none;
     	padding-left : 0px;
     	letter-spacing : 0px;
     }

     /* The styles for the pseudo-mouseover. The class change does not work in Netscape 4,
     	while Opera 5 changes the class but doesn't do anything about it,
     	so these styles will never be visible in those browsers*/
     div.navilayer div.over  {
   		background: #f8eee4;		/* The color of the back of the cell when "mouseovered" */
     }

     div.navilayer div.over a  {
     	color : #090f2c;			/* The color of the text when "mousovered" */
     }

     div.navilayer a:visited  {
     	color : #090f2c;			/* The color of the text when "mousovered" */
     }

	 div.navilayer a:hover  {
     	color : #090f2c;			/* The color of the text when "mousovered" */
     }

/*
   #############################################
            SHARP UPDATE CSS CLASSES
   #############################################
*/

/* to avoid images in the edit mode */
body {background-image:none}

/* ________ the standard sharp update module css _______ */

/* the style of the image buttons (mostly margins) */
.shu_buttons {margin: 10px}

.shu_table {width: 500px}
.shu_title {}
.shu_img {margin: 10px}
.shu_text {text-align: justify}
.shu_file {}

/* ________ the sharp update advert insert module css _______ */

.shu_title_insert {} /* title anchor */
.shu_img_insert {} /* image anchor */
.shu_txt_insert {} /* text anchor */

/* ________ the sharp update summary module css _______ */

.summary_table {}
.summary_title {}
.summary_text {}

/* ________ the sharp update links module css _______ */

.link_table {}
.link_title {}
.link_img {}
.link_text {}

/* the style of the text above the links */
.links_header {}

/* the style of the anchor text above the links */
.links_header_anchor {}

/* ________ the sharp update guestbook module css _______ */

.guestbook_table {}
.guestbook_title {}
.guestbook_text {}

/* the style of the text above the links */
.guestbook_header {}

/* the style of the anchor text above the links */
.guestbook_header_anchor {}

/* ________ the sharp update adverts module css _______ */

.advert_table {}
.advert_title {}
.advert_img {}
.advert_text {}
.advert_phone {}
.advert_feedback {}

/* the style of the text above the adverts */
.adverts_header {}
/* the style of the anchor text above the adverts */
.adverts_header_anchor {}

/* ________ the sharp update shopping module css _______ */

.shop_table {}
.shop_title {}
.shop_file {}
.shop_img {}
.shop_text {}
.already_in_cart {}
.shop_button {}
.shop_class_2 {}
.shop_checkout {}

/* ________ the sharp update checkout module css _______ */

.checkout_table {}
.checkout_title {}
.checkout_table_2 {}
.checkout_button {}
.checkout_class_2 {}
/* the style of the text asking user additional instructions */
.checkout_class_3 {}
.checkout_terms_and_conds {background: #EEDD66; font-weight: bold}

/* ________ the sharp update diary module css _______ */

.diary_table {}
.diary_header {}
.diary_text {}

/* ________ the sharp update mini cart module css _______ */

.mini_cart_table {}
.mini_cart_header {}
.mini_cart_text {}
.mini_cart_text_2 {}



/* ________ the sharp update archive output css _______ */

.shu_archive_title {}