body { margin:0; background-color: #fff }


#banner {  width:100%; margin:0; height:auto; text-align:center; padding: 0}
#logo { float:left; padding:0; margin: 5px 0; line-height: 1.2;}
#logo img { width:320px; margin-top:0; margin-bottom: 0px;  }

.top {font-size: 16px}

div.phoneno {
position: relative; top:0px;
float:left;
margin-top: 20px; margin-left: 12%;
}

.phoneno b {
font-size:  20px;
text-transform:none;
letter-spacing: 0px;
}


/* ::::::::::::::::::::::: hiders ::::::::::::::::::::::: */

.hide-pad {display:none}
.hide-phone-pad {display:none}
.hide-screen-pad { display: none }
.hide-phone-pad { display: none }
.hide-phone { display: block }
.hide-screen { display: block }


/* ::::::::::::::: Navigation area   :::::::::::: */

#container-nav { 
position:relative; left: 0; top: 0px;
width:100%; height:40px;
text-align:center;
background-color: #fff;
padding: 5px 0px; margin:0; margin-bottom: 0px; 
z-index:100;
border: none 2px #000;
}

#container-nav ul li { margin:0 }

#container-nav ul { margin: 0; padding:0 } 

#container-nav ul li a:link, 
#container-nav ul li a:visited {
display: inline;
width: auto; 
padding: 15px 10px 0px 5px;
	font-size: 12px;
	
}


.quicklinks {
display: none;
}



/* ::::::::::::::: Pan area   :::::::::::: */
#pan {
position: relative; top: 0px;
height: auto; width: 100%;
overflow:hidden;
border: none 1px black
}

#pan  img {height: 100%; width: auto;}



#container-nav ul li a:link, #container-nav ul li a:visited {
width:80px;

margin:0px 5px 10px 0px;
}



/* ::::::::::::::: Content area GENERAL  :::::::::::: */

#blocks {
position: relative; top: 20px;
height: auto; width:100%;
}


#blocks h2 { font-size:16px }



 /* :::::::::::::::: 3- block setup  ::::::::::::::  */
.block3 { width: 90% }

/* :::::::::::::::: 4- block setup  ::::::::::::::  */
.block4 {
float:left;
width:30%; height:380px;
margin:10px 1%;
background-color:#bbddcc;
text-align:left;
padding: 1% 2% 0 2%;
font-size:16px;line-height:1.4;
color: #333;
z-index:100;
}

.block4 h3 {
font: 400 20px helvetica;
line-height:1.2;
margin-bottom: 6px;
}

.block4 h4 {
font-size: 18px;
line-height:1.2;
margin-bottom: 6px;
}

.block4 img { width: 180px }

.block2x { width:90%; height: auto, line-height: 1.4 }

/* ::::::::::::: 2-block setup :::::::::::::::: */
#block-main, 
#block-main.volunteer, 
#block-main.events-calendar {width: 100%; height: auto }


#block-sidebar, 
#block-sidebar.volunteer, 
#block-sidebar.events-calendar {width: 100%; height: auto }






/* :::::::::::::::: About us ::::::::::::::  */
#block-main.aboutus img { }



/* :::::::::::::::: Articles ::::::::::::::  */

#block-main.article {
width: 100%; 
font-size: 14px; line-height: 1.4;
 }
 
#block-main.article h2 {color: #ee7744; margin: 20px 5px 0px 0; font-size: 24px }
#block-main.article h6 { font-size: 16px }
#block-main.article img { margin-right: 10px }


#block-sidebar.article { width: 100% }

/* :::::::::::::::: Contact us ::::::::::::::  */
#blocks.contactus {background-color:#fff; height:auto }


#block-main.contactus, #block-sidebar.contactus {
float:left; 
height:auto; 
border-radius: 0px; -webkit-border-radius: 0px;
margin-top:0px; margin-left:0px;
background-color:#fff;
padding: 0 5%;
z-index:100;
}


#block-sidebar.contactus {
text-align:left; 
margin:0;padding:0; 
height:auto; min-height: 0px;
border:none}

.phoneno {font-size:30px; color:#000}


.photo-big { display: none }

/* :::::::::::::::: Footers ::::::::::::::  */