@charset "utf-8";
/* CSS Document used for The Islamic Bulletin Banner and Left Navigation Panel. */
/* CSS Document used to position the icons in the upper left corner of each page with the services folder. */

/* Positioning of the page content */
#bodybox {
	position: absolute;
	left: 20px;
	top: 100px;
	width: 90%;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	z-index: 1;
}

/* Positioning of the page content on Intro pages */
#breadcrumb {
	position: absolute;
	left: 5px;
	top: 90px;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	z-index: 4;
}

/* Show or Hide in Mobile version */
   .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}
   
   .mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){ .mobileShow { display: inline;}}


/* Positioning of the page content on Intro pages */
#maincontent {
	position: absolute;
	left: 20px;
	top: 120px;
	right: 5px;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	z-index: 1;
}

/* Positioning of the page content on Intro pages */
#m_maincontent {
	position: absolute;
	left: 0px;
	top: 10px;
	right: 0px;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	z-index: 3;
}

/* Positioning of the page content on Intro pages */
.searchcontent {
	position: absolute;
	left: 150px;
	top: 45px;
	right: 50px;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	z-index: 3;
}

/* Positioning of the top banner green background box & add 1 solid border for browser compatibility */
#bannerbox {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 81px;
background-color: #008000;
z-index: 11;
}

/* Positioning of the top banner green background box & add 1 solid border for browser compatibility
for /members/ pages. */
#bannerbox_members {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 39px;
background-color: #008000;
border: solid 1px #008000;
z-index: 5;
}

/* Positioning of the top banner */
#banner {
position: fixed;
left: 0px;
top: 0px;
z-index: 10;
}

/* Positioning of the small image (Bismillah) over the banner */
#bismillah {
position: absolute;
left: 18px;
top: 5px;
z-index: 15;
}

/* Positioning the background for the left navigation panel  */
#navigationback {
	position: fixed;
	left: 0px;
	top: 40px;
	width: 100%;
	color:008800;
}

/* Positioning of each individual navigation icon  */
#navigation1 {
	position: absolute;
	left: 0px;
	top: 2px;
	z-index: 11;
}

#navigation2 {
position: absolute;
left: 72px;
top: 2px;
z-index: 12;
}
#navigation3 {
position: absolute;
left: 184px;
top: 2px;
z-index: 13;
}
#navigation4 {
position: absolute;
left: 296px;
top: 2px;
z-index: 10;
}
#navigation5 {
position: absolute;
left: 448px;
top: 2px;
z-index: 10;
}
#navigation6 {
position: absolute;
left: 620px;
top: 2px;
z-index: 10;
}
#navigation7 {
position: absolute;
left: 722px;
top: 2px;
z-index: 10;
}
#navigation8 {
position: absolute;
left: 844px;
top: 2px;
z-index: 10;
}
#navigation9 {
position: absolute;
left: 936px;
top: 2px;
z-index: 10;
}
#navigation10 {
position: absolute;
right: 10px;
top: 4px;
z-index: 10;
}
#navigation11 {
position: absolute;
left: 1000px;
top: 6px;
z-index: 10;
}
#navigation12 {
position: absolute;
left: 4px;
top: 466px;
z-index: 10;
}
#navigation13 {
position: absolute;
left: 4px;
top: 492px;
z-index: 10;
}

/* Positioning of the XHTML Validation Icon */
#xhtml {
position: absolute;
right: 30px;
bottom: 30px;
z-index: 80;
}

/* Positioning of the Google Search Box */
#search {
	position: absolute;
	right: 1px;
	top: 0px;
	width: 270px;
	height: 39px;
	background-color: #008000;
	border: solid 1px #008000;
	z-index: 20;
}

/* Positioning of the Google Search Box in Spanish, French, */
#search1 {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 290px;
	height: 39px;
	background-color: #008000;
	border: solid 1px #008000;
	z-index: 20;
}

/* Positioning of the icon on the top of the page / each page located inside the services folder. */
#icon {
position: absolute;
left: 365px;
top: 0px;
z-index: 80;
}