/* JP Styles */

/* ######################################################
cOLOURS:
GREEN:		#006600 (was #006600
LIGHT GREEN:	#008044
GOLD:		#ffFF00 (was #ffff00)
RED:		#cc0000

*/ ######################################################


BODY { BACKGROUND : white; font-family: Arial, Helvetica, sans-serif;}

/* use for title: */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000 ; font-weight: bold; text-decoration: none}

/* use for heading: */
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 ; font-weight: bold; text-decoration: none}

/* use for subheading: */
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000 ; font-weight: bold; text-decoration: none}

/* use for bodytext: */
p, li { color: #333; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 4px; margin-left: 7px }

UL LI /*for normal lists - see later for the menu lists*/
{ 
color: black;
}

/* for the table captions: */
.image { color: #333; font-size: 10px; font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 4px; margin-left: 7px; text-align: center; }

/* JP THE TOP THINGS ################################################ */
/* top is actually on the left now... */
.top {
background-color: #006600;
font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-weight: bold; text-decoration: none;
BORDER : purple;
padding-left: 3px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

a.top {
background-color: #006600;
font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffff00 ; font-weight: bold; text-decoration: none ;
BORDER : blue;
} 

a.top:hover {
background-color: #ffff00;
font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #006600 ; font-weight: bold; text-decoration: none ;
}



/* JP THE RIGHT THINGS ################################################ */
.right {
font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-color: #00ffff ; font-weight: bold; text-decoration: none ;
background-color: #008044; /*reduce green by one fifth (i.e. was 006600) */
}

a.right {
background-color: #008044;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffff00 ; font-weight: bold; text-decoration: none ;
BORDER : blue;
} 

a.right:hover {
background-color: #ffff00;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #008044 ; font-weight: bold; text-decoration: none ;
}



/* this is just used for the menu list ################################# */
/* Ansar prefers the red buttons! */
LI.gold	
{ 
/* color: #ffff00; */
color: #cc0000;
}