/* CSS Document */



body

{

	margin:0;

	padding:0;

	font-size:12px;

	line-height:1.5em;

	color:#000;

	background-image:url(../images/bodybg.png);

	background-repeat:repeat;
	background-attachment:fixed;
	background-position:center;

}

textarea{
resize:none;
}

img{ border:none; margin:0; padding:0; }



p{ margin:0; padding:0; }



#container_wrapper

{

	width:99%;

	margin:0 auto;

/*	border:1px solid #fc9;

*/}



#header

{

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

}	



#srchkey

{

background-image:url(../images/gray-classic-search-icon.png);

background-repeat:no-repeat;

padding-right:20px;

background-position:top right;

height:20px;

border:1px solid;

}



#content

{

	width:960px;

	margin:0 auto;
	padding:5px;

/*	border:1px solid #ccc;*/

	clear:both;

	/* Floated elements don’t take up any vertical space in their containing element. 

	   so instead of setting height, use below

	*/

	overflow:hidden;

	/*height:1900px;*/

	background-color:#fff;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

	

}	



#footer

{

	width:100%;

	margin:0 auto;

}

	

#homepage

{

	width:99%;

	padding:5px;

	background-color:#fd6c67;

}



#topbartitle

{

	width:800px;

	padding:6px 0 6px 0;

	margin:0 auto;

	text-align:center

}	



.welcomemsg

{

	 

	padding:6px 0 6px 500px;

	margin:0 auto;

	text-align:right;

	font-size:16px;

	color:#2F327E;
	font-family:Arial, Helvetica, sans-serif;
	
	font-weight:bold;
	float:right;

}	

#welcomemsg

{

	width:99%;

	padding:6px 25px 6px 0px;

	margin:0 auto;

	text-align:right;

	font-size:16px;

	color:#2F327E;

	font-weight:bold;
	float:right;

}	

#welcomemsg a{
	text-decoration:none;
	color:#2F327E;
}	

.title1{

	font-size:16px;

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

	text-decoration:none;

	color:#fff;

	font-weight:bold;	

}	

	

.title2{

	font-size:14px;

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

	text-decoration:none;

	color:#fff;

	font-weight:bold;	

}	

	

#logo

{

	width:100%;

 	margin:0 auto;
	padding:0;
/*	background-color:#fff;

*/}	

	

#mainlogo
{
	width:90px;
 	float:left;
}	


#yearslogo
{
	width:120px;
	float:left; 
}	

#sitetitle
{

	width:570px;
	padding:10px 0 10px 5px;
	/*margin:0 auto;*/
	/*border:1px solid #f00;*/
	float:left;
}	

 
#voslogo
{
	float:left;
}


#vostitlecontainer
{
	background-color:#688d4a;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);
   padding:20px 2px 20px 2px;

}
.vostitle
{

	color:#fff;

	font-size:30px;


	padding-bottom:10px;

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

.sitetitle

{

	color:#5b5d8d;

	font-size:26px;

	padding-left:5px;

	padding-bottom:10px;

    font-weight:900;

}	



#os{

	color:#373485;

	font-size:35px;

	font-weight:bold;

}



.tagline

{

	padding-left:10px;

	font-style:italic;

	font-size:16px;

	color:#5b5d8d;

	font-weight:bold;		

}



.spacer{

	padding-left:5px;

	}

		

#mainnav

{

	clear:both;

	width:100%;

/*	background-image:url(../images/menubg.png);

	background-repeat:repeat-x;
*/
	background-color:#F14E16;
	height:30px;

	padding:0; 
	

}	



#menu

{

	padding:2px 0px 2px 0px;

	list-style:none; 

	margin:0 auto;

	width:990px;
}	

	

#menu li 

{

	line-height:25px;

	display:inline;

	padding-right:2px;

}	



#menu li a

{

	text-decoration:none;

	font-size:16px;

	color:#fff;

	font-weight: 500;

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

}

h5{
margin:0;
padding:0;
}

.menuitem
{
	text-decoration:none;

	font-size:14px;

	color:#fff;

	font-weight: 500;

    font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}



#accessibility

{

	background-color:#ffdcd0;

}



#accessmsg

{

	width:960px;

	padding:1px;

	margin:0 auto;

	color:#000;

	font-size:12px;

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

    text-align:center;

}	





#footermenu

{



	padding:0px 0 0px 50px;

	height:20px;

	background-color:#fff;

}



#ftnav

{

	list-style:none;

	 

}



#ftnav li

{

	display:inline;

	line-height:20px;

	padding-right:20px;

}



#ftnav li a

{

	text-decoration:none;

	font-size:14px;

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

	

}	



#copyright

{

	background-color:#fd6c67;

	color:#fff;

	height:10px;

	padding:5px 10px 10px 0px;

	text-align:center;

	font-size:11px;

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

}



#section1,#section2,#section3,#section4,#section5

{

	width:960px;

	clear:both;

}


#banner
{

	width:600px;

	margin:8px;

	float:left;
	height:300px;
}	


#login,#banner1,#banner2
{

	width:325px;
	height:280px;
	margin:8px;

	float:left;

}





#login, #forgotpass 

{

	background:url(../images/loginbg.png) repeat-x;

	padding-top:0px;

	border:1px solid #003300;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

   border-top:none;

   padding:0 0 10px 0;

   background-color:#fff;

}

#login table { padding:0; margin:0; height:178px; }



#logintitle, #getpasswd

{

	

	padding:10px 0 10px 25px;

	color:#fff;

	font-weight:bold;

	font-size:18px;

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

}



.label

{

	font-size:12px;

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

	padding:10px;

    color:#5b5d8d;

	font-weight:bold;

}



.getpass

{

	font-size:12px;

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

	padding-left:10px;

	color:#5b5d8d;

	font-weight:bold;

	text-decoration:none;

}



#latestvos,#vos

{

	width:455px;

	height:360px;

	margin:10px;

	padding:10px 2px 2px 2px;

 	background-color:#c4cca5;

	float:left;	

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

	-moz-box-shadow: 0px 0px 5px #999;

	-webkit-box-shadow: 0px 0px 5px #999;

	box-shadow: 0px 0px 5px #999;

   

}



#latestvos_inner,#vos_inner

{

	width:455px;

	height:330px;

	margin-top:10px;

 	background-color:#fff;

	float:left;	

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

}



#latestvos_title,#vos_title

{

	font-size:18px;

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

	font-weight:bold;

	padding-left:25px;

	color:#000;

}



.msheading

{

	color:#f00;

	font-size:16px;

	font-weight:bold;

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

	padding:5px;

	text-transform:capitalize;

}	



#onlineusers

{

	background-color:#fff3f3;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

   padding:10px;

   margin:5px;	

}



.onlineusertitle

{

	

	font-size:12px;

	padding-right:100px;

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

	color:#000;

	font-weight:bold;

}



.onlineuserdur

{

	clear:both;font-size:12px;

	padding-right:150px;

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

	color:#000;

}



.msgtext

{

	font-size:14px;

	padding:8px;

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

	text-align:justify;

}



.text

{

	font-size:14px;
	padding:8px;

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

	text-align:justify;

	line-height:1.4em;

}



.label

{

	font-size:14px;

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

	text-align:left;

}



#regtable

{

	border:1px solid #5b5d8d;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

}



.tableheading

{

	background-color:#5b5d8d;

	border:1px solid;

	font-size:12px;

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

	color:#fff;

	font-weight:bold;

	padding:2px;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

	

}	



.viewmore

{

	color:#f00;

	font-size:16px;

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

	text-align:right;

	margin-left:320px;



}	



#block3_inner .viewmore

{

	color:#f00;

	font-size:16px;

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

	text-align:right;

	padding-left:160px;

	margin-left:0;



}


#block3_inner{
	height:220px;
	overflow:scroll;
}

span.viewmore > a

{

	color:#f00;

	text-decoration:none;

}



#block_innermenu

{

	width:250px;

	margin:8px;

	float:left;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

   background-color:#fd6c67;

   padding:5px 5px 2px 5px;

}

#innermenu_container

{

	width:auto;

	height:auto;

	padding:5px;

	margin:0;

	background-color:#fff;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

}



ul.innermenu

{

	margin:0;

	padding-left:5px;

	list-style:none;

}



ul.innermenu li

{

	line-height:2em;

	font-size:16px;

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

	background-color:#fffdf0;

	padding-left:10px;

	margin-bottom:2px;

	font-weight:bold;

	border-left:2px solid #000;

	-moz-box-shadow: 0px 0px 5px #999;

	-webkit-box-shadow: 0px 0px 5px #999;

	box-shadow: 0px 0px 5px #999;

}



#block1,#block2,#block3

{

	width:290px;
	height:270px;
	margin:8px 12px 8px 8px;

	float:left;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

   background-color:#fd6c67;

   padding:5px 5px 2px 5px;

}



#block1_inner,#block3_inner

{

	width:auto;

	min-height:200px;

	padding:10px;

	background-color:#fff;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

}

.title3{

	color:#fff;

	text-align:center;

	font-size:18px;

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

	font-weight:bold;

}



ul.courselist

{

	list-style:none;

 	margin:0;

	padding:0;

}



ul.courselist li

{

	line-height:2em;

	font-size:16px;

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

	background-color:#fffdf0;

	width:250px;

	padding-left:10px;

	margin-bottom:2px;

	font-weight:bold;

	border-left:2px solid #000;

	-moz-box-shadow: 0px 0px 5px #999;

	-webkit-box-shadow: 0px 0px 5px #999;

	box-shadow: 0px 0px 5px #999;

}



.regcourse

{

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

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

   background-color:#fffdf0;

   width:290px;

   height:70px;

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

}



.regcoursetext

{

	padding:20px;

}





.regcourseno

{

	padding-right:10px;
	font-weight:bold;

}

	

.roundcorner {

    width: 420px;

    height: 220px;

    margin: 0 auto 35px auto;

    padding: 30px;

    color: #fff;

    font-weight: bold;

    border: 1px solid #35b70e;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

}





#videogallery,#iradio,#niosoer

{

	width:300px;

	background-color:#ffdfb0;

	float:left;

	margin:10px 8px 8px 8px;

	padding:10px;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);
   text-align:center;
}



#iradio

{

	width:250px;

	padding:10px;

}

.title4{

	color:#000;

	text-align:center;

	font-size:18px;

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

	font-weight:bold;

}



#section5

{

	margin-top:10px;

}



table.activedisc thead

{

	background-color:#fd6c3f;

	font-size:18px;

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

	/*line-height:2em;*/

	color:#fff;

	font-weight:bold;

}



table.activedisc thead td{

	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;

}



.tableheadings

{

	background-color:#ffd895;

	color:#000;

	font-size:14px;

	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}



.tablecontent

{

	background-color:#efefef;

	color:#000;

	font-size:12px;

}



.tablecontentbold

{

	font-size:14px;

	font-weight:bold

}



.link

{

	text-decoration:none;

	font-size:15px;

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

	font-weight:bold;

	color:#000;	

}



.link2

{

	text-decoration:none;

	font-size:12px;

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

	font-weight:bold;

	color:#5b5d8d;	

}



.link3

{

	text-decoration:none;

	font-size:15px;

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

	font-weight:bold;

	color:#5b5d8d;	

}



.red{

	color:#f00;

	font-size:12px;

	font-weight:normal;

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



.button

{

	background-color:#5b5d8d;

	border:1px solid;

	font-size:14px;

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

	color:#fff;

	font-weight:bold;

	padding:5px;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

	

}	



#ritable

{

	background-color:#5b5d8d;

	color:#fff;

	text-align:center;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 20px;

   behavior: url(PIE.htc);

}



#board_code, #tocboard_code

{

	width:300px;

}



#board_code option, #tocboard_code option

{

	width:480px;

}

.voscourseslist
{
list-style:none;
margin-left:0;
padding-left:0;
}

#poweredby
{
	float:right;
}	


#studentmenu
{
	width:200px;
	margin:5px;
	float:left;
	background:url(../images/loginbg.png) repeat-x;

	padding-top:0px;

	border:1px solid #003300;

   -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);

   border-top:none;

   padding:0 0 10px 0;

   background-color:#fff;
}



.stdnav
{
	list-style:none;
	margin:0;
	padding:2px;

}

 .roundbg
 {
 	background-color:#688d4a;
    -moz-border-radius: 32px;

   -webkit-border-radius: 32px;

   border-radius: 10px;

   behavior: url(PIE.htc);
   
   padding:5px;
   margin:5px;
	
 }
 
 .stdlink

{

	text-decoration:none;

	font-size:14px;

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

	font-weight:bold;

	color:#fff;	
	padding-left:5px;

}

ul.stdnav li a:hover
{
color:#c4cca5;
}


/* Font Resize*/

.sitetitle1_icard
{
	color:#2f2e7d;
	font-size:20px;
	padding:13px 0 2px 0;
    font-weight:900;

}	

.sitetitle2_icard
{
	color:#008000;
	font-size:20px;
	padding:2px 0 2px 0;
    font-weight:900;

}	
.smalltext{ font-size:12px; }