/* NB This is a cascading style sheet and doesn't follow the same rules as HTML */

/* Anchor tags are used to set styles for pseudo-classes for links */
A {text-decoration: none; font-weight: bold }	/* no underlines */
A:link { COLOR: #6699ff  /* */}
A:visited COLOR: #3399cc  /*  */}
A:active {	COLOR: #6666cc  /*  */}
A:hover {	COLOR: #ffffff /* */}

/*define main style for document - all other styles will be based on this */
HTML{FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Sans-serif;
	FONT-SIZE: 80%; line-height: 20px; COLOR: #003399; FONT-WEIGHT: Normal;
}

BODY {	background-image: none; background-color: #66cccc; bgproperties="fixed";}

/*heading styles*/
H1 {COLOR: #3366ff; FONT-SIZE: 12pt; font-weight: bold; text-align:center; margin-top: 10px; line-height: 1.2 em}
H2 {COLOR: #3366ff; FONT-SIZE: 16px; font-weight: bold; text-align:center; margin: 0px}
H3 {COLOR: #0033cc; FONT-SIZE: 15px; font-weight: bold; text-align:left; margin: 0px}
H4 {COLOR: #0033cc; FONT-SIZE: 14px; font-weight: bold; text-align:left; margin: 0px}

#head   {position:absolute; left: 80; top:40; z-index:10;}
#head1	{	COLOR: #ff8c00; FONT-SIZE: 18px; font-weight: bold; text-align:center; margin-top: -20px}
#head2	{	COLOR: #ffdead; FONT-SIZE: 16px; font-weight: bold; text-align:center; margin-top: 10px}
#head3	{	COLOR: #ffdead; FONT-SIZE: 14px; font-weight: bold; text-align:left; margin-top: 10px}
#title {	COLOR: #ffff00; FONT-SIZE: 30px; font-weight: bold; text-align:center;line-height: 80px} 
#title2 {	COLOR: #ff8c00; FONT-SIZE: 30px; font-weight: bold; text-align:center;
		margin-top: -51px; margin-left: -5px;		}
/* write over title with title2 to give a shadow effect*/

/* general styles */
.centered{text-align:center}
.normaltext{COLOR: #40e0d0; FONT-SIZE: 14px; font-weight: normal; text-align:center}
.small{FONT-SIZE: 80%}

/*table styles*/
td {COLOR: #0033cc; font-weight: normal; text-align:left; line-height: 20px}
.likeTable {text-align:left; COLOR: #0033cc; FONT-SIZE: 15px; font-weight: normal;}
.hardlyseen {position:absolute; left: 0; top:600;COLOR: #66cc99; FONT-SIZE: 10px; font-weight: normal;}
.footnote {COLOR: #0033cc; FONT-SIZE: 10px; font-weight: normal; text-align:center;}

/* examples of style selectors
CLASS selectors: used eg H1 CLASS="important" (in angle brackets)
H1.important {color: red} 
.vital {color: yellow}
ID selectors: used eg P ID="27" (in angle brackets)
P#27 {color: red}
#32 {color: green}
*/

#backgrnd {position: absolute; left:0; top: 0; Z-INDEX: 0}
#fixedpage {FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; 	
	 FONT-SIZE: 11pt; COLOR: moccasin;   
	 topmargin: "0"; leftmargin: "0";
	 position: absolute; left:0; top: 0; Z-INDEX: 10} 
#head {position:absolute; left: 80; top:40; z-index:10; FONT-SIZE: 60px; color: #ffff30}
#highlight{color: #ffff30}
#webdesign {position:absolute; left:20; top:360; z-index:10;}