/* CSS Document */

body {background-color: #c0c0c0}



A {
	COLOR: blue; FONT-FAMILY: arial, Verdana, Geneva,Swiss,SunSans-Regular ;
}

A:hover {
	FONT-FAMILY: arial, Verdana,Geneva,Swiss,SunSans-Regular; TEXT-DECORATION: none
}

A.menulink:hover { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; FONT-STYLE: BOLD; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 170px; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center; TEXT-DECORATION: none }

A.menulink { BORDER-RIGHT: #6100c1 1px solid; BORDER-TOP: #6100c1 1px solid; BORDER-LEFT: #6100c1 1px solid; DISPLAY:block; COLOR: #ffffff; BORDER-BOTTOM: #6100c1 1px solid;WIDTH: 170px; BACKGROUND-COLOR: gray ; FONT-FAMILY: arial; TEXT-ALIGN: center; TEXT-DECORATION: none }


TD {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular
}

TR {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular
}
.default {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular
}
H1 {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 24pt; MARGIN-LEFT: 10px; text-align: center; COLOR: #FFFFFF; LINE-HEIGHT: 18px; FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular
}

H2 {
	MARGIN-TOP: 5px; FONT-SIZE: 12pt; MARGIN-LEFT: 10px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular
}

UL {
	MARGIN-LEFT: 20px
}
LI {
	MARGIN-TOP: 5pt
}
CODE {
	COLOR: red; FONT-FAMILY: SunSans-Regular
}

DIV.header {
	BORDER-RIGHT: 3px solid; BORDER-TOP: 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 3px solid; HEIGHT: auto; BACKGROUND-COLOR: white
	}
DIV.header H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 250%; PADDING-BOTTOM: 7pt; MARGIN-LEFT: 7pt; VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}
DIV.header DIV {
	FLOAT: left; WIDTH: auto; BACKGROUND-COLOR: white
}
DIV.header DIV A {
	PADDING-RIGHT: 5pt; PADDING-LEFT: 5pt; FONT-SIZE: 12pt; VERTICAL-ALIGN: middle; FONT-FAMILY: arial, "helvetica"; BACKGROUND-COLOR: #ECE9D8; TEXT-DECORATION: none
}
DIV.header DIV A:hover {
	COLOR: #fff5ee; BACKGROUND-COLOR: #999999; TEXT-DECORATION: none;
}
DIV.horizontalMenu {
	WIDTH: auto
}
DIV.horizontalMenu A {
	VERTICAL-ALIGN: middle; FONT-FAMILY: arial, verdana, "helvetica"; TEXT-DECORATION: none
}
DIV.horizontalMenu A:hover {
	COLOR: blue; FONT-FAMILY: arial, verdana, "helvetica"; BACKGROUND-COLOR: #ccffff; TEXT-DECORATION: underline
}


<!--  This is for the main body -->
DIV.mainbody {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; PADDING-LEFT: 15pt;VERTICAL-ALIGN: middle; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; HEIGHT: auto; BACKGROUND-COLOR: white

}
DIV.mainbody H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; PADDING-BOTTOM: 7pt; MARGIN-LEFT: 7pt; VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}

DIV.Shadow{
width:850px;padding:10px;filter:shadow(color:gray,direction:135);
}

DIV.Banner{
color: white; text-align: center; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; HEIGHT: auto; BACKGROUND-COLOR: gray
}

DIV.mainbody DIV {
	FLOAT: left; WIDTH: auto; BACKGROUND-COLOR: white
}
DIV.mainbody DIV A {
	PADDING-RIGHT: 5pt; PADDING-LEFT: 5pt; FONT-SIZE: 12pt; VERTICAL-ALIGN: middle; FONT-FAMILY: arial, "helvetica"; BACKGROUND-COLOR: #ECE9D8; TEXT-DECORATION: none
}
DIV.mainbody DIV A:hover {
	COLOR: #fff5ee; BACKGROUND-COLOR: #999999; TEXT-DECORATION: none
}



ul.disc
{
list-style-type: disc
}

ul.circle
{
list-style-type: circle
}

ul.square
{
list-style-type: square
}

ul.none
{
list-style-type: none
}

li.style1
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

li.style2
{
font-size: 18px
}

<!-- image inside the text-->
img.text {vertical-align:text-top}