/* 
    Document   : cssForHomePage
    Created on : Feb 22, 2013, 4:51:04 PM
    Author     : sict
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    padding: 0;
    margin: 0;
}
root { 
    display: block;
}
table{
    width: 100%;
}
table, tr, td{
    margin: 0;
    padding: 0;
}

header{
    width:100%;
    position:relative;
    z-index:2;
}
#headercontainer{
    height: 115px;
}
.main {
    width:1000px;
    margin:0 auto;                  
}  
.border-bot {
    width:100%;
    /*padding-bottom:32px;*/
    background:url(../images/BodyBG.jpg) 
} 
.row-bot {
    width:100%;
    background:url(../images/content-tail.gif) center top repeat
}
.slider-wrapper {
    margin:0 auto;
    width:1000px;
    height:350px;
    /*padding-bottom:46px;*/
    overflow:hidden;
}
.slider {
    width:1000px;
    height:350px;
    position:relative;
}
.items {
    display:none;
}
#content {
    width:100%;
    /*padding:50px 0 53px;*/                
    background:url(../images/content-tail.gif) center top repeat;
    position:relative;
    z-index:1;
} 
#contentscontainer{
    display: inline-block;
    width: 750px;       
}
#leftnav{
    display: inline-block;
    width: 240px;
}
#page1 #content {
    /*padding:12px 0 53px;*/
    padding:12px 0 12px;
}  
.marathiintroduction{
    font-size: 14px;
}
footer {
    width:100%;
    padding:39px 0;
    background:url(../images/BodyBG.jpg) left bottom repeat-x;
}
/*******************************************************************/
.faqs{
    color: black;
    text-decoration:  none;
    text-transform: uppercase;
    font-family: sans-serif,serif;
    font-size: 11px;
    font-weight: bold;
}            
#cssmenu
{
    padding: 0; 
    margin: 0; 
    border: 0;
}
#cssmenu ul, #cssmenu li 
{
    list-style: none; 
    margin: 0; 
    padding: 0;
}
#cssmenu ul 
{
    position: relative; 
    z-index: 597; 
}
#cssmenu ul li 
{ 
    float: left; 
    min-height: 1px; 
    vertical-align: middle;
}
#cssmenu ul li.hover,#cssmenu ul li:hover 
{
    position: relative; 
    z-index: 599; 
    cursor: default;
}
#cssmenu ul ul 
{
    visibility: hidden; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 598; 
    width: 100%;
}
#cssmenu ul ul li 
{
    float: none;
}
#cssmenu ul ul ul 
{
    top: 0; 
    left: auto; 
    right: -99.5%; 
}
#cssmenu ul li:hover > ul 
{ 
    visibility: visible;
}
#cssmenu ul ul 
{
    bottom: 0; left: 0;
}
#cssmenu ul ul 
{
    margin-top: 0; 
}
#cssmenu ul ul li 
{
    font-weight: normal;
}
#cssmenu a 
{ 
    display: block; 
    line-height: 1em; 
    text-decoration: none; 
} 
#cssmenu 
{
    background: rgb(255,51,153);
    border-bottom: 4px solid rgb(66,158,214);
    font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
    font-size: 12px;
}
#cssmenu > ul 
{
    display: inline-block; 
}
#cssmenu:after, #cssmenu ul:after 
{
    content: '';
    display: block;
    clear: both;
}
#cssmenu a {
    background: rgb(255,51,153);
    color: white;
    padding: 0 25px;
}
#cssmenu ul 
{ 
    text-transform: uppercase; 
}
#cssmenu ul ul {
    border-top: 4px solid rgb(66,158,214);
    text-transform: none;
    min-width: 190px;
}
#cssmenu ul ul a {
    background: rgb(66,158,214);
    color: #FFF;
    border: 1px solid #0082e7;
    border-top: 0 none;
    line-height: 150%;
    padding: 10px 16px;
}
#cssmenu ul ul ul 
{ 
    border-top: 0 none; 
}
#cssmenu ul ul li 
{ 
    position: relative 
}
#cssmenu > ul > li > a 
{ 
    line-height: 48px;  
}
#cssmenu ul ul li:first-child > a 
{ 
    border-top: 1px solid #0082e7; 
}
#cssmenu ul ul li:hover > a 
{ 
    background: #35a6ff; 
}
#cssmenu ul ul li:last-child > a {
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 0 rgb(66,158,214);
}
#cssmenu ul ul li:last-child:hover > a 
{ 
    border-radius: 0 0 0 3px; 
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}    
#cssmenu ul li:hover > a, #cssmenu ul li.active > a {
    background: rgb(66,158,214);
    color: #FFF;
}
#cssmenu ul li.has-sub > a:after {
    margin-left: 5px;
}
#cssmenu ul li.last ul {
    left: auto;
    right: 0;
}
#cssmenu ul li.last ul ul {
    left: auto;
    right: 99.5%;
}
#menucontainer{
    height: 50px;        
    width:1000px;
}    
#contents{
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 10px;
    height:300px;
    width: 740px;
    background-color: rgb(221,217,195);
}
#contents p{
    overflow: hidden;
    margin: 0;
    padding: 1%;
    font-size: 100%;
}
#webeyondthebanking{
    margin-bottom: 10px;
    height: 300px;
    width: 240px;
}
#webeyondthebankingheader{
    height:50px;
    background-color: rgb(85,142,213);        
}
#webeyondthebankingcontents{
    height: 250px;
    background-color: rgb(191,191,191);
}
#schemes, #awards, #quicklinks,#news{        
    width: 240px;
    height: 200px;
}
#schemes, #awards, #quicklinks{        
    float: left;
    margin-left: 10px;    
}
#schemes{
    background-color: black;
}
#quicklinksheader{
    height:50px;
    background-color: rgb(112,48,160);
}
#quicklinkscontents{
    height: 150px;
    background-color: rgb(217,150,148);
}
#quicklinkscontents table, #webeyondthebankingcontents table,#newscontents table{
    width: 100%;
    height:100%;
}
#quicklinkscontents a, #webeyondthebankingcontents a, #newscontents a{
    font-size: 13px;
    font-weight: bold;
    color:#000000;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
}
#newscontents a{
     padding-left: 10px;
 }
#awardsheader{
    height:50px;
    background-color: rgb(192,0,0);
}
#awardscontents{
    height: 150px;
    background-color: black;
}    
#newsheader{
    height:50px;
    background-color: rgb(119,147,60);
}
#newscontents{
    height: 150px;
    background-color: rgb(196,189,151);
    overflow: hidden;
}   
h3{
    margin: 0;
    padding-top: 15px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}

.footerul{
    margin: 0px;
    padding: 0px;
    line-height: 40px;
}
.footerul li{
    list-style: none;
    list-style-type: none;
}
.footerul li a{
    color:rgb(255,51,153);
    text-decoration: none;
    padding: 15px 40px;   
}