.tnail
{cursor:hand;}

A:visited  {color: #616264; text-decoration: none}
A:link  {color: #616264; text-decoration: none}
A:active  {color: #adc687; text-decoration: none}
A:hover   {cursor: default; color: #adc687; text-decoration: none}




a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   100px;

  border:  1px solid black;
  padding: 2px 5px;

  background: #FFFFEE;

  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color:   #008000;
}

a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             { border-bottom: 1px solid black; }

form.sample_attach
{
  position: absolute;
  visibility: hidden;

  border:  1px solid black;
  padding: 0px 5px 2px 5px;

  background: #FFFFEE;
}

form.sample_attach b
{
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.1em;
}

input.sample_attach { margin: 1px 0px; width: 170px; }

#layer1 {
	position: fixed;
	visibility: hidden;
	width: 600px;
	height: 400px;
	left: 50%;
	top: 50%;
	background-color: #ffffff;
	border: 1px solid #000;
	padding: 10px;
}

#close {
	float: right;
}

#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:577px;
	height:276px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}
.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
{
    BORDER-RIGHT: gray 0px dotted;
    BORDER-TOP: gray 0px dotted;
    BORDER-LEFT: gray 0px dotted;
    WIDTH: 100%;
    BORDER-BOTTOM: gray 0px 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
{
    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, helvetica, sans-serif;
    background-color: ivory;
    border-top: 1px gray solid;
    border-bottom: 1px gray solid;
    text-align: center;
}

.ttip
{ BORDER-BOTTOM: #00cccc 0px dotted;
  color: red;
  FONT-SIZE: 18px;}
  
  
  p {
font-size : 9px;
font-family : helvetica, Trebuchet, sans-serif;
color : ;
text-align : ;
margin-bottom :15px ;

} 

pbot {
font-size : 11px;
font-family : Helvetica, Trebuchet, sans-serif;
font-weight : normal;
color : #616264;
text-align : ;


} 

pbold {
font-size : 11px;
font-family : Helvetica, Trebuchet, sans-serif;
font-weight : bold;
color : #616264;
text-align : ;


} 

plittle {
font-size : 9px;
font-family : Helvetica, Trebuchet, sans-serif;
font-weight : normal;
color : #616264;
text-align : ;


} 
phead {
font-size : 15px;
font-family : Helvetica, Trebuchet, sans-serif;
font-weight : bold;
color : #616264;
text-align : ;


} 
pboldu {
font-size : 11px;
font-family : Helvetica, Trebuchet, sans-serif;
font-weight : bold;
color : #616264;
text-align : ;
text-decoration: underline;

}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px helvetica;
	z-index: 30}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	width: 100px;
	background: #3c2415;
	color: #adc687;
	text-align: center;
	text-decoration: none;
	z-index: 30}

#sddm li a:hover
{	background: #3c2415;
	z-index: 30}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 0px solid #5970B2;
	z-index: 30}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #d6e4c1;
		color: #3c2415;
		font: 11px helvetica;
	z-index: 30}

	#sddm div a:hover
	{	background: #c8dcad;
		color: #3c2415;
	z-index: 30}

		
#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:550px;
		height:210px;
z-index:1;
}
	#scrolldiv_parentContainer{
		width:525px;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		border:0px solid #BC8FBD;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 0px;
		position:relative;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 0.9em;
		line-height:90%;
		color: #333;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:500px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:11px;
		height:460px;	/* Total height - 40 pixels */
		border:0px solid #BC8FBD;
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:11px;
		height:13px;
		background-color:#cccccc;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:11px;
		height:15px;
		border:0px solid #BC8FBD;
		color: #BC8FBD;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}