A:link,A:visited {color:#0000cd; text-decoration: none;
font-family : Verdana, Geneva, verdana, Helvetica, sans-serif;font-style : normal;
font-weight : bold;}  
A:hover {color:Midnightblue; text-decoration: underline overline ; font-style : normal; font-weight : bold; }  
A:active {color:#5300a6; text-decoration: none;  background : none; font-style:normal ; font-weight : bold;}  

table {font: 13px verdana, Geneva, verdana, Helvetica, sans-serif;
color:black; font-weight : normal;}
.pr3{FILTER:DropShadow(Color=#000000, OffX=0, OffY=0, Positive=1)
	FILTER: Glow(Strength=3, Color=#FFFFFF)}
.pr5{FILTER:DropShadow(Color=#000000, OffX=0, OffY=0, Positive=1)	FILTER: Glow(Strength=3, Color=#000000)}
.pr6{FILTER:DropShadow(Color=#000000, OffX=2, OffY=2, Positive=1)	FILTER: Glow(Strength=2, Color=black)}
.pr4{FILTER:DropShadow(Color=#000000, OffX=2, OffY=3, Positive=1)	FILTER: Glow(Strength=2, Color=#000000)}
BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; color:black; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Tahoma, arial;}
}
.Male {FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#f4a460,
endColorStr=#fffafa)}
.Female {FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=White,
endColorStr=tan)}

SELECT {FONT-SIZE: 12px; FONT-FAMILY: verdana}

.boxheader {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	background-color: #f2f2ff;
	text-indent: 5px;
	line-height: 20px;
}
.codeboxes {
	border: 1px dashed #CCCCCC;
	background-color: #FFFFFF;
}
.boxes {
	border: 2px solid #0000cc;
}

#dhtmlgoodies_leftPanel{	/* Styling the help panel */
		
		background-color:#7B59EC;	/* Blue background color */
		border:1px solid #000;
		color:#FFF;	/* White text color */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
		font-weight:bold;
		/* You shouldn't change these 5 options unless you need to */		
		height:100%;		
		left:0px;
		z-index:10;
		position:absolute;
		display:none;
	}
	
	#dhtmlgoodies_leftPanel #leftPanelContent{
		padding:10px;
	}
	#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}	
	
	#fadeinbox{
position:absolute;
width: 400px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}

/* for old slide */
#page-wrap						{ width: 930px; margin: 0 auto; 
								  padding: 0px 0; }

#slider							{ background: url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 0px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  
								  
								  
/* for new front page slide */
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 340px;
height: 420px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #000000;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 330px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 340px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid silver;
color: #778899;
padding: 1px 3px;
margin-right: 3px;
font-weight: normal;
font-size:8pt;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #6495ed;
color: #2c2c2c;
}

.glidecontenttoggler a:hover{
background: #deb887;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #6495ed;
color: white;
}
/* end slide */