/** MAIN 
            : Main content area, where every content will be placed.
            : Originally, it is covered by SIDEBAR, so has to padded to WIDTH of sidebar to make space.
            : That padding has to be removed in MOBILE/TAB mode; 
            : It contains an overlay, where the content is placed.
            : Notification panels(Homepage where news and talks are shown) do not adhere to that.(Just for homepage)
        **/

        main {
            padding-left: 325px; /** Padding left because of sidebar **/
            /** width of sidebar **/
            width: 100%;	
            
            /** this setting is causing overflow in desktop mode for HOmepage. it is overwritten in homepage file.For all others, it is valid. **/
            										
             min-height:100%; 	/** Minimum height 100% because we want the overlay to cover whole of the screen atleast. **/
             height: auto;		/** So that It can expand as neededc **/
            
           
            
            /** It is for having children side by side **/
            display: flex;
            flex-direction: row;
            justify-content: center;
            
            /** background of the main. **/
            background: white;
           
        }
        /**** ++++++++++++++++++++++ CONTENT ++++++++++++ *****/

        .main-overlay {
            width: 100%;
            height: auto;
            background: white;
            padding-top: 0px;
            padding-left: 0px;
        }
        
        
		h3 {
			/** h3 font size override **/
			font-size: 25px;
			font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
			color: #4F5F77;
			padding: 2px;
        }
        
         
        
		h4 {
			/** h4 font size override **/
			font-size: 22px;
			font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
			color: #5F6F87;
			padding: 2px;
        }
        
        a {
           color: #EE6644;
           font-weight: bold;
           text-decoration: none;
        }
        a:hover {
           color: darkorange;
           text-decoration: underline;
        }
        
		ul.bullets>li { list-style-type: square; }