@charset "utf-8";
/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
  background-color:#FFF;
  margin:0;
  font-family: 'Palanquin', sans-serif;
}

@font-face {
  font-family: 'Palanquin', sans-serif;
}
.volunt {
    width: 107%;
}
ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
p, h1, h2, h3, h4 {
  margin: 0px;
  padding: 0px;
}
a img {
  border: none;
}
a {
    color:#ffffff;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
.clearfix {
  clear: both;
}
.clear1 {
  clear: both;
  height:3px;
}
.clear {
    clear: both;
  height:0px;
}

.mainbody{
	max-width:1003px;
	background-color:#000000;
	margin: 0px auto 0%;
	border:1px #000000 thin;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
.headerimg{
	width:100%;
	height:auto;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	
		}
.mobileheaderimg {
	display:none;
	visibility:hidden;
	}
	
.headerimg img {
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	
		}
.mobileheaderimg {
	display:none;
	visibility:hidden;
	}
.mobileheaderimg img {
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	
		}

.navbar{
	height:22px;
	background-image:url(../images/buttonline.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
.topnav{
	max-width:99%;
	border:none;
	color: #FFFFFF;
	padding:0px;
	text-decoration: none;
	font-size: 12px;
	height:25px;
	}

.verdana10w {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	
}
.fullwidth {
	margin:0 0 0 0;
	float:left;
	max-width:1003px;
	width:100%;
	}
.mainwrapper{
	width:71%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	height:100%;
	vertical-align:top;
	background-color:#000000;
	min-height:482px;
	}
.sidebar{
	width:29%;
	min-height:482px;
	float:left;
	padding: 0;
	background-image:url(../images/sidebg.jpg);
	background-repeat:repeat-y;
	
background-size: contain;

	}
.sidebar ul {
	width:100%;
	height:auto;
	position:relative;
	float:left;
	padding:0 0 0 0;
	margin: 0 0 0 0; 
	}
.sidebar ul li a {
	display:block;
	float:left;
	padding:0 0 0 0;
	margin: 0 0 0 0; 
	}
.sidebar ul li img{
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	}
.maincontent{
	width:100%;
	float:left;
	vertical-align:top;
}

.aboutcontent {
	color: #FFCC00;
	text-decoration: none;
	text-align:left;
	width:90%;
	background-image:url(../images/image2.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	margin-top:10px;
	margin-left:30px;
	padding: 5px 5px 5px 5px;
	font-size:90%;
	}

.aboutcontent p {
	text-decoration:none;
	text-align:centre;
	line-height:16px;
	padding: 0;
	}
/* Promor Banners and Contact Form */
.promo{	
	width:98%; 
	min-height:263px;
	max-height:263px;
	float:left;
	margin-top:60px;
	padding: 0;
	}
	
.leftpromo {
	width:48%;
	}
.leftpromo ul {
	width:30%;
	min-height:263px;
	float:left;
	}
.rightpromo{
	float:right;
	width:48%;
	margin-top:30px;
	border: 2px solid #72766B;
	border-radius:7px;
	padding: 2px 2px 2px 10px;

	}
.rightpromo ul{
	width:100%;
	float:left;
	
	}
.rightpromo ul li{
	width:100%;
	text-align:left;
	
	}		
/* Promo Enlarge */
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;
}
/* Home page Form  */	
.formback
{
background-color:#E1E2C7;
padding-left:0px;
display:block;
width:65%;
float:right;
}
.formhead{
font-size:14px;
color:#9B9215;
font-style:italic;
margin-bottom:5px;
width:100%;
}
.formfont{
font-size:12px;
color:#18130F;
float:left;
margin:0 0 0 0;
padding: 0 0 0 0;


}
.formfont ul li{
	list-style:none;

}
.formlable {
padding-right:0px;
width:30%;
float:left;
color:#333;
 font-size:12px;
 line-height:25px;
	
	}
.submit2{
	display:block;
	float:right;
margin-top:6px;
text-decoration:none;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }	 

/* Navigation */
/* Navigation */
.navigation-container{
  max-width:1000px;
  border-radius:8px;
  background-color:#4c4416;
  position:relative;
  z-index:9;
  }
.navigation{
  width:100%;
}
.toggleMenu {
  display:  none;
  float:left;
  margin-top:1px;
  line-height:26px;
  min-height:26px;
  width:96%;
  font-family:Open Sans, Tahoma, Verdana, Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  text-align:right;
  padding-top:4px;
}
.nav {
    list-style: none;
    *zoom: 1;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
}
.nav a {
  font-family:Open Sans, Tahoma, Verdana, Arial;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
}
.nav li ul li a {
    font-family: Tahoma, Verdana, Arial;
}
.nav li {
  position: relative;
  line-height: 22px;
  padding: 0%;
  border-top:solid 1px #FFF;
}
.navigation ul li.home{
  padding:0 0 0 1%;
}
/*.navigation ul li.home a{
  width:31px;
  height:44px;
  background-image:url(../PNG/home-icon.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;
  display:block;
}*/
.nav > li {
    float: left;
}
.nav > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
  background-position:center right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav li  ul li ul{
  border:none;
  width:100%;
}
/*.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}*/

.navigation-container .nav > li.active{
    background: #4c4416;
}
.nav > li.item-143.hover > ul {

    left: 0;
margin-left:-74px;
}
.nav li li a {
    display: block;
    position: relative;
    z-index:100;
    color:#666;
    width:120px;
    padding:3px 5px!important;

}
.nav li li li a {
    z-index:200;
  color:#666;
}

.footer {
	width:100%;
	text-decoration:none;
	line-height:22px;
	color:#fff;
	background-color:#322208;
	font-size:80%;
	}
.newarea {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#FFF;
	
	}
.videogallery {
	width:29%;
	max-width:293px;
	float:left;
	min-height:250px;
	max-height:250px;
	}
.latesttopic {
	width:33.5%;
	float:left;
	min-height:250px;
	max-height:250px;
	display:block;
	}
.latestbatch {
	width:33.5%;
	float:right;
	min-height:250px;
	max-height:250px;
	}
#myreel{
	max-width:290px;
	max-height:220px; /*sample CSS for demo*/
	margin-top:2px;
}
#myreel img{
	width:100%;
	height:100%; /*sample CSS for demo*/
	border:1px thin #C60;
	border-radius:7px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
}	
.paginate{
max-width: 290px;
margin-top:5px;
text-align:center;

}
.paginate a{
	text-decoration:none;

}
.paginatevideo{
max-width: 100%;
margin-top:0px;
text-align:center;

}
.paginatevideo a{
	text-decoration:none;

}
.paginate-priv {
	float:left;
	display: block;
	padding:0 0 0 0;
	display: block;
	color:#000;
	border: 1px thin #FFF;
	 padding: 1px 3px 1px 3px;
	 border-radius:5px;
	 background-color:#F90;
	 min-width:70px;
	 font-family:Verdana, Geneva, sans-serif;
	 	 font-size:90%;
	}
.paginate-priv  a{
	text-decoration:none;
	
	color:#000;
	}

.paginate-next {
	float:right;
	padding:0 0 0 0;
	display: block;
	color:#000;
	border: 1px thin #FFF;
	 padding: 1px 3px 1px 3px;
	 border-radius:5px;
	 background-color:#F90;
	 min-width:70px;
	 font-family:Verdana, Geneva, sans-serif;
	 font-size:90%;
	}
.paginate-next a {
	
	color:#000;
	text-decoration:none;
	
	}
.pgheading {
	width:100%;
	min-height:40px;
	
	font-size:150%;
}
.fullcontent {
	padding: 5px 5px 5px 5px;
	text-align:left;
	color:#FFF;
	font-size:90%;
	text-decoration:none;
	}
.fullcontentcontact {
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size:90%;
	background-color:#E9E9E9;
	text-decoration:none;
	min-height:483px;
	}
.contactform{
	width:55%;
	height:auto;
	margin: 0 0 0 0;
	float:left;
	
	}
.contactinfo{
	width:40%;
	height:auto;
	margin: 0 0 0 0;
	float:left;	
	}
.fullcontent p{
	padding: 5px 5px 5px 5px;
	text-align:left;
	font-size:90%;
	line-height:22px;
	text-decoration:none;
	}
.fullcontent h2 {
	text-align:left;
	color:#3CBCD2;
	font-weight:bold;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:100%;
	text-decoration:none;
	}
.fullcontent h3 {
	text-align:left;
	color:#3CBCD2;
	font-weight:bold;
	font-size:80%;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	}
.fullcontentorg {
	padding: 5px 5px 5px 5px;
	text-align:left;
	color:#8D7100;
	font-size:90%;
	text-decoration:none;
	background-color:#e3e0cd;
	min-height:472px;
	max-height:472px;
	max-width:700px;
	}
.fullcontentorg h2 {
	text-align:left;
	color:#8D7100;
	font-weight:bold;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:3px;
	text-decoration:none;
	}
.feetable {
	width:100%;
	max-width:1003px;
	height:auto;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	display:table;
	}
.tableheading{
        display: table-row;
        font-weight: bold;
        text-align: center;
		color:#FF9900;
}
    .Row
    {
        display: table-row;
    }
	   .CCell
    {
		width:20%;
        display: table-cell;
        border: solid;
		border-color:#666;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
		padding-top:5px;
		text-align:left;
		
    }
	.PCell
    {
		width:20%;
        display: table-cell;
        padding-left: 5px;
        padding-right: 5px;
		padding-top:5px;
		text-align:left;
		
    }
	.FCell
    {
		width:99%;
        padding-left: 5px;
        padding-right: 5px;
		padding-top:5px;
		text-align:left;
		
    }
    .Cell
    {width:10%;
        display: table-cell;
        border: solid;
        border-width: thin;
		border-color:#666;
        padding-left: 5px;
        padding-right: 5px;
		padding-top:5px;
		
    }
.LCell 
{       width:100%;
        margin-right:15px;
		text-align:right;
		color:#F60;
	
	}
.imptext{
	color: #FF9900;
	text-decoration:none;
	font-size:90%;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	
	
	}
.imptext2{
	color: #FF9900;
	text-decoration:none;
	font-size:100%;
	text-align:left;
	font-weight:bold;
	
	
	
	}
.normaltext {
color: #FFfff;
	text-decoration:none;
	font-size:90%;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}
.enrollnow{
	color:#F60;
	font-weight:bold;
	text-align:left;
	font-size:120%;
	
	}
.org1 {
	width:100%;
	min-height:200px;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.org2 {
	width:100%;
	min-height:200px;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.org11 {
	width:65%;
	text-align:justify;
	float:left;
	font-size:90%;
}

.org12 {
	width:35%;
	min-height:200px;
	text-align:left;
	float:left;
	background-image:url(../images/org1.jpg);
	}
.org21 {
	float:right;
	width:60%;
	min-height:200px;
	text-align:justify;
	float:left;
	font-size:90%;
	}	

.org22 {
	margin-top:20px;
	background-image:url(../images/org2.jpg);
	width:35%;
	float:left;
	min-height:200px;

	}
.imptextbold {
	font-family: "Times New Roman";
	font-size: 150%;
	color: #FFCC00;
	text-decoration: none;
	font-weight:bold;
}
.progtype{
	padding-left:10px; 
	padding-top:2px;

	}
.progtype p{
	width:100%;
	line-height:20px;
	}
	
.progtype ul{ 
	padding-top:0px;
	line-height:20px;
	}
.progtype ul li{ 
	padding-top:0px;
	line-height:17px;
	}
.westrenmusic {
	background-image:url(../images/dcsecondpage.jpg);
	background-repeat:no-repeat;
	width:100%;
	min-height:348px;
	height:100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	}
.videobar{
	padding-top:90px;
	margin-left:30px;
	border:1px #CCC;
	margin-bottom:65px;
	width:380px;
	height:210px;
	 }
.maincontentalumni {
	width:100%;
	float:left;
	background-image:url(../images/imagealumni01.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
	padding: 0;
	margin: 0 0 0 0;
	min-height:482px;
	}
.maincontentinfra {
	width:100%;
	float:left;
	background-image:url(../images/infrastructure.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
	padding: 0;
	margin: 0 0 0 0;
	min-height:482px;
	}
.sublink {
	padding-top:455px;
	margin: 0 0 0 0;
	color:#F60;
	}
.jammpads1 {
	margin:0 0 0 0;
	padding: 10px 0 0 0;
	float:left;
	width:50%;
	}
.jammpads1 img {
	float:left;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	border: 1px thin #fff;
	border-radius:5px;
	
	}
.jammpads2 img {
	float:left;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	border: 1px thin #fff;
	border-radius:5px;
	
	}
	
.jammpads2{
	margin:0 0 0 0;
	padding: 10px 0 0 0;
	float:left;
	width:50%;
	}
#videoreel {
	max-width:100%;
	min-height:450px;
	margin:0 0 0 0;
	padding:10px 10px 10px 10px;
	}
#videoreel img {
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	width:100%;
	height:100%;
	}
.dccontact{
	 align:center;
	 border:0;
	 cellpadding:0;
	 cellspacing:0;
	 }
.dccontact p{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	line-height:22px;
	 }
.foolink {margin: 0 0 0 0;
width:100%;}

.foolink ul li {margin: 0 0 0 0;
}
.foolink ul li a {display: block;

padding: 0px;
margin: 0px;}
.foolink ul li img {width:100%;
 margin: 0 0 0 0;}

@media screen and (min-width: 769px) {
  .nav > li.hover > ul {
    left: 0px;
  }
  .nav > li.party.hover > ul {
    left: -85px;
  }
  .nav li a:hover{
    background-color:#4c4416;
  }
  .nav li ul li a:hover{
    background-color:transparent;
    text-decoration:underline;
  }
  .navigation ul li.home a:hover{
    background-color:#4c4416;
  }  
  .nav li a{
    padding:0 8px;
  }
  .navigation ul li.home a{
    padding-right:0px;
  }
  .nav li ul {
    /*height:272px;*/
    height:auto;
    padding:3px 2px 3px 2px ;
    z-index:99999;
    background-color:#241d0b;
	color:#FFF;
    text-transform: uppercase;
    text-decoration: none;
  }
 .nav li.party ul {
            width:900px;
        }
  .nav li ul li{
    font-family:Verdana, Arial;
    font-size:11px;
    padding:0px;
    margin:0px;
    line-height:22px;
  }  
  .nav li ul li a{
    color:#ffffff;
    padding:0px;
    margin:0px;
	text-align:left;
	text-decoration:none;
	
  } 
   .nav li ul li a:hover{
    color:#ffffff;
    padding:0px;
    margin:0px;
	text-align:left;
	text-decoration:none;
	background-color:#4b4315;
	
  } 
  .nav li ul li ul{
    left:0px;
    padding:0px 0 10px 0px;
    margin:0px;
    background:none;
    position:relative;
    height:auto;
	max-width:150px;
  }
  .nav li ul li ul li{
	line-height: 15px;
	font-size: 11px;
  }
  .nav li ul li ul li a{
    text-transform:none;
    color:#575757;
    font-size:12px;
  }
  .first-col{
    float:left;
    width:20%;
    border-right:dashed 1px #CCCCCC;
    margin-right:2%;
    min-height:260px;
  }
  .second-col{
    float:left;
     width:25%;
    border-right:dashed 1px #CCCCCC;
    margin-right:2%;
    min-height:260px;
  }
  .second-col li h2 a{
    line-height:16px;
    padding-bottom:2px;
  }
  .second-col li p a{
    line-height:16px;
    font-size:10px;
  }
  .second-col-left{
    float:left;
    width:55%;
  }
  .second-col-left li{
    padding-bottom:15px !important;
  }
  .second-col-left li img{
    float:left;
    margin-right:3%;
  }
  .second-col-right{
    float:left;
    width:45%;
  }
  .third-col{
    float:left;
                width:25%;
    border-right:dashed 1px #CCCCCC;
    margin-right:2%;
    min-height:260px;
  }
  .fourth-col{
    float:left;
    width:20%;
    min-height:260px;
  }
  li.homelink{
    display:none;
  }
  .nav li{
    border-top:none;
  }
   .foolink {
	 display:none;}

}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image:url(images/downArrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;

    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
  li.home{
    display:none;
  }
  .nav li{
    line-height:35px;
  }
  .nav li ul li{
    background-color:#8F8B8B;
  }
  .nav li ul li ul li{
    background-color:#a8a8a8;
  }
  .nav li a{
    padding-left:10px;
	text-align:left;
	text-decoration:none;
  }
  .nav li ul li a{
    color:#FFF;
  }
  .nav li ul li img{
    display:none;
  }
  .nav li ul li h2{
    font-weight:normal;
    padding:5px 0 0 0px;
    margin:0px;
    line-height:22px;
  }
  .nav li ul li p{
    padding:0 0 5px 0px;
    margin:0px;
    line-height:22px;
  }
  .nav > li > .parent {
    background-image: url("../images/downArrow.png");
  }
  .nav > li.item-143.hover > ul{
	  margin-left:0px !important;
  }
  .nav li li a {
	  width:93%;
  }
  #someid {
	  display:none;}
	  /* Promor Banners and Contact Form */
.promo{	
	width:98%; 
	min-height:150px;
	max-height:150px;
	float:left;
	margin-top:1px;
	padding: 0;
	}
	
.leftpromo {
	display:none;
	}

.rightpromo{
	float:left;
	width:98%;
	margin-left:1px;
	
	}
.sidebar{
	width:38%;
	min-height:480px;
	vertical-align:top;
	float:left;
	padding: 0;

	}	
.mainwrapper{
	width:62%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	height:100%;
	vertical-align:top;
	background-color:#211700;
	min-height:482px;
}
.aboutcontent {
margin-top:10px;
	margin-left:10px;
font-size:100%;
	}
.videogallery {
	width:29%;
	max-width:293px;
	float:left;
	min-height:250px;
	max-height:250px;
	}
.latesttopic {
	width:70.0%;
	float:right;
	}
.latestbatch {
	display:none;
	visibility:hidden;
	}

.org11 {
	width:100%;
	text-align:justify;
	float:left;
	font-size:90%;
}

.org12 {
display:none;
	visibility:hidden;
	}
.org21 {
	float:left;
	width:100%;
	min-height:200px;
	text-align:justify;
	float:left;
	font-size:90%;
	}	

.org22 {
	display:none;
	visibility:hidden;
	}
.contactform {
	width:100%;
	float:left;
    
}
.contactform p {
color:#000000;
    
}
	
/*.contactinfo{
	display:none;
}*/

 .foolink ul li{
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
	 }
}
@media screen and (min-width: 769px) and (max-width: 885px) {
  .navigation{
    width:100%;
  }
  .navigation ul li a{
    padding:0 0px;
  }
  .leftpromo {
	display:none;
	}
.rightpromo{
	float:left;
	width:70%;
	margin-top:1px;
	margin-left:10px;
	min-height:150px;
	
	}
.sidebar{
	width:37.8%;
	min-height:480px;
	vertical-align:top;
	float:left;
	padding: 0;
	}	
.mainwrapper{
	width:61%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	height:100%;
	vertical-align:top;
	background-color:#211700;
	min-height:482px;
}
.aboutcontent {
margin-top:10px;
	margin-left:10px;
font-size:100%;
	}
.videogallery {
	width:29%;
	max-width:293px;
	float:left;
	min-height:250px;
	max-height:250px;
	}
.latesttopic {
	width:70.0%;
	float:rigt;
	}
.latestbatch {
	display:none;
	visibility:hidden;
	}
	 .foolink {
	 display:none;}
}
@media screen and (min-width: 481px) and (max-width: 599px) {
.sidebar{
	width:45%;
	min-height:480px;
	vertical-align:top;
	float:left;
	padding: 0;

	}	
.mainwrapper{
	width:55%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	height:100%;
	vertical-align:top;
	background-color:#211700;
	min-height:482px;
} 
.foolink {
	 display:none;}
}
@media screen and (min-width: 600px) and (max-width: 699px) {
.sidebar{
	width:45.5%;
	min-height:480px;
	vertical-align:top;
	float:left;
	padding: 0;

	}	
.mainwrapper{
	width:54.5%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	height:100%;
	vertical-align:top;
	background-color:#211700;
	min-height:482px;
}
.aboutcontent {
margin-top:10px;
margin-left:10px;
font-size:80%;
	}
	.rightpromo{
	float:left;
	width:95%;
	
	
	}
	 .foolink {
	 display:none;}
}

@media screen and (min-width: 381px) and (max-width: 480px)

 {
#someid {
	display:none;
	}
.sidebar {
	width:100%;
	float:left;
	}
.mainwrapper{
	width:100%;
	margin:0 0 0 0;
	float:left;
	}
.maincontent{
	width:100%;
	float:left;
	vertical-align:top;
}
/* Promor Banners and Contact Form */
.promo{	
	width:100%; 
	min-height:263px;
	max-height:263px;
	float:left;
	margin-top:0;
	padding: 0;
	}
	
.leftpromo {
	display:none;
	visibility:hidden;
	}
.leftpromo ul {
display:none;
	visibility:hidden;
	}
.rightpromo{
	float:left;
	width:90%;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:0px;
	}

	ul.enlarge span{
		display:none;
		visibility:hidden;

}
.headerimg {
	display:none;
	}
.mobileheaderimg {
	display:block;
	}
.mobileheaderimg img {
	display:block;
	visibility:visible;
	}
.videogallery {
	width:100%;
	max-width:380px;
	float: left;
	min-height:250px;
	max-height:250px;
	margin-top:5px;
	vertical-align:top;
	}
.latesttopic {
	width:100%;
	float:left;
	min-height:250px;
	max-height:250px;
	}
.latestbatch {
	width:100%;
	float:left;
	min-height:250px;
	max-height:250px;
	}	
	.sublink {
	display:none;
	visibility:hidden;
	}
.contactform {
	width:100%;
	float:left;
}
.contactform p {
color: #000000;
}
	
/*.contactinfo{
	display:none;
}*/

.sidebar ul li img {
	width:165%;
}
.smc{
	display:none;}
 }
@media screen and (min-width: 360px) and (max-width: 380px)

 {
  .navigation ul li a{
    padding:0 5px;
  }

.navigation-container .nav > li.active{
    background: #ff9934;
}
.nav > li.item-143.hover > ul {

left: 0;
margin-left:-74px;
}
#someid {
	display:none;
	}
.sidebar {
	width:100%;
	float:left;
	min-height: 276px;
	max-height:auto;
		}
.sidebar ul li img{
	width:109%;
	margin: 0 0 0 0;}

.smc
{ 
display:none;
 }
.mainwrapper{
	width:100%;
	margin:0 0 0 0;
	}
.maincontent{
	width:100%;
	float:left;
	vertical-align:top;
}
/* Promor Banners and Contact Form */
.promo{	
	width:100%; 
	min-height:263px;
	max-height:263px;
	float:left;
	margin-top:0;
	padding: 0;
	}
	
.leftpromo {
	display:none;
	visibility:hidden;
	}
.leftpromo ul {
display:none;
	visibility:hidden;
	}
.rightpromo{
	float:left;
	width:98%;
	margin-top:0px;
	}
ul.enlarge span{
		display:none;
		visibility:hidden;
}
.headerimg {
	display:none;
	}
.mobileheaderimg {
	display:block;
}
.mobileheaderimg img {
	display:block;
	visibility:visible;
	}

.aboutcontent {
	width:90%;
	height:auto;
	margin-bottom:6px;
	
	}
.aboutcontent p{
	width:90%;
	height:auto;
	font-size:80%;
	}
/* Promor Banners and Contact Form */

.rightpromo{
	float:left;
	width:89%;
	margin-top:0px;
	margin-left:10px;
	background-color:#FFF;
	}
ul.enlarge span{
		display:none;
		visibility:hidden;
}

.videogallery {
	width:100%;
	max-width:360px;
	float:left;
	min-height:250px;
	max-height:250px;
	margin-top:5px;
	vertical-align:top;
	}
.latesttopic {
	width:100%;
	float:left;
	min-height:250px;
	max-height:250px;
	}
.latestbatch {
	width:100%;
	float:left;
	min-height:250px;
	max-height:250px;
	}	
.sublink {
	display:none;
	visibility:hidden;
	}
#videoreel img{
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	width:100%;
	height:100%;
	}
.contactform p {
color: #000000;
}
	
	/* .contactinfo {
	display:none;} */
	
	
.sidebar ul li img  {
	width:123%;
	}
 }
 
 @media screen and (min-width: 320px) and (max-width: 359px)

 {
  .navigation ul li a{
    padding:0 5px;
  }

.navigation-container .nav > li.active{
    background: #ff9934;
}
.nav > li.item-143.hover > ul {

left: 0;
margin-left:-74px;
}
.headerimg {
	display:none;
}
.mobileheaderimg {
	display:block;
	}
.mobileheaderimg img {
	display:block;
	visibility:visible;
	}

#someid {
	display:none;}

.mainwrapper{
	width:100%;
	margin:0 0 0 0;
	}
.maincontent{
	width:100%;
	float:left;	
	vertical-align:top;
}
.aboutcontent {
	width:90%;
	height:auto;
	margin-bottom:6px;
	
	}
.aboutcontent p{
	width:98%;
	height:auto;
	font-size:80%;
	}
/* Promor Banners and Contact Form */
.promo{	
	width:100%; 
	min-height:263px;
	max-height:263px;
	float:left;
	margin-top:0;
	padding: 0;
	}
	
.leftpromo {
display:none;
		visibility:hidden;
	}

.leftpromo ul {
display:none;
		visibility:hidden;
	}
.rightpromo{
	float:left;
	width:87%;
	margin-top:0px;
	background-color:#FFF;
	margin-left:10px;
	}
ul.enlarge span{
		display:none;
		visibility:hidden;
}

.videogallery {
	width:98%;
	max-width:293px;
	float:left;
	min-height:250px;
	max-height:250px;
	vertical-align:top;
	}
.latesttopic {
	width:100%;
	float:left;
	min-height:250px;
	max-height:250px;
	}
.latestbatch {
	width:100%;
	float:left;
	min-height:250px;
	max-height:250px;
	}	
.feetable {
	width:100%;
	max-width:320px;
	height:auto;
	margin: 0 0 0 0;
	display:table;
	font-size:85%;
	}
.org11 {
	width:100%;
	text-align:justify;
	float:left;
	font-size:90%;
}

.org12 {
	width:100%;
	min-height:200px;
	text-align:left;
	float:left;
	background-image:url(../images/org1.jpg);
	background-repeat:no-repeat;
	}
.org21 {
	float:left;
	width:100%;
	min-height:200px;
	text-align:justify;
	font-size:90%;
	}	

.org22 {
	margin-top:20px;
	background-image:url(../images/org2.jpg);
	background-repeat:no-repeat;
	width:100%;
	float:left;
	min-height:200px;

}
.sublink {
	display:none;
	visibility:hidden;
	}
.jammpads1 {
	margin:0 0 0 0;
	padding: 0 0 0 0;
	float:left;
	width:100%;
	}
.jammpads2 {
	margin:0 0 0 0;
	padding: 10px 0 0 0;
	float:left;
	width:100%;}
#videoreel img {
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	float:left;
	width:50%;
	height:50%;
	}
	
.contactform p {
color: #000000;
}
	
	
/*.contactinfo {
	display:none;}*/
	
	
.sidebar {
	width:100%;
	float:left;
	min-height: 276px;
	max-height:auto;
		}
.sidebar ul li img{
	width:109%;
	margin: 0 0 0 0;}

.smc
{ 
display:none;
 }
 .foolink {
	 width:100%;}
	
}
@media screen and (min-width: 886px) and (max-width: 980px) {
.navigation ul li a{
    padding:0 5px;
  }

.navigation-container .nav > li.active{
    background: #ff9934;
}
.nav > li.item-143.hover > ul {

    left: 0;
margin-left:-74px;
}
 .foolink {
	 display:none;}
	
}
@media screen and (min-width: 990px) and (max-width: 1280px) {
  .navigation ul li a{
    padding:0 5px;
  }
   .foolink {
	 display:none;}
}