*{
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    margin:0; 
    padding:0;
}

img{
    padding: 0;
    margin: 0;              
}

ul{
    padding: 0;
    margin: 0;
}

li{
    background: url(../img/bluebullet.gif) no-repeat 0 .3em;
    list-style-position: outside;
    list-style-type: none;
    padding: 0 15px;  
    margin: 1px 0 3px;     
}

#modalpageol li{
    background: none;
    padding: 0;
}

a{
    color:#428ED5;
    text-decoration:none;  
}
a:hover {
    text-decoration: none;
    color: #50CCFF;
}

a img{
    border: 0px;
}

body{
/*    background-image:url(../img/bg.jpg);
    background-repeat:repeat;  */
    background-color: #F9FFF9;
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    font-size: 11px;
    font-family: verdana, arial;
}   

#quickfind{   
    display: none;            
    position:absolute;  
    z-index: 10;                      
    padding: 0;                          
}

#quickfindtop{
    height: 24px; 
    width: 100px;
    position: relative;  
    display: block;   
}

#quickfind ul{    
    position: relative;  
    display: block;        
    border-bottom: 1px solid #777777;         
}

#quickfind ul li{     
    position: relative;    
    display: block;     
    margin: 0;
    padding: 2px 0;   
    border-top: 1px solid #777777;   
    border-left: 1px solid #777777;   
    border-right: 1px solid #777777;   
    background-color: #E6F7CD;  
    background-image: none;
    list-style-type: none;   
    list-style-position: outside;
}
#quickfind ul li a{ 
    color: #555555;    
    position: relative; 
    display: block;    
    margin: 0;
    padding: 0 10px; 
    text-align: left;      
}
#quickfind ul li a:hover{ 
    color: #555555; 
    font-weight: bold;   
}

#quickform{   
    display: none;            
    position:absolute;  
    z-index: 11;                      
    padding: 0;                          
}

/*#quickformtop{
    height: 24px; 
    width: 100px;
    position: relative;  
    display: block;   
} */

#quickform ul{    
    position: relative;  
    display: block;        
    border-bottom: 1px solid #777777;         
}

#quickform ul li{     
    position: relative;    
    display: block;     
    margin: 0;
    padding: 2px 0;   
    border-top: 1px solid #777777;   
    border-left: 1px solid #777777;   
    border-right: 1px solid #777777;   
    background-color: #E6F7CD;  
    background-image: none;
    list-style-type: none;   
    list-style-position: outside;
}
#quickform ul li a{ 
    color: #555555;    
    position: relative; 
    display: block;    
    margin: 0;
    padding: 0 10px; 
    text-align: left;      
}
#quickform ul li a:hover{ 
    color: #555555; 
    font-weight: bold;   
}

.container{  
    padding: 0 11px 0 21px;        
    background-color: #FFFFFF;       
    overflow: hidden;
    background-image: url(../img/container_mid.gif);
    background-position: center;
    background-repeat: repeat-y;  
}

.containerwrap{
    width: 1010px;    
    margin: 0 auto;   
    position: relative;
    display: block;  
    text-align: left;    
}

.containertop{
    margin-top: 20px; 
    background-image: url(../img/container_top.gif);
    background-repeat: no-repeat;
    height: 20px;
    overflow: hidden;
}

.containerbottom{  
    margin-bottom: 30px;
    position: relative;
    display: block;
    clear: both; 
    background-image: url(../img/container_bot.gif);  
    background-repeat: no-repeat;
    height: 20px;
    overflow: hidden;
} 

.header{
    margin: 10px 0 0;
    overflow: hidden;
    position: relative;  
    height: 206px;               
}

.navigation{        
    background-image: url(../img/bluenavback.jpg);
    background-repeat: repeat-x; 
    background-position: top;
    font-weight:600;
    height: 36px;
    margin: 0 10px 10px 0;
    padding: 0;
    overflow: visible; 
    position: relative;  
    text-align: center;   
}

.navdivider{
    padding: 10px 0;      
    height: 20px;
    color: #000000;
    /*display:inline-table;*/
    display:block;
    float: left;
    background-image: url(../img/bluenavdivider.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 2px;   
}

.navigationmid{
    padding: 0 10px 0 0;
    margin: 0;                  
    font-size: 13px;      
    overflow: hidden; 
    height: 36px;
}

.navigationleft{
    background-image: url(../img/navleftcorner.png);
    background-repeat: no-repeat;  
    background-position: top;   
    position: absolute;
    height: 36px;                             
    width: 10px;
    left: 0; 
    top: 0;   
}
.navigationright{
    background-image: url(../img/navrightcorner.png);
    background-repeat: no-repeat;  
    background-position: top;   
    position: absolute;
    height: 36px;                             
    width: 10px;
    right: 0; 
    top: 0;  
}

.navigationmid a{                  
    padding: 10px 0 10px;      
    height: 20px;
    color: #333333;                                            
    display:block;
    float: left;                                             
    background-position: right top;
    background-repeat: no-repeat;
    width: 113px;
    text-align: center;
}

.navigationmid a:hover{   
    color: #FFFFFF;
    background-image: url(../img/bluenavbackselected.jpg);
    background-position: top;
    background-repeat: repeat-x;
   /* background-color: #1739bd; */
}                     

.navigationmid .currentpage {  
    /* margin-top: 1px; */
    /* background-image: url(images/bluenavdivider.jpg); */
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px 0 10px;      
    height: 20px;
    color: #333333;          
    display:block;
    float: left;     
    width: 113px;   
}

.navigationmid .firsta{
    /* border-left:none; */  
}

.navigationmid .lasta{
     background-image: none;
}

.headerbar{
    text-align: right;
    color:#555555;
    font-weight: 600;
    font-size: 11px;
}

.headerbar a{
    background-image: url(../img/greyarrow.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 15px;
    margin-right: 20px;
    color:#555555;
    text-decoration:none;
}

.headerbar .dropdown{
    background-image: url(../img/greyarrowdown.gif);     
}

.footer{                         
    color:#555555;
    display:block;
    font-size:11px;
    padding-top:0;
    margin-top: 0;
    /* position:relative; */ 
}

.footer .links, .footer .links a{                                    
    color:#555555;
    font-size: 11px;
}
.footer .links a:hover{
    border-bottom: 1px solid #555555;
}

.footerdimond{ 
    vertical-align: text-top;
    margin: 0 15px;
}

.infobox{
    clear: both;                                       
    background-color: #E6F7CD;
    width: 968px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    /* position: relative; */
}

.infoboxtop{
    background-image: url(../img/greeninfobox_top.jpg);   
    background-repeat: no-repeat;     
    height: 5px;    
    overflow: hidden;
    /* position: relative; */
}

.infoboxcontent{
    padding: 1px 10px; 
    font-size: 120%;
    font-weight: 600; 
    /* overflow: hidden; */ 
    /* position: relative; */ 
}

.infoboxbot{
    background-image: url(../img/greeninfobox_bot.jpg);   
    background-repeat: no-repeat;
    height: 5px;   
    overflow: hidden; 
   /* position: relative; */
}

.floatleft{
    float:left;    
    margin: 0;  
    padding: 0;  
    /* position:relative; */  
    display: inline;  
    overflow: hidden;             
}  

.floatleftclearboth{
    float:left;
    clear: both;
    width: 100%;
    border-bottom:1px solid green;   
    margin-bottom: 0; 
    position:relative;      
}   

.highlight{
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.slider.video ul{
    list-style-type: none;
    list-style-image: none;
}
.slider.video li{                                                          
    cursor: pointer;   
    background: none;    
    width: 264px;
    overflow: hidden;  
}   
.slider.video .video_img{   
    width: 264px;
    height: 198px; 
    background: black;
}
.slider.video .play{
    position: absolute;
    top: 0;
    left: 0;
    width: 264px;
    height: 198px;             
}
.slider.video .play img{
    width: 40px;
    height: 40px;
    margin-top: 79px;
    margin-left: 112px;
}  
.slider.video .video_title{
    font-size: 120%;
    line-height: 140%;
}

#home_store_ss_div > div{
  width: 282px;
  margin: auto;
  text-align: center;
}

.blog{
    
}

.blogdate{
    font-size: .9em; 
    padding-bottom: 6px;
}

.blogText{           
    
}

.blogIntroLink{
    
}

.blogIntroText{      
 
}

.blog h2{
    color: #56C74D;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
}

.facilityMapContainer{   
    position: relative;
}

.facilityMap{
    position: relative;      
    margin-top:20px;
}

.facilityMapText{
    position: absolute;   
    left: 670px; 
    top: 0;
    width: 260px;
    height: 475px;      
    border: 1px solid #777777;    
    display: none; 
    padding: 3px;                
    z-index: 2;   
    overflow: hidden;   
}

.facilityMapTextBG{  
    position: absolute;     
    left: 670px; 
    top: 0;
    width: 260px;
    height: 500px; 
    background-color: #FFFFFF; 
    z-index: 1;
    opacity: .7; 
    filter: alpha(opacity='70');    
}

.facilityMapImage{   
    position: absolute;
    top: 0;
    left: 500px;
    display: none;
}

.bamzButton{
    width: 125px;
    height: 23px;
    background-image: url('../img/bluebutton.gif');
    background-repeat: no-repeat;
    color: #29607C;
    color: #333333;
    font-family: sans-serif;
    font-size: 1.3em;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;    
    display:block;
    margin: auto;
}

.bamzButton:hover{  
    background-image: url('../img/bluebuttonhover.gif');
    color: #29607C;
    color: #FFFFFF;
}

#modalCloseButton{
    background: url(../img/button_close.gif) no-repeat; 
    width: 66px; 
    height: 22px;   
    position: absolute; 
    right: 30px;         
    bottom: 15px; 
    cursor: pointer;
}

/* Product popup CSS */

#largeStoreImg{
    display: none;
    width: 900px; 
    height: 450px;  
}

#StoreItemPopUpTitle, #StoreItemPopUpTitle h2{
    padding: 0;
    color:#428ED5;
    font-size:16px;
    font-weight:bold;  
}

#StoreItemPopUpImgSrcContainer{
    float: left;
    margin: 25px; 
    width: 400px; 
    height: 350px;
    position: relative;   
    text-align: left;
}

#StoreItemPopUpImgSrcContainer. *{  
    width: auto; 
}

#StoreItemPopUpDescription{ 
    width: 400px; 
    height: 340px;              
    text-align:left;  
    overflow:auto;
}

#StoreItemPopUpDescriptionContainer{ 
    margin: 25px 0; 
    float:left; 
}


.kidspage{
    font-family: Comic Sans MS, Comic Sans;
    font-size: 1.2em;
}

.kidspage h1{
    font-size: 20px;
}

.visitorsbookcomment0, .visitorsbookcomment1{
    position: relative; 
    display: block; 
    padding-bottom: 10px;  
}

.visitorsbookcomment0{  
    background-color: #EEEEFF;
}

.visitorsbookcomment1{ 
  
}

.visitorsbookheader{  
}

.visitorsbookleftheader{  
    font-weight: bold; 
    float: left; 
}

.visitorsbookdate{  
    float: right;      
    font-size: .9em; 
    padding-bottom: 6px;  
}

.visitorsbookcontent{  
    clear: both;    
}

.visitorsbookheader, .visitorsbookcontent{
    padding: 3px 5px;
}

.researchProjectText{
    padding-top: 15px;
}

#search_results #search_entries, #search_results .search_entries{
    overflow: auto;
    max-height: 300px;  
    border: 1px solid #BBBBBB;  
}
#search_results #pages_results .search_entries,                
#search_results #library_results .search_entries,            
#search_results #additional_documents_results .search_entries{
    max-height: none;    
    border: none;
}
#search_results #library_results,
#search_results #additional_documents_results{
    padding-top: 16px;
}
 

.lc_scroll .scroll_left{
    width: 5%;   
    float: left;                                     
}
.lc_scroll .scroll_right{   
    width: 5%;    
    text-align: right;    
    float: left;                      
}
.lc_scroll .outer{             
    float: left;
    overflow: hidden;
    position: relative;
    display: block;
    width: 90%;       
}
.lc_scroll .inner{   
    /*overflow: visible;*/
    overflow: hidden;
    position: relative;
    display: block;
    white-space: nowrap;       
}
.lc_scroll{           
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;                  
}
#schoolsprogramme_scroll, #conservation_scroll, #internships_scroll,
#studentopportunities_scroll, #news_scroll{        
    margin: 2px 0;
    padding: 6px 0;
    border-top: 1px solid #428ED5;
    border-bottom: 1px solid #428ED5;
}
.lcboxmidmid h1.list_header{   
    border-bottom: 1px solid #428ED5;
    margin: 0 0 8px 0;
}


.lc_scroll .scroll_left{   
    background-image: url(../img/arrow-left.png);
    background-position: center;
    background-repeat: no-repeat;  
    margin-right: 5px;
}
.lc_scroll .scroll_right{         
    background-image: url(../img/arrow-right.png);
    background-position: center;
    background-repeat: no-repeat;  
    margin-left: 5px;  
}
.lcbox66 .lc_scroll .scroll_left,
.lcbox66 .lc_scroll .scroll_right{ 
    width: 44px;
}  
.lcbox66 .lc_scroll .outer{  
    width: 510px;    
}
       
#classtrip_images .lc_scroll .outer{  
    width: 500px;    
}         
#classtrip_images .lc_scroll .scroll_left,
#classtrip_images .lc_scroll .scroll_right{  
    width: 44px;
    height: 75px;
}
   
#wild_scroll .lc_scroll .scroll_left,
#wild_scroll .lc_scroll .scroll_right{ 
    height: 100px;
}

#wild_scroll{
    padding: 0 5px;
    overflow: hidden;
}
#wild_scroll .lc_scroll{
    overflow: visible;
}
#wild_scroll .lc_scroll .scroll_left{
    margin-left: -5px;    
}
#wild_scroll .lc_scroll .scroll_right{  
    margin-right: -5px;    
}

   
#conservation_scroll .lc_scroll .scroll_left,
#conservation_scroll .lc_scroll .scroll_right{ 
    height: 75px;
}

#news_scroll{
    margin: 20px 0 15px 0;
}

#news_scroll .lc_scroll .scroll_left,
#news_scroll .lc_scroll .scroll_right{ 
    height: 75px;
}
   
.lcbox66 #schoolsprogramme_scroll .lc_scroll .scroll_left,
.lcbox66 #schoolsprogramme_scroll .lc_scroll .scroll_right{ 
    height: 75px;
}
     
.lcbox66 #internships_scroll .lc_scroll .scroll_left,
.lcbox66 #internships_scroll .lc_scroll .scroll_right{ 
    height: 75px;
}
    
.lcbox66 #studentopportunities_scroll .lc_scroll .scroll_left,
.lcbox66 #studentopportunities_scroll .lc_scroll .scroll_right{ 
    height: 75px;
}
                                   
#light_box_content{
    padding-bottom: 37px;
}

#mapOfBermuda{
    width: 610px;
    height: 450px;
}

#mapOfClassTrips{
    width: 936px;
    height: 320px;
}

.bamzButton_2{
    height: 23px;
    overflow: hidden;
    clear: both;
    text-align: center;      
    vertical-align: top;
}
.bamzButton_2 .text{     
    background-image: url("../img/bluebutton_middle.gif");  
    background-attachment: scroll;      
    background-position: 0 0;
    background-repeat: repeat-x; 
    
    color: #333333;                                          
    font-family: sans-serif;
    font-size: 1.3em;
    text-align: center;      
    font-weight: bold;
                              
    float: left;
    height: 23px;
    position: relative;
    line-height: 22px;    
}     

.bamzButton_2 .left{             
    background-image: url("//bamz.org/img/bluebutton_left.gif");  
}

.bamzButton_2 .right{             
    background-image: url("../img/bluebutton_right.gif");  
}   

.bamzButton_2 .left, .bamzButton_2 .right{    
    width: 10px;      
    overflow: hidden;           
    float: left;  
    height: 23px;                  
             
    background-attachment: scroll;      
    background-position: 0 0;
    background-repeat: no-repeat;                    
}          

.bamzButton_2:hover .left, .bamzButton_2:hover .right{                                           
    background-position: -10px 0;  
    cursor: pointer;
}

.bamzButton_2:hover .text{                                           
    background-position: 0 -23px;  
    color: #FFFFFF;
    cursor: pointer;
}

.bamzButton_2.disabled .text,  
.bamzButton_2.disabled:hover .text{  
    background-image: url("../img/graybutton_middle.gif");      
    background-position: 0 0;        
    color: #FFFFFF;
}     

.bamzButton_2.disabled .left{             
    background-image: url("../img/graybutton_left.gif");      
    background-position: 0 0;        
}

.bamzButton_2.disabled .right{             
    background-image: url("../img/graybutton_right.gif");     
    background-position: 0 0;         
}   

#bamzlibraryform{
    padding: 8px 0;
    text-align: center;
}


.blog_paging, .schoolsprogramme_paging{
    float: right;    
    overflow: hidden;
    clear: both;
}

.blog_paging span, .schoolsprogramme_paging span{
    display: block;
    height: 18px;
    line-height: 14px;
    margin: 0 0 0 4px;  
    text-align: center;                 
    color: #777777;
    float: left; 
}
.blog_paging a, .schoolsprogramme_paging a{
    display: block;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 14px;
    font-size: 9px;                
    color: #FFFFFF;
    float: left; 
    margin: 0 0 0 4px;  
    padding: 1px 0 0 0;                  
    background:url(../img/cicrle_gray.png) no-repeat;  
}

.blog_paging .ipp a, .schoolsprogramme_paging .ipp a{    
    width: 32px;
}

.blog_paging a.current, .schoolsprogramme_paging a.current{
    font-weight: bold;               
    background:url(../img/cicrle.png) no-repeat;
} 

.lc_popup{
    text-align: left;
}
.lc_popup h2{
    color: #56C74D;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 2px;   
}      

.alert{
    color: #FF0000;
    padding-bottom: 8px;
}