body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

.style3 {
	font-size: 18px
	}
	
.style4 {
	font-size: 24px;
	color: #FFFFFF;
}

.style5 {
	color: #FFFFFF;
	font-size: 12px;
	}
	
.style6 {
	color: #333333;
	font-weight: bold;
	font-size: 18px
}
.style7 {font-size: 16px}
.style8 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.style10 {
font-size: 12px;
color: #ffffff;
}

.style11 {color: #CCCCCC}
.style9 {color: #333333}

.style12 {
	font-size: 18px
	}
	
	
#mydiv{
	display: none;
}
.style13 {
	color: #FFFFFF;
	font-weight: bold;
}

body {
	background-image: url(images/bk.png);
	background-color: 5b8ac0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}

.tnail
{cursor:hand;}


.hyperlink
{
    FONT-SIZE: smaller;
    COLOR: black;
    FONT-FAMILY: 'Century Gothic';
    TEXT-DECORATION: none
}

.titleLink
{
    FONT-SIZE: smaller;
    COLOR: gray;
    FONT-FAMILY: 'Century Gothic';
    TEXT-DECORATION: none
}
.smalltext
{
    FONT-SIZE: xx-small;
    FONT-FAMILY: Verdana
}
.widgetTable
{
    WIDTH: 500;
	text-align:center;
	background-color: 5b8ac0;
	background-image: url(images/bk.png);
}
.widgetTitle
{
    BACKGROUND-IMAGE: images/title.jpg;
    COLOR: black;
    FONT-FAMILY: 'Century Gothic', Arial;
    HEIGHT: 0px;
	BACKGROUND-COLOR: 5b8ac0;
	background-image: url(images/bk.png);
    VALIGN: baseline
}
.widgetTDContent
{
    HEIGHT: 0px;
    vAlign: top;
	font-size:10px;
}
.widgetDIV
{
    FONT-SIZE: larger;
    COLOR: crimson;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	padding:12px;
	font-size:14px;
	height: 210px;
}
#myDiv1{
	position: absolute;
	width: 600px;
}
.homeTitle
{
    BORDER-TOP: #ffccff thin dotted;
    BORDER-BOTTOM: #ffccff thin dotted
}
.homeMenu
{
    BORDER-RIGHT: #ffccff thin dotted;
    HEIGHT: 500px
}
.menuItem
{
    BORDER-TOP: #ffccff 1px solid
}
.articleTable
{
    BORDER-RIGHT: gray 1px dotted
}
.articleLink
{
    FONT-SIZE: smaller;
    COLOR: blue;
    FONT-FAMILY: 'Century Gothic'
}
.articleText
{
    FONT-SIZE: 14px;
    COLOR: darkslategray;
    FONT-FAMILY: Verdana, 'Times New Roman'
}
.articleTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 22px;
    COLOR: darkslategray;
    FONT-FAMILY: 'Century Gothic', 'Times New Roman'
}
.articleText A
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    CURSOR: hand;
    COLOR: blue;
    BORDER-BOTTOM: #00cccc 1px dotted;
    TEXT-DECORATION: none
}
.codeGreen
{
    FONT-SIZE: 85%;
    COLOR: green;
    FONT-FAMILY: verdana
}
.centerTable
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 86%;
    BORDER-BOTTOM: 0px;
    CELLSPACING: 2;
    CELLPADDING: 2;
   
}

.addTD
{
  width: 120px ;
}

.samplecode
{overflow:auto;
width:650px;
background-color: ivory;
border: 1px dotted;
FONT-FAMILY: courier
}

.samplecodeshort
{overflow:auto;
width:550px;
background-color: ivory;
border: 1px dotted;
FONT-FAMILY: courier
}

.contactinfo
{
    FONT-SIZE: 10px;
    COLOR: darkslategray;
    FONT-FAMILY: Verdana, 'Times New Roman';
    background-color: ivory;
    border-top: 1px gray solid;
    border-bottom: 1px gray solid;
    text-align: center;
}

.ttip
{ BORDER-BOTTOM: #00cccc 1px dotted;
  color: red;
  FONT-SIZE: 18px;}