﻿body 
{
     background: white;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: black;
    margin-top: 0px;
}
h1 { margin-top: 2px; margin-bottom :5px;}
.root { display: block;
         min-width: 90%;
         min-height: 700px;
         
         background-color: Gray ;       
        
}
.head { font-size: 10px; background-color:White; }
.headerightbox {display:block; height:90px;  margin-right:20px; }
.headerightbox a { color:White;}
.footer{ background-color: Gray ; height:160px;  }
.banner
{
    background-position: 20px;
    height: 101px;
    background-image: url('../images/yellowheader.jpg');
}
.nav
{
    
    height: 38px;
    
    padding-left: 10px;
    background-color: #333399;
    color: White;
    background-image: url('../images/purplenav.jpg');
    margin-top:-12px;
     font-size:12px; text-align : justify   ; 
     
}
.undernav
{
    
    height: 38px;
    width: 100%;
    background-color: #333399;
    color: gray;
    background-image: url('../images/undernav.jpg'); margin-bottom :-10px;
    font-size: 10px;
    clear: both ;
    text-align: center;
}

 
.nav a
{
    color:White;
    height: 24px;
    padding: 6px;
    display: inline-block;
    float: left;
    border-left-style: inset;
    border-left-width: thin;
    border-left-color:blue; margin-top :1px;
    padding-left:10px; padding-right:10px;
    border-right:thin outset darkblue
}
.nav ul ul
{
    list-style-type: none;
    margin-left: -50px;
    margin-top: 20px; position:absolute ;
}
.myulholder { width:88%; margin-left:auto; margin-right :auto; height:39px;  display :block ;}
.nav ul > li, .nav ul ul li { display: inline-block ; }
.nav ul > li a:hover { color:Red   }
	.nav ul > li a:active { color:Red   }

.nav ul >li ul       { visibility: hidden;     }	
.nav ul >li:hover ul { visibility:visible;   }
	.nav ul ul a { color: Black ; border: none; }
.activemenu {
    background-image: url('../images/centerbg.jpg'); margin-bottom :-10px;
    font-size: 10px; color:Gray;
    border-radius:5px 5px 0px 0px
    }
    


#submenu {  position: absolute ; display:block; width:300px;
             margin-top:1px;  margin-left :-44px;
              color:black; }
 #submenu a { color: Black  ; height:17px; border  :0px;}

 .add { display: inline-block; padding:3px; }

.cententholder {background-image: url('../images/centerbg.jpg');  background-repeat:repeat-x    ;
                display: inline-block ; width:98%; background-color :White; padding :20px;}
                
                
.overcentralised
{
    display:block;
    margin-left: auto;
    margin-right: auto;
     width: 1050px;
}
 .centralized
{
    display: inline-block;
   
   
    background-color: White;
    padding-top:2px;    
    margin-top:9px;  
    border-top-color: #C0C0C0;
    border-left-color: #C0C0C0;
   box-shadow: 0 1px 7px 1px #C0C0C0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    
}
.leftcontentarea{ float: left; width:70%; display:block; overflow:hidden; padding-left:5px; padding-right:13px;  
                  min-height:600px; min-width:720px; background-color:White; border-right :0px solid #C0C0C0; }
.rightcontentarea { width: 24.3%; padding:9px; min-height:600px;
                     background-color :#f4f4f4 ; float:right;
                  border: 1px solid #C0C0C0 
                     } 
.spotlight 
{
   background-color: Black  ;
   width: 720px; height:250px; display :block; overflow:hidden ;   
}
.headlineholder{ width: 225px; display:block; overflow:hidden ; float:right ; color:White   ; padding-top:10px; margin-right:5px;}
.spotlightheader { font-size: 19px; padding:5px} 
.allspotlight { width:5040px; display:inline-block; position: relative    ; }
.spotlightdiv { width:720px; float:left; }
.spotlightpicholder { width:480px; background-color:White; overflow: hidden;  float:left; min-height:240px; display:inline-block  }
.rightcontentarea .category { font-size: 15px; color:grey ;
                              display:inline-block; padding:12px;
                              background-image:url("../images/undernav.jpg");
                              margin-top:-2px;}
.category { font-size: 15px; color:grey ;}
.headline
{
    font-family:'BentonSans',sans-serif;
    font-size: 17px;
    color: #004276; text-decoration:none;
}
.newsheadline { font-size: 30px; color :Black ; font-weight:normal;}
.articlesumaryhoder { max-width:280px; display:block;  clear:both ; padding:7px; }
.articlesumaryhoder div.undernav {border:1px solid #C0C0C0; }
.articletext { display:block; text-align:justify; }
.subarticlesumaryhoder
{
    background-position: -51px 1px;
    display: block;
   
    padding: 10px;
    border-bottom: 0.1em dotted gray;
     background-color:White;
     
     
}
.leftcontentarea div.subarticlesumaryhoder{ display:inline-block;width:92%; height:255px; }
.leftcontentarea div.articlesumaryhoder
 { border:0px solid gray;
      width:30%; margin-top:-20px; margin-bottom:10px; height:1160px;
      
       
     }
.subarticlesumaryhoder:hover
{
    display: inline-block;
    padding: 10px;
    background-color: #F4F4F4;
}
.articleholder { padding: 15px; }
.loginbox {  padding: 50px; width:400px; height:400px; margin-left : auto   ; margin-right:auto ;}

.centeradd{ margin-top: 500px; padding :5px; display:inline; float:left; width:228px;}


html > /**/ body input[type='text'], textarea{border: 1px solid gray ; margin-bottom:10px; }
#section
{
    border: 1px solid #C0C0C0;
    background-color: #F4F4F4; float:left;
}
.readmore { color:Red; padding:4px; float:right; clear:both; font-size:11px; font-weight:bold;
            border:1px solid silver; display:inline-block;
             background-image: url("../images/undernav.jpg");
             border-radius:5px 5px 5px 5px;
            }
.date{clear:both; color:red; font-size:11px; font-weight:bold}
.hrdiv { margin-top:6px; border-bottom: 0.1em dotted gray; clear:both;}
.clear{display:block; clear:both;}

#ticker ul{
	height: 40px;
	overflow: hidden;
    list-style:none;
    font-size:14px;
    width:60%;
    margin:auto;
    display:block;
    


}
#ticker li {
	height: 60px;
}
#ticker li a {
    height:55px;
}



	