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

td{
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
}
.ptxt{
	font-size: 18px;
	font-family: "Comic Sans MS", "Comic Sans MS5" ,Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #3e6498;
}
.stm{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	vertical-align: super;
}
.tmtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b58279;
}
.pplink{
    font-size:7pt;
	color:black;
}
input{
	background-repeat: no-repeat;
}
.mlnk1{
		font-size: 10pt;
	font-family:Arial, Verdana, Geneva,  Helvetica, sans-serif;
	color: #eeeeee;
	text-decoration: none;
font-weight: bold;
}

.mlnk1:hover{
font-weight: bold;
		font-size: 10pt;
	font-family: Arial,Verdana, Geneva, Helvetica, sans-serif;
	color: white;
	text-decoration: underline;
}

.mlnk2{

	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:black;
}













  /*this is what we want the div to look like*/
  div.botright{
    display:block;

    /*set the div in the bottom right corner*/
	position: fixed;
    bottom:0;
    right:0;
    width:247px;

    /*give it some background and border*/
  }
  
body{
background-image: url(imx/easteryellow-bg.jpg);	background-attachment: fixed; background-color:#ffffff; margin:0px; padding:0px;" 
}
	.pplink{
		font-size:10px;
		font-family: Arial, Helvetica, sans-serif;
		color:navy;
		font-weight: bold;
	}
	.tmtxt{
		font-size:10px;
		font-family: Arial, Helvetica, sans-serif;
		color:navy;
	}
	.m2{
		font-size:11px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;

		color: black;
		text-decoration: none;
	}

	.m1{
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		background-color: #c82a37;
		color: #eeeeee;
		text-decoration: none;
	}
	.m1:hover{
		text-decoration: underline;
		color: #ffffff;

	}
	.detail{
		color:black;
		padding:10px;
		font-family:arial;
		font-size:15px;
	}
		
	.menux{
		background-color: #cc0f19; 
		color:#ffe5e8;	
		font-weight: bold; 
		font-size:10px;
		text-decoration:none;
		font-family:arial;
	}
	.menux:hover{
		background-color: #cc0f19; 
		color:white;	
		font-weight: bold; 
		text-decoration:underline;
		font-size:10px;
		font-family:arial;
	
	}
	.phone{
		font-size:10px;
		color:black;
		font-family: Arial, Helvetica, sans-serif;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


	.mnt{
			font-family: Arial, Helvetica, sans-serif;
			font-size:15px;
			color:black;
			text-align:center;
			padding-top:5px;
			padding-bottom:5px;
			border:1px gray dashed;
	}
	#tbm td:hover  {
		background-color:yellow;
		
	}
	#tbm a{
		
		color:black;
		text-decoration:none;
		
	}
		#tbm a:hover{
		
		color:black;
		text-decoration:underline;
		
	}

.phone{

color:white;

}