/* CSS Document */
body{
	font-size:0.8em;
	text-align:center;
	background-color:white;
	font-family: 'Trebuchet MS', Lucida Sans Unicode, Arial, sans-serif;
	margin:0px;
		padding:0px;
		
}
.twitter { width:65px; height:65px; background: url(images/icons.jpeg) -14px -12px; 
   }
.utube { width:65px; height:65px; background: url(images/icons.jpeg) -84px -12px; 
   }
.facebk { width:65px; height:65px; background: url(images/icons.jpeg) -154px -12px; 
   }
.stwitter { width:35px; height:35px; background: url(images/icons.gif) -10px -12px; 
   }
.sutube { width:35px; height:35px; background: url(images/icons.gif) -52px -12px; 
   }
.sfacebk { width:35px; height:35px; background: url(images/icons.gif) -93px -12px; 
   }
.sradio { width:35px; height:35px; background: url(images/internetradio.gif) ;    }
.stv { width:35px; height:35px; background:  url(images/tvprog.gif) ;    }
.spublc{ width:35px; height:35px; background: url(images/publications.gif)   ;    }
.smsg{ width:35px; height:35px; background:  url(images/messages.gif)  ;    }
.sblog   { width:35px; height:35px; background:  url(images/blog1.gif)  ;    }
.smagzn   { width:35px; height:35px; background: url(images/magazines.gif)   ;    }   

.sprytgreen {
    margin-top: 10px; padding: 0 .7em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #006600 ;
    background: #fff  url(images/cartbavo.jpg);
	height:16px; 
    background-position: 0 -34px;
}
.sprytgreen  a{ color:#FFFFFF;}  

 ul {padding:0px; margin:0px;}
 li  { list-style:none; padding:0px; padding-top:2%; margin:0px; height:15%; width:85%; padding-left:1%; overflow:auto;  }
.lismall {list-style:none; padding:0px; padding-top:1%; margin:0px;  padding-left:1%; text-align:left; overflow:auto; }
#sidemenu a {
    display: block;
  /*  background-color: #0099CC;  */
	margin-left:0px;
	padding-left:1%;
	 height:20%;
	 text-decoration:none;
	 text-align:left;
	 font-size:12px;
	 padding-top:5px;
}
#sidemenu a:link    {color:white; background-image:url(images/nav_bg.png); background-repeat:repeat-x;}
#sidemenu a:visited {color:white; } 
#sidemenu a:hover   {color: #CCCCCC; background-image:url(images/nav_hover.jpg); background-repeat:repeat-x;   }
#sidemenu a:active  {color:yellow;} 


#rsidemenu a {
    display: block;
  /*  background-color: #0099CC;  */
	margin-left:0px;
	padding-left:1%;
	 height:20%;
	 text-decoration:none;
	 text-align:left;
	 font-size:12px;
	 padding-top:5px;
}
#rsidemenu a:link    {color:white; }
#rsidemenu a:visited {color:white; } 
#rsidemenu a:hover   {color: #33FFFF ;   }
#rsidemenu a:active  {color:yellow;} 





#topmenu { border:none;  }
#topmenu  li{display:inline;padding-left:5px; margin-right:2px;  }
#topmenu  a {
    display: inline;
	height:15px;
 	margin-left:0px;
	padding-left:5px;
	 text-decoration:none;
	 text-align:left;
	 font-size:12px;
	 padding-top:0px;
	 margin-bottom:1px;
	  	}
#topmenu  a:link {color:white;background-image:none; }
#topmenu  a:hover{color: #66FF33;background-image:none;} 	

#contentdiv {margin:10px; padding:10px; font-size:16px; text-align:justify; color: #003399; font-weight:bold; border:#aaaaaa thin solid; }
#contentdiv ul{ margin:2px; padding:2px; height:20%; width:200px; overflow:hidden;} 

.left {width:15%; height:100%;}
.right {width:15%; height:100%;}
.main {width:68.8%; height:100%;}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .left,.right,.main {
    width: 100%;
	height:auto;
	 
  }
  }