.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: 12px;
    FONT-FAMILY: 'Century Gothic',Verdana;
}
.widgetTable
{
    BORDER-RIGHT: gray 1px dotted;
    BORDER-TOP: gray 1px dotted;
    BORDER-LEFT: gray 1px dotted;
    WIDTH: 100%;
    BORDER-BOTTOM: gray 1px dotted
}
.widgetTitle
{
    BACKGROUND-IMAGE: images/itle.jpg;
    COLOR: black;
    BORDER-BOTTOM: gray 1px dotted;
    FONT-FAMILY: 'Century Gothic';
    HEIGHT: 0px;
    BACKGROUND-COLOR: skyblue;
    VALIGN: baseline
}
.widgetTDContent
{
    HEIGHT: 0px;
    vAlign: top
}
.widgetDIV
{
    FONT-SIZE: larger;
    OVERFLOW: hidden;
    COLOR: crimson;
    FONT-FAMILY: 'Comic Sans MS', Arial;
    HEIGHT: 180px;
    BACKGROUND-COLOR: white
}
.homeTitle
{
    BORDER-TOP: #ffccff thin dotted;
    BORDER-BOTTOM: #ffccff thin dotted
}
.homeMenu
{
    
    HEIGHT: 500px;
    BACKGROUND:#fafaff;
    padding:5px;
    BORDER-RIGHT: 4px white solid;
    BORDER-TOP: 10px white solid;
}

.menuItem{
BORDER-BOTTOM: white 2px solid;
text-align:left;
FONT-SIZE: 18px;
COLOR: darkslategray;
padding:16px;
FONT-FAMILY:  'Trebuchet MS',Verdana, 'Times New Roman';
text-shadow: 1px 1px 3px #f0f0f0 ;
}

div.menuItem:hover, a.titleLink:hover {
box-shadow: inset 1px 1px 15px #ffccff ;}

.articleTable{
 box-shadow: 1px 1px 15px #999 ;
 -moz-box-shadow: 1px 1px 15px #999 ;
 padding:10px;
 height:145px;
    FONT-FAMILY: 'Century Gothic',Verdana;
}

.articleText{
FONT-SIZE: 14px;
COLOR: darkslategray;
FONT-FAMILY: 'Century Gothic',Verdana, 'Times New Roman'
}

.articleTitle{
FONT-SIZE: 30px;
COLOR: black;
padding:5px;
FONT-FAMILY:  'Century Gothic', 'Times New Roman';
text-shadow: 1px 1px 5px #999 ;}

.articleText A
{

    BORDER-RIGHT: 0px;

    BORDER-TOP: 0px;

    BORDER-LEFT: 0px;

    CURSOR: hand;

    COLOR: red;

    background: #fff0f0;

    FONT-FAMILY: verdana, 'Century Gothic';

    BORDER-BOTTOM: #00cccc 1px dashed;

    TEXT-DECORATION: none
 

}

 

.articleText A:hover{
    background: #ffe0e0;
}


.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:  #fafaff;
FONT-FAMILY: courier;
-moz-box-shadow:  0 0 5px 5px #f0f0ff;
-webkit-box-shadow:  0 0 5px 5px #888;
box-shadow:  0 0 5px 5px #f0f0ff;
}

.samplecodeshort
{overflow:auto;
width:550px;
background-color:  #fafaff;
FONT-FAMILY: courier;
-moz-box-shadow:  0 0 5px 5px #f0f0ff;
-webkit-box-shadow:  0 0 5px 5px #888;
box-shadow:  0 0 5px 5px #f0f0ff;
}

.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;}