/* CSS Document */

/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px) {

#hindititle
{
	width:350px;
}

#vostitlecontainer
{
	background-color:#688d4a;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);
   padding:20px 2px 20px 2px;
   /*display:none;*/
	
}
.vostitle
{

	color:#fff;

	font-size:18px;


	padding-bottom:10px;

    font-weight:900;
	text-align:center;
}	

.sitetitle

{

	color:#5b5d8d;

	font-size:20px;

	padding-left:5px;

	padding-bottom:10px;

    font-weight:900;

}	

.tagline

{

	padding-left:10px;

	font-style:italic;

	font-size:12px;

	color:#5b5d8d;

	font-weight:bold;		

}
#footermenu
{

	height:20px;

	background-color:#fff;
	padding-left:150px;
	margin:0;

}

#ftnav li
{

	display:inline;

	line-height:20px;

	padding-right:5px;

}

#ftnav li a{
	font-size:12px;
}

}


/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

#content

{

	width: 95%;
	padding: 3%;


	overflow:hidden;

	/*height:1900px;*/

	background-color:#fff;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

	

}	

#section1,#section2,#section3,#section4
{
	width:97%;
	padding:2%;
	float:left;
	 
}

#login{
	width:30%;
	float:left;
	
}

#banner
{
	width:60%;
	float:left;
	 
}

#header

{

	width:100%;
	margin:0 auto;
	position:fixed;
	z-index:2000;
	background-color:#fff;
	/*border:1px solid #fc8;*/

}	

#menu li a

{

	text-decoration:none;

	font-size:14px;

	color:#fff;

	font-weight: 500;

    font-family:Arial, Helvetica, sans-serif;

}

#nioslogo,#yearslogo
{
	width: 95%;
}

#voslogo{
	width:95%;
	height:30%;
}

div.cycle-slideshow img{
width:80%;
}

#latestvos,#vos
{
	width:46%;
	height:100%;
}

#latestvos_inner,#vos_inner

{

	width:100%;

	height:420px;
	float:none;

	margin-top:10px;

 	background-color:#fff;

	float:left;	

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

}

.viewmore

{

	color:#f00;

	font-size:14px;

	font-family:Arial, Helvetica, sans-serif;

	text-align:right;

	margin-left:180px;



}	

#block1,#block2,#block3
{
	width:30%;
	margin:8px 2px 8px 2px;
	float:left;
	height:100%;
}

#loginid,#passwd
{
	width:100px;
}

#block1_inner,#block3_inner

{

	width:90%;

	min-height:200px;

}

ul.courselist li
{
	width:170px;
}

.title3{

	color:#fff;

	text-align:center;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

}
.regcourse

{

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   /*behavior: url(PIE.htc);*/

   background-color:#fffdf0;

   width:195px;

   height:70px;

   margin-bottom:10px;
   
   margin-top:10px;
  

}



.regcoursetext

{

	padding:10px;

}

.link

{

	text-decoration:none;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#000;	

}

div#block2 span a
{
padding-left:0px;
text-align:left;
font-size:12px;
}

#accessmsg
{
	width:95%;
}

#videogallery,#iradio,#niosoer

{

	width:30%;
	height:250px;
	background-color:#ffdfb0;

	float:left;

	margin:10px 5px 8px 5px;

	padding:5px;

}

#niosoer
{
	padding-top:50px;
	height:200px;
}

#ytvideo,#iradiologo,#oerlogo
{
	width:95%;
}

#footermenu
{

	height:20px;

	background-color:#fff;
	padding:0;
	margin:0;

}

#ftnav li
{

	display:inline;

	line-height:20px;

	padding-right:5px;

}

#ftnav li a{
	font-size:12px;
}

#livesupport
{
	width:150px;
}

#activedisc
{
	width:76%;
}

#activeblogs
{
	width:60%;
}

.banner {
  width:0px; 
  height:0px; 
  padding: 33px; 
  background: url(../images/voslogo_small.png) no-repeat;   
}
}