body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img
{  border-style: none;
}
a img {
	text-decoration: none;
	border: 0 none;
	}

<!--a{ color:inherit;text-decoration:none;}-->
<!--a:link    {color:inherit;text-decoration:none;}-->
<!--a:visited {color:inherit;text-decoration:none;}-->
<!--a:hover   {color:inherit;text-decoration:none;}-->
<!--a:active  {color:inherit;text-decoration:none;}-->
<!--img a{text-decoration:none;}-->
.verdana10w {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.timesroman14y {
	font-family: "Times New Roman";
	font-size: 14px;
	color: #FFCC00;
	text-decoration: none;
}
.timesroman18y {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #FFCC00;
	text-decoration: none;
}
.timesroman12y {
	font-family: "arial";
	font-size: 12px;
	color: #8D7100;
	text-decoration: none;
}
.timesroman20y {
	font-family: "Times New Roman";
	font-size: 20px;
	font-weight: bold;
	color: #8D7100;
	text-decoration: none;
}
.timesroman16y {
	font-family: "Times New Roman";
	font-size: 16px;
	color: #8D7100;
	text-decoration: none;
}
.timesroman25w {
	font-family: "Times New Roman";
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.verdana12y {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #745F31;
	text-decoration: none;
}

.timesroman13w {
	font-family: "Times New Roman";
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}


 h3 {
	font-family:verdana;
	color: #000000;
	font-size:10px;
	text-decoration: none;
	}


 h2 {
	font-family:verdana;
	color: #FFCC00;
	font-size:10px;
	text-decoration: none;
	}

.fxt
{
	font-family:verdana;
	color: #FFCC00;
	font-size:16px;
	text-decoration: none;
}
.fxt a
{
	font-family:verdana;
	color: #FFCC00;
	font-size:10px;
	text-decoration: none;
}
.fxt a:hover
{
	font-family:verdana;
	color: #FF0000;
	font-size:10px;
	text-decoration: none;
}
.fxt a:active
{
	font-family:verdana;
	color: #ffffff;
	font-size:16px;
	text-decoration: none;
}
.style11 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	border-top-width: medium;
}
.enroll
{
	font-family:verdana;
	color: #FFCC00;
	font-size:16px;
	text-decoration: none;
}
.enroll a
{
	font-family:verdana;
	color: #FFCC00;
	font-size:16px;
	text-decoration: none;
}
.enroll a:hover
{
	font-family:verdana;
	color: #FF0000;
	font-size:16px;
	text-decoration: none;
}
.enroll a:active
{
	font-family:verdana;
	color: #ff00ff;
	font-size:16px;
	text-decoration: none;
}
/* CSS Document */

.formfont{
font-size:15px;
color:#18130F;}

.table{
	text-decoration:none;
	margin-top:60px;

	}

.formhead{
font-size:14px;
color:#9B9215;
font-style:italic;
margin-bottom:10px;}

.align{

}

.submit2{
margin-right:35px;
margin-top:10px;
text-decoration:none;}



ul.enlarge{
list-style-type:none; /*remove the bullet point*/
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:1px 1px 0 2px;
}
ul.enlarge img{
padding: 6px;
float:left;
}
ul.enlarge span{
position:absolute;
left: -9999px;
padding: 1px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: top;

}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;

}
ul.enlarge li:hover span{
top: -0px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -0px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -0px;
}
ul.enlarge li:hover:nth-child(3) span{
left: -0px;
text-decoration:none;
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc);
} 

    /***Override the styling of images set in step 3 to make the frame smaller and the background darker***/
    ul.enlarge span img{
    padding: 2px; /*size of the frame*/
 
    }

    /***Style the <span> containing the framed images and the caption***/
    ul.enlarge span{
    /**Style the frame**/
    padding: 1px; /*size of the frame*/
	text-decoration:none;
    
    /**Style the caption**/
    font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/
    font-size:.9em;
    text-align: center;
	color:none;
    }
	 ul.enlarge li:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/
cursor:pointer; /*changes the cursor to a hand*/
text-decoration:none;
}
/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/
ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/
top: -52px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -110px; /*distance from the left of the thumbnail to the left of the popup image*/
text-decoration:none;
}
/***To make it look neater we used :nth-child to set a different left distance for each image***/
ul.enlarge li:hover:nth-child(2) span{
left: -0px;
text-decoration:none;
}
ul.enlarge li:hover:nth-child(3) span{
left: -0px;
}
.videogi1{
background-image:url(dcsecondpage.jpg);
width:711px;
height:348px;
}
.videogi2{
background-image:url(third-page.jpg);
width:710px;
height:472px;
}
.videogi3
{
background-image:url(3.png);
width:710;
height:68;
}
.videobar{
	margin-top:90px;
	margin-left:30px;
	border:1px #CCC;
	margin-bottom:65px;
	width:380px;
	height:210px;
	 }