.semi-trans {
       background: rgb(00, 00, 00); /* The Fallback */
       background: rgba(00, 00, 00, 0.5);    
   }
   
   .year .description{width: 100%;}
body {
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
}
    body {
      background-image: url("/Content/Images/x.gif");
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

 ol#years,  ol#charities{
    width: 10000px;
    height: 445px;   
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    /*background-color: #cacaca;*/
 } 
 ol#years li, ol#charities li{
    width: 2000px;
    background: transparent url('/Content/Images/yearBG.jpg') no-repeat 0 80px;
    height: 540px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
 }
 ol#charities li{width: 1165px;}
 #year01 h2{
    background: #c8c8c8 url('/Content/Images/year01.gif') no-repeat 80px 0;
    }
 #year02 h2{
    background: #c8c8c8 url('/Content/Images/year02.gif') no-repeat 80px 0;
    }
 #year03 h2{
    background: #c8c8c8 url('/Content/Images/year03.gif') no-repeat 80px 0;
    }
 #year04 h2{
    background: #c8c8c8 url('/Content/Images/year04.gif') no-repeat 80px 0;
    }
 #year05 h2{
    background: #c8c8c8 url('/Content/Images/year05.gif') no-repeat 80px 0;
    }                
 .year h2,  .charity h2{
    display: block;
    height: 80px;
    width: 100%;
    background-color: #c8c8c8;
    margin: 0;
    padding: 0;
    overflow: hidden;
 }
 .charity h2{width: 350px; height: 40px;
    font-family: Helvetica, Arial;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    left: 205px;
    top: 155px;
    background-color: transparent;
    line-height: 1.5;
    }
  .year h2 span, .charity h2 span{
    font-family: Helvetica, Arial;
    color: #e6e6e6; 
    /*font-size: 138px;*/
    line-height: .58;
    margin: 0;
    padding: 0;
    margin-left: 80px;
    letter-spacing: -.09em;    
    font-weight: bold;
    display: none;
    }
    .charity div.copy{
        position: absolute;
        left: 205px;
        top: 195px;
        width: 350px;
        height: 260px;
        overflow: hidden;            
    }
    .charity div.copy p{
    font-family: Helvetica, Arial;
    color: #666666;
    line-height: 2;
    font-size: 12px;
    margin-top: 0;
    
    }
.year div, .charity div, .charity img.main{position: absolute;
    font-family: Tahoma, Arial, Sans-Serif;}
.charity img.main {left: 44px; top:125px;}
.year div div.description, .charity div div.description{ width: 100%; top: 0; left: 0px; padding: 0; z-index: 3; text-decoration: none;}    
.year div h3, .charity div h3{
    font-size: 12px;
    color: #fff;
    padding: 1em;
    margin: 0;
    text-decoration: none;
}
.year  a, .charity  a{text-decoration: none;}
.year  a:hover, .charity  a:hover{text-decoration:none;}
.year div p, .charity div p{
    font-size: 10px;
    color: #eee;
    text-decoration: none;
}
.year .item, .charity .item{
    background-repeat: no-repeat;
    background-position: top left;
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    */
    z-index: 1;
/*
	-moz-box-shadow: 0px 1px 4px #a3a3a3;
	-webkit-box-shadow: 0px 1px 4px #a3a3a3;
*/

    
   
}
.row3{top: 85px;}   
.row4{top: 125px;} 
.row5{top: 165px;} 
.row6{top: 205px;} 
.row7{top: 245px;} 
.row8{top: 285px;} 
.row9{top: 325px;} 
.row10{top: 365px;} 
.row11{top: 405px;} 
.row12{top: 425px;} 

.colA{left: 5px;}
.colB{left: 45px;}
.colC{left: 85px;}
.colD{left: 125px;}
.colE{left: 165px;}
.colF{left: 205px;}
.colG{left: 245px;}
.colH{left: 285px;}
.colI{left: 325px;}
.colJ{left: 365px;}
.colK{left: 405px;}
.colL{left: 445px;}
.colM{left: 485px;}
.colN{left: 525px;}
.colO{left: 565px;}
.colP{left: 605px;}
.colQ{left: 645px;}
.colR{left: 685px;}
.colS{left: 725px;}
.colT{left: 765px;}
.colU{left: 805px;}
.colV{left: 845px;}
.colW{left: 885px;}
.colX{left: 925px;}
.colY{left: 965px;}

.colA2{left: 1005px;}
.colB2{left: 1045px;}
.colC2{left: 1085px;}
.colD2{left: 1125px;}
.colE2{left: 1165px;}
.colF2{left: 1205px;}
.colG2{left: 1245px;}
.colH2{left: 1285px;}
.colI2{left: 1325px;}
.colJ2{left: 1365px;}
.colK2{left: 1405px;}
.colL2{left: 1445px;}
.colM2{left: 1485px;}
.colN2{left: 1525px;}
.colO2{left: 1565px;}
.colP2{left: 1605px;}
.colQ2{left: 1645px;}
.colR2{left: 1685px;}
.colS2{left: 1725px;}
.colT2{left: 1765px;}
.colU2{left: 1805px;}
.colV2{left: 1845px;}
.colW2{left: 1885px;}
.colX2{left: 1925px;}
.colY2{left: 1965px;}
 .home #button{
    width: 80px; 
    height: 80px; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    }
#top_bar{width: 100%; height: 80px; position: fixed; top: 0; left: 0; background-color:#CACACA; z-index:5;}
#f25{
    width: 80px; 
    height: 80px; 
    position: fixed;
    top: 0;
    right: 0;
    z-index: 8;
    }
 #mncfB{
    width: 155px; 
    height: 80px; 
    position: fixed;
    top: 0;
    right: 0;
    z-index: 8;
    }
 #mncf_logo{
    width: 80px; 
    height: 80px; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    }
    #button a, #f25 a {z-index: 11; position: absolute; top: 3px; left: 0; width: 73px; height: 73px; display: block; background: transparent url('/content/images/button_states.png') no-repeat center -73px;}   
    #button a:hover, #f25 a:hover{ background-position: center top;}
    #mncfB a {z-index: 11; position: absolute; top: 0px; left: 0; width: 155px; height: 80px; display: block; background: transparent url('/content/images/charity/mncf_logo.gif') no-repeat;}   
    #button span{
        z-index: 10; 
        position: absolute; 
        top: 27px; 
        left: 63px; 
        padding: 0 0 0 4px;
        width: 152px;
        height: 21px;
        }
div.detail{position: relative; 
    font-family: Tahoma, Arial, Sans-Serif;}
div.detail .description{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
}   
div.detail .description *{margin: 8px;}
#ss {position: fixed; top: 460px; left: 10px;}
#legal{position: fixed; top: 526px; left: 18px; 
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 8px;
    color: #666;
    }
.mncf #legal{top: 545px;}
#menu {
background:none repeat scroll 0 0 #f3ecd9;
clear:both;
float:left;
display: inline;
font-family:helvetica,sans-serif;
font-size:16px;
font-weight:bold;
left:18px;
margin:0;
opacity:0.75;
padding:0 18px;
position:fixed;
text-transform:uppercase;
top:480px;
z-index:500;
height: 40px;
line-height: 12px;
}
   
.home #menu ul{
list-style-type: none;
margin: 0;
padding: 0;
z-index: 602;
float: left;
position: relative;
margin-top: 14px;
}

.home #menu ul li{
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0 16px 0 3px;
position: relative;
}
.mncf #menu{
    height: 70px;
/*	
	-moz-column-width: 155px;
	-moz-column-gap: 5px;
	-webkit-column-width: 155px;
	-webkit-column-gap: 5px;
	column-width: 155px;
	column-gap: 5px;
*/
opacity: 1;
	left: 0;
	background-color: Transparent;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    }
.mncf #menu ul{
margin: 0;
padding: 0;
    margin-right: 5px;
    float: left;
    display: inline;
    
}    
.mncf #menu ul li{
    list-style-type: none;
    color: #777;      
    text-transform: none;
    padding-bottom: 5px;
}

#menu ul li a{
    text-decoration: none;
    color: #204f83;
    display: inline;
    margin: 0;
    padding: 0;
    position: relative;
    /*top: 0;
    left: 0;*/
    z-index: 502;
}
.mncf #menu ul li a{
    text-decoration: none;
    color: #1e5085;
    background-color: #f3ecd9;
    height: 30px;
    line-height: 30px;
    display: block;
    width: 155px;  
    text-align: center;
    overflow: hidden;
}
.mncf #menu ul li a:hover{
    text-decoration: none;
    background-color: #c1d2a6;
}
#menu ul li a:hover{
text-decoration: none;
}
   
#hilite{
    height: 40px;
    position: absolute;
    top: 0;
    background-color: #c1d2a6;
    z-index: 500;
/*	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
*/	
    
    }