body {
	margin-left: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	
}
/* ===========================
   ========= Headings ======== 
   =========================== */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}


.mainbox {
	clear: both; 
	margin: 0 auto; 
	width: 100%;

}
.mainbody{
	max-width:1003px;
	vertical-align:central;
	border:none;
	background-color:#000000;
	padding: 0;
	alignment-adjust:central;
}
.headerimg{
	width:100%;
	height:96px;
	padding: 0;
	background-image:url(../images/header.gif);
	
		}
.headerimg img{
	border:none;
	margin:0 0 0 0;
		}
.navbar{
	height:25px;
	background-image:url(../images/buttonline.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
		
.topnav{
	max-width:966px;
	border:none;
	color: #FFFFFF;
	padding:0px;
	text-decoration: none;
	font-size: 11px;
	height:25px;
	}
.topnav ul{
	width: 100%;
}
	

/* Nav Menu */
.nav-menu {
	padding: 0 0px;
	float:left;
	height:25px;
}

.nav-menu ul {
	margin-top:5px;
	padding: 0;
}

.nav-menu ul li {
	list-style: none;
	float: left;
 
}

.nav-menu ul li a:link,
.nav-menu ul li a:visited {
	display: block;
	font-size: 90%;
	padding: 1px 10px 0 0;
	text-decoration: none;
	font-size:12px;

}

.menu-trigger {
	display: none;
}
a.menu-link {
	display:none; }
	
.verdana10w {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	
}
.mainwrapper{
	width:1003px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	
	}
.sidebar{
	width:289px;
	height:480px;
	vertical-align:top;
	float:left;
	padding: 0;
	}
.sidebar img{
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	}
	
.maincontent{
	width:710px;
	height:480px;
	float:left;
	vertical-align:top;
	padding: 0;
}
.maincontentalumni {
	width:710px;
	float:left;
	background-image:url(../images/imagealumni01.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
	padding: 0;
	margin: 0 0 0 0;
	}
.maincontentinfra {
	width:710px;
	float:left;
	background-image:url(../images/infrastructure.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
	padding: 0;
	margin: 0 0 0 0;
	height:600px;
	}
.maincontentorga {
	width:100%;
	vertical-align:top;
	background-image:url(../images/organisationback.jpg);
	background-repeat:no-repeat;
	}

.maincontentadmin {
	max-width:708px;
	vertical-align:top;
	margin:0 0 0 0;
	padding-top:0px;
	background-color:#000;
	}
.contactadmin{
	max-width:708px;
	vertical-align:top;
	margin:0 0 0 0;
	padding-top:0px;
	background-color:#E3E0CF;
	}
.pgheading {
	width:100%;
	min-height:40px;
	color:#3CBCD2;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:10px;
	font-size:150%;
}
.admintext {
	width:100%;
	text-decoration:none;
	color:#FFF;
}
.aboutus{
	width:587px;
	height:129px;
	border:none;
	margin-left:15px;	
	padding: 0; 
	}
.aboutcontent {
	font-family:arial;
	color: #FFCC00;
	text-decoration: none;
	text-align:justify;
	height:100px;
	width:566px;
	background-image:url(../images/image2.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 0;
	}
.aboutcontent p {
	margin:0px 10px 0px 10px;
	font-family:Arial;
	font-size:13px;
	text-decoration:none;
	text-align:justify;
	color: #FFCC00;
	padding: 0;
	}
.promo{	
	width:700px; 
	height:263px;
	border:none;
	float:left;
	margin-top:50px;
	padding: 0;
	}
	
.leftpromo {
	width:297px;
	height:263px;
	}
.leftpromo ul {
	width:297px;
	height:263px;
	float:left;
	}
.rightpromo{
	float:right;
	width:250px;
	border:none;
	}		
	
.formback
{
background-color:#E1E2C7;
}

img
{  border-style: none;
padding: 0;
}
a {
	outline: 0;
	}

a img {
	border: 0px; 
	text-decoration: none;
}
a:link, a:visited {
	color: #C60;
	padding: 0 1px;
	text-decoration: none;
}

a:hover, a:active {
	color: #C60;
	text-decoration: 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;}-->

.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(../images/dcsecondpage.jpg);
width:711px;
height:348px;
background-repeat:no-repeat;
}
.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;
	 }
.mobfee{
	display:none;
	}	
#FrogJS{
width: 710px;
height: 450px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
} 
.feedata {
	font-size:12px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	color:#FFF;
	font-family:"Arial", Gadget, sans-serif;
}
.ct
{
	width:200px;
	font-family:verdana;
	color: #624900;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}
.dccontact{
	align:center;
	 border:0;
	 cellpadding:0;
	 cellspacing:0;
	 }
.mobadd {
	display:none;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }	 
/* ===========================
   ======= Mobile Area ====== 
   =========================== */
@media only screen and (min-width : 481px) and (max-width : 768px)
{

.menu-trigger {
	display: none;
}
.mobfee{
	display:none;
	}	

.mainbox {
	    clear: both; 
		margin: 0 auto;
		width: 100%;
		font-size: 90%;
	}
	
.mainbody {
	width:100%;
	
}
.headerimg {
	width:100%;
	background-image:url(../images/header.gif);
	background-repeat:repeat-x;
		}	
.navbar{
	width:100%;
	height:auto;
	}
	
.verdana10w {
	font-size: 70%;	
}
.mainwrapper{
	width:100%;
	
	}
.headerimg img{
	width:99%;
	border:none;
	margin:0 0 0 0;
		}
.sidebar{
	width:35%;
	height:auto;
	}
.maincontent{
	width:65%;
	float:left;
	}
.maincontentadmin {
	width:65%;
	background-color:#000;
}
.maincontentalumni {
	width:65%;
	float:left;
	background-image:url(../images/imagealumni01.jpg);
	background-repeat:no-repeat;
	}
.maincontentinfra {
	width:65%;
	float:left;
	background-image:url(../images/infrastructure.jpg);
	background-repeat:no-repeat;
	}
.videogi1{
background-image:url(../images/dcsecondpage.jpg);
width:65%;
background-repeat:no-repeat;
}
.videobar{
	margin-top:70px;
	margin-left:0px;
	border:1px #CCC;
	margin-bottom:35px;
	width:45%;
	 }	
.videobar iframe{
	width:350px;
	height:270px;
	 }
.maincontentorga {
	height:480px;
	float:left;
	vertical-align:top;
	padding: 0;
	background-image:url(images/organisationback.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
.contactadmin{
	max-width:708px;
	vertical-align:top;
	margin:0 0 0 0;
	padding-top:0px;
	color:#E3E0CF;
	}
.aboutus{
	width:65%;
	margin-top:0.5%;
	margin-bottom:2%; 
	margin-left:12%;
	}
.aboutcontent {
	width:100%;
	font-size:80%;
	padding-top:2%;
	padding-bottom:1%;
	margin-left:0px;
	background-repeat:repeat-y;

	}	
.promo {
	margin-top:0%;
	}
.leftpromo {
	display:none;
	}
.rightpromo{
	float:left;
	margin-top:0%;
	width:50%;
	margin-left:10%;
	}
.feedata {
	font-size:12px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	color:#FFF;
	font-family:"Arial", Gadget, sans-serif;
}	
.ct
{
	width:200px;
	font-family:verdana;
	color: #624900;
	font-size:11px;
	float:left;
	font-weight:bold;
	text-decoration: none;
}	
	
}
@media screen and (min-width : 361px) and (max-width: 480px) {
	
.navbar{
	width:100%;
	height:auto;
	}
.dccontact{
	float:left;}
table { 
   max-width:480px; 
}
table tr { 
  max-width:480px;
}
table tr td { 
  
max-width:480px; 
}
.mobfee{
	display:block;}
.program {
	max-width:480px;}
	
.menu-trigger {
		display: block;
		color:#FFF;
		padding:  7px 7px 7px 300px;
		font-size: 83%;
		cursor: pointer;
		font-weight:bold;
		background-color:#646046;	
	}
.menu-trigger img {
 padding:  15px 7px 15px 0;
				
	}
.feedata {
	font-size:10px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	color:#FFF;
	font-family:"Arial", Gadget, sans-serif;
}
	
.nav-menu {
		display: none;
		padding: 0 0px;
		width:100%;
		height:auto;
	  
	}
.nav-menu ul {
	padding-right: 340px;
	padding-bottom:10px;
	float:left;
}

	
	.nav-expanded {
		display: block;
	}
	
	.nav-menu ul li {
		float: none;
		border-bottom: 1px solid #646046;
		font-size:120%;
		padding:2px 0 2px 0;
	
	}
	
	.nav-menu ul li:last-child {
		border-bottom: none;
	}
	
.aboutus{
	margin-left: 1%;
	}	
#someid {
	display:none;
	}
.mainbox {
	    clear: both; 
		margin: 0 0 0 0;
		max-width:450px;
		font-size: 90%;
	}
	
.mainbody {
	max-width:450px;
}
.headerimg {
	max-width:450px;
		}

.verdana10w {
	font-size: 70%;	
}
.mainwrapper{
	max-width:450px;
	
	}
.headerimg img{
	width:99%;
	border:none;
	margin:0 0 0 0;
		}
.sidebar{
	width:100%;
	height:auto;
	
	}
.maincontent{
	max-width:450px;
	float:left;
	background-image:url(../images/backimage.jpg);
	}
.maincontentalumni {
	max-width:450px;
	float:left;
	background-image:url(../images/imagealumni01.jpg);
	background-repeat:no-repeat;
	}
.maincontentinfra {
	width:450px;
	float:left;
	background-image:url(../images/infrastructure.jpg);
	background-repeat:no-repeat;
	}
.maincontentorga {
	max-width:450px;
	float:left;
	background-color:#DFDCC6;
	}
.videogi1{
background-image:url(../images/dcsecondpage.jpg);
max-width:450px;
float:left;
background-repeat:no-repeat;
}
.videobar{
	margin-top:98px;
	margin-left:48px;
	border:1px #CCC;
	margin-bottom:35px;
	width:320px;
	 }	
.videobar iframe{
	width:300px;
	height:200px;
	 }
.maincontentadmin {
	max-width:450px;
	float:left;
	background-color:#000;
	}
.contactadmin{
	max-width:450px;
	vertical-align:top;
	margin:0 0 0 0;
	float:left;
	padding-top:0px;
	color:#E3E0CF;
	}
#FrogJS{
max-width:450px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
} 
.aboutus{
	max-width:450px;
	margin-top:0.5%;
	margin-bottom:2%; ;
	float:left;
	}
.aboutcontent {
	max-width:300px;
	min-height:200px;
    font-size:70%;
	float:left;
	background-repeat:repeat;
	padding-top:1%;
	padding-bottom:0.5%;


	}
.maincontentadmin {
	max-width:450px;
	vertical-align:top;
	margin:0 0 0 0;
	padding-top:0px;
	background-color:#000;
	}
.contactadmin{
	max-width:450px;
	color:#E3E0CF;
	float:left;
	}

.admintext {
	max-width:450px;
	color:#FFF;
}	
.promo {
	margin-top:0%;
	}
.leftpromo {
	display:none;
	}
.rightpromo{
	float:left;
	margin-top:0%;
	width:100%;
	}		
.ct
{
	min-width:200px;
	font-family:verdana;
	color: #624900;
	font-size:11px;
	float:left;
	font-weight:bold;
	text-decoration: none;
}
.mobadd {
	display:block;
	float:left;}		
}
@media screen and (min-width : 321px) and (max-width: 360px) {
	
.navbar{
	width:100%;
	height:auto;
	}
.dccontact{
	float:left; }
table { 
   max-width:360px; 
}
table tr { 
  max-width:360px;
}
table tr td { 
  
max-width:360px; 
}
.mobfee{
	display:block;}
.program {
	max-width:360px;}
	
.menu-trigger {
		display: block;
		color:#FFF;
		padding:  7px 7px 7px 300px;
		font-size: 83%;
		cursor: pointer;
		font-weight:bold;
		background-color:#646046;	
	}
.menu-trigger img {
 padding:  15px 7px 15px 0;
				
	}
.feedata {
	font-size:10px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	color:#FFF;
	font-family:"Arial", Gadget, sans-serif;
}
	
.nav-menu {
		display: none;
		padding: 0 0px;
		width:100%;
		height:auto;
	  
	}
.nav-menu ul {
	padding-right: 300px;
	padding-bottom:10px;
	float:left;
}

	
	.nav-expanded {
		display: block;
	}
	
	.nav-menu ul li {
		float: none;
		border-bottom: 1px solid #646046;
		font-size:120%;
		padding:2px 0 2px 0;
	
	}
	
	.nav-menu ul li:last-child {
		border-bottom: none;
	}
	
.aboutus{
	margin-left: 1%;
	}	
#someid {
	display:none;
	}
.mainbox {
	    clear: both; 
		margin: 0 0 0 0;
		max-width:360px;
		font-size: 90%;
	}
	
.mainbody {
	max-width:360px;
}
.headerimg {
	max-width:360px;
		}

.verdana10w {
	font-size: 70%;	
}
.mainwrapper{
	max-width:360px;
	
	}
.headerimg img{
	width:99%;
	border:none;
	margin:0 0 0 0;
		}
.sidebar{
	width:100%;
	height:auto;
	
	}
.maincontent{
	max-width:360px;
	float:left;
	background-image:url(../images/backimage.jpg);
	}
.maincontentalumni {
	max-width:360px;
	float:left;
	background-image:url(../images/imagealumni01.jpg);
	background-repeat:no-repeat;
	}
.maincontentinfra {
	max-width:360px;
	float:left;
	background-image:url(../images/infrastructure.jpg);
	background-repeat:no-repeat;
	}
.maincontentorga {
	max-width:360px;
	float:left;
	background-color:#DFDCC6;
	}
.videogi1{
background-image:url(../images/dcsecondpage.jpg);
max-width:360px;
float:left;
background-repeat:no-repeat;
}
.videobar{
	margin-top:98px;
	margin-left:48px;
	border:1px #CCC;
	margin-bottom:35px;
	width:320px;
	 }	
.videobar iframe{
	width:300px;
	height:200px;
	 }
.maincontentadmin {
	max-width:360px;
	float:left;
	background-color:#000;
	}
.contactadmin{
	max-width:360px;
	vertical-align:top;
	margin:0 0 0 0;
	padding-top:0px;
	float:left;
	color:#E3E0CF;
	}
#FrogJS{
max-width:360px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
} 
.aboutus{
	max-width:360px;
	margin-top:0.5%;
	margin-bottom:2%; ;
	float:left;
	}
.aboutcontent {
	max-width:360px;
	min-height:200px;
    font-size:70%;
	float:left;
	background-repeat:repeat;
	padding-top:1%;
	padding-bottom:0.5%;


	}
.maincontentadmin {
	max-width:360px;
	vertical-align:top;
	margin:0 0 0 0;
	padding-top:0px;
	background-color:#000;
	}
.contactadmin{
	max-width:360px;
	color:#E3E0CF;
	float:left;
	}

.admintext {
	max-width:360px;
	color:#FFF;
}	
.promo {
	margin-top:0%;
	}
.leftpromo {
	display:none;
	}
.rightpromo{
	float:left;
	margin-top:0%;
	width:100%;
	}		
.ct
{
	min-width:200px;
	font-family:verdana;
	color: #624900;
	font-size:11px;
	float:left;
	font-weight:bold;
	text-decoration: none;
}	
.mobadd {
	display:block;
	float:left;}
}
@media only screen and (min-width : 150px) and (max-width : 320px)
{
table { 
   max-width:320px; 
}
table tr { 
  max-width:320px;
}
table tr td { 
  
max-width:320px; 
}
.mobfee{
	display:block;}
.program {
	max-width:320px;}
	
.menu-trigger {
		display: block;
		color:#FFF;
		padding:  7px 7px 7px 0;
		text-align: right;
		font-size: 83%;
		cursor: pointer;
		font-weight:bold;
		background-color:#646046;	
	}
.menu-trigger img {
	
		padding:  15px 7px 15px 0;
				
	}
.deskfee {
	display:none;}
	
.nav-menu {
		display: none;
		padding: 0 0px;
		width:100%;
		height:auto;
	  
	}
.nav-menu ul {
	padding-right: 170px;
	padding-bottom:10px;
}

	
	.nav-expanded {
		display: block;
	}
	
	.nav-menu ul li {
		float: none;
		border-bottom: 1px solid #646046;
		font-size:120%;
		padding:2px 0 2px 0;
	
	}
	
	.nav-menu ul li:last-child {
		border-bottom: none;
	}
mainbox {
	    clear: both; 
		margin: 0 0 0 0;
		max-width:450px;
		font-size: 90%;
	}
	
.mainbody {
	max-width:320px;
}
.headerimg {
	max-width:320px;
		}

.verdana10w {
	font-size: 70%;	
}

.sidebar{
	width:100%;
	height:auto;
	
	}
.maincontent{
	max-width:320px;
	float:left;
	background-image:url(../images/backimage.jpg);
	}
.maincontentalumni {
	max-width:320px;
	float:left;
	background-image:url(../images/imagealumni01.jpg);
	background-repeat:no-repeat;
	}
.maincontentorga {
	max-width:320px;
	float:left;
	background-color:#DFDCC6;
	background-image:none;
	}
.maincontentadmin {
	max-width:320px;
	float:left;
	background-color:#000;
	}
.contactadmin{
	max-width:320px;
	float:left;
	color:#E3E0CF;
	}
#FrogJS{
width: 320px;
margin: 0 auto;
}
.ct
{
	max-width:320px;
	float:left;
	font-family:verdana;
	color: #624900;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}
.aboutus{
	max-width:450px;
	margin-top:0.5%;
	margin-bottom:2%; ;
	float:left;
	}
.aboutcontent {
	max-width:300px;
	min-height:200px;
    font-size:70%;
	float:left;
	background-repeat:repeat;
	padding-top:1%;
	padding-bottom:0.5%;


	}	
.promo {
	margin-top:0%;
	}
.leftpromo {
	display:none;
	}
.rightpromo{
	float:left;
	margin-top:0%;
	width:100%;
	}		
	
		
.mainwrapper{
	width:100%;
	}
.headerimg{
	width:100%;
	height:96px;
	padding: 0;
	background-image:url(../images/mobileheader.jpg);
	background-repeat:no-repeat;	
}
.maincontentadmin {
	max-width:320px;
	vertical-align:top;
	margin:0 0 0 0;
	padding-top:0px;
	background-color:#000;
	}
.admintext {
	max-width:320px;
	color:#FFF;
}
		
.aboutus{
	margin-left: 1%;
	}	
#someid {
	display:none;
	}
.videogi1{
background-image:url(../images/dcsecondpage.jpg);
max-width:320px;
background-repeat:no-repeat;
float:left;

}
.videobar{
	margin-top:70px;
	margin-left:30px;
	border:1px #CCC;
	margin-bottom:35px;
	width:320px;
	 }	
.videobar iframe{
	width:300px;
	height:200px;
	 }
.FrogJS img {
	max-width:320px;}	
.feedata {
	font-size:9px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	color:#FFF;
	font-family:"Arial", Gadget, sans-serif;
}
.mobadd {
	display:block;
	float:left;}	
	}