/* Default #center ul.list style - light blue :: uses .box styles*/

#center ul.list {
    width:100%;	
    list-style:none;
    margin:0;
    padding:0;}
        
    #center ul.list li {
        float:left;
        clear:left;
        width:100%;
        list-style:none;
        margin:1em 0;}
        
        #center ul.list li a, #center ul.list li a:hover {
            text-decoration:none !important;
            cursor:pointer;}
        
        #center ul.list li span.top, #center ul.list span.bottom {
            float:left;
            height:8px;
            font-size:0;}
 
            #center ul.list li span.top span, #center ul.list li span.bottom span {
                height:8px;
                width:100%;
                font-size:0;}
                
        #center ul.list li span.boxContent {
            float:left;
            clear:left;
            height:100%;
            width:100%;}
                
            #center ul.list li .boxContent .innerPadding {
                float:left;
                padding:0 2%;}
                
            #center ul.list li .boxContent img {
                float:right;
                margin:1em;
                border:1px solid #57491a;}

            /* HOVER - top and bottom images 1084px wide */
            #center ul.list li a:hover span.top {
                cursor:pointer;
                background:transparent url(/images/ul_list_top_right_bg.png) no-repeat right top;}
                
            #center ul.list li a:hover span.top span {
                cursor:pointer;
                background:transparent url(/images/ul_list_top_left_bg.png) no-repeat -797px top ;}
            
            #center ul.list li a:hover span.boxContent {
                cursor:pointer;
                background-color:#7dafbe;
                background-position: -817px top;}
                
            #center ul.list li a:hover span.bottom {
                cursor:pointer;                
                background:transparent url(/images/ul_list_bottom_right_bg.png) no-repeat right top;}
                
            #center ul.list li a:hover span.bottom span {
                cursor:pointer;
                background:transparent url(/images/ul_list_bottom_left_bg.png) no-repeat -797px top;}
               
                
            /* HOVER for narrow columns (~30%) - top and bottom images still 1084px wide, 
               color is cut off earlier */
            #center ul.listNarrow li a:hover span.top {
                background:transparent url(/images/ul_list_top_right_narrow_bg.png) no-repeat right top;}
                
            #center ul.listNarrow li a:hover span.top span {
                background:transparent url(/images/ul_list_top_left_narrow_bg.png) no-repeat -817px top ;}
                
            #center ul.listNarrow li a:hover span.bottom {
                background:transparent url(/images/ul_list_bottom_right_narrow_bg.png) no-repeat right top;}
                
            #center ul.listNarrow li a:hover span.bottom span {
                background:transparent url(/images/ul_list_bottom_left_narrow_bg.png) no-repeat -817px top;}


/* End Default #center ul.list style */