/*
* 
* Crib:
* 
* CSS and style sheets are complex and this needs futher work
*
* <element style=" color: black; " >
* <element class=name > css .class does not need to be unique</element> 
* <element id=name > css #id - should be unique </element>
* CSS list of elements : BODY, FONT, H1, H2, H3, H4, { color: black; }
* CSS elements spearated by space:-
* .className p { 
* <div class=className><p> paragraphs within div tags </p></div>	
*
*   
*/



BODY {
	MARGIN-LEFT: 0.5cm; MARGIN-RIGHT: 0.5cm;
}
BODY {
	COLOR: black; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 10pt; LINE-HEIGHT: normal; TEXT-ALIGN: left;
}
FONT {
	COLOR: black; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 10pt; LINE-HEIGHT: normal; TEXT-ALIGN: left;
}

H1, H2, H3, H4 , H6 , CAPTION, ADDRESS
{
	COLOR: black; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 10pt; LINE-HEIGHT: normal; TEXT-ALIGN: left;
}



B , CENTER, UL 
{
	COLOR: black; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 10pt; LINE-HEIGHT: normal; TEXT-ALIGN: left;
}

H1 , H2, H3, H4, H5, H6 {
	COLOR: navy; FONT-WEIGHT: bold; TEXT-TRANSFORM: capitalize;
}

IMG {
	PADDING-BOTTOM: 1cm
}
TABLE , TD , TR , TH {
	COLOR: black; FONT-FAMILY: Arial, Ariel; FONT-SIZE: 10pt; TEXT-ALIGN: left; VERTICAL-ALIGN: top ; 
}

CAPTION {
	COLOR: black; FONT-FAMILY: Arial, Ariel; FONT-SIZE: 10pt; TEXT-ALIGN: left; VERTICAL-ALIGN: top ; 
}
TABLE {
	BORDER-BOTTOM: white 2.25pt; BORDER-LEFT: white 2.25pt; BORDER-RIGHT: white 2.25pt; BORDER-TOP: white 2.25pt; PADDING-BOTTOM: 0.1cm; PADDING-LEFT: 0.1cm; PADDING-RIGHT: 0.1cm; PADDING-TOP: 0.1cm;
}

ADDRESS {
	COLOR: #000000; FONT-FAMILY: Arial, Ariel; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; PADDING-LEFT: 0px; TEXT-ALIGN: left;
}
PRE {
	COLOR: #660033; FONT-FAMILY: Courier New; FONT-SIZE: 10pt; MARGIN-LEFT: 1em; MARGIN-RIGHT: 1em;
}
BLOCKQUOTE {
	COLOR: #660033; FONT-SIZE: 90%; FONT-STYLE: normal; FONT-WEIGHT: bold; MARGIN-LEFT: 2em; MARGIN-RIGHT: 2em;
}
H1 {
	FONT-SIZE: 20pt;
}
H2 {
	FONT-SIZE: 18pt;
}
CAPTION {
	FONT-SIZE: 18pt;
}
H3 {
	FONT-SIZE: 16pt;
}
H4 {
	FONT-SIZE: 14pt;
}
H5 {
	FONT-SIZE: 12pt;
}
H6 {
	FONT-SIZE: 10pt;
}
B {
	FONT-WEIGHT: bold;
}
U {
	COLOR: #cc0033; TEXT-DECORATION: none;
}
OL {
	FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 10pt;
}
UL {
	FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 10pt;
}
OL {
	LINE-HEIGHT: 1; line-style-position: inside;
}
LI {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; LINE-HEIGHT: 14pt;
}
UL {
	LINE-HEIGHT: 1; LIST-STYLE: square; line-style-position: inside;
}

/* class= */
.center {
	TEXT-ALIGN: center;
}
.center {
	TEXT-ALIGN: center;
}
.bold {
	FONT-WEIGHT: bold;
}
.SCblue {
	COLOR: #000066;
}
.SCred {
	COLOR: #cc0033;
}
.code {
	BACKGROUND-COLOR: #ffffcc; FONT: x-small "MS Sans Serif", Geneva, sans-serif
}
TH {
	BACKGROUND: #bb1f33; BORDER-BOTTOM: white 2.75pt solid; BORDER-LEFT: medium none; BORDER-RIGHT: white 2.75pt solid; BORDER-TOP: medium none; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; TEXT-ALIGN: center
}
TD {
	BACKGROUND: #cfffcf; BORDER-BOTTOM: white 2.75pt solid; BORDER-LEFT: medium none; BORDER-RIGHT: white 2.75pt solid; BORDER-TOP: medium none; FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #F0F8FF;
}

input { background-color: #F0FFFF;  font-family: "MS Sans Serif", Geneva, sans-serif;  }

input button {
	background-color: #9ACD32;  font-family: "MS Sans Serif", Geneva, sans-serif;
}

a:hover { background-color: Blue;  color: #F0F8FF;   }

TR {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
}