@charset "utf-8";
/* CSS Document for Fonts Formating used in 
Newsletters

*/

/* 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 Headlines in Newsletter Issue */

body {
 	background-image:url(../newsletters/images/newsletter_back.gif); 
	background-repeat:repeat-y;
	background-position:right;
}

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

/* Breadcrumbs */
.breadcrumbs {
font-size: 13px;
font-family: Calibri, Helvetica, sans-serif;
color: #008000;
margin-top: 0px;
margin-bottom: 0px;
}
#breadcrumb a {
	color: #008000;
}

#breadcrumb a:link {
	text-decoration: none;
}
#breadcrumb a:visited {
	text-decoration: none;
	color: #008000;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb a:active {
	text-decoration: none;
}

/* #headlines is the div box under the newsletter navigation on the right handside */
#headlines {
	position: fixed;
	right:0px;
	top:81px;
	bottom:0px;
	width:140px;
	height:100%;
	z-index:1;
}

#newsletter_content {
	position: absolute;
	left: 138px;
	top: 70px;
	right: 155px;
	background-color: #ffffff;
	border:0px;
}

th {
background-color: #008000;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

td {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
border:1px #FFFFFF solid;
}

#h_table {
width:140px;
}


/* h1 top greeting -- green */
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#008000;
font-size:18px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:120%;
	margin: 10px 0px 10px 0px;
}

/* h2 is used for darkred heading */
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#800000;
margin:15px 0px 0px 0px;
}

/* Bold heading */
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
margin-bottom:0px;
}

/* Bigger Heading used for Ramadaan heading */
h4 {
color:#0EA574;
margin-top:5px;
font-size:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h5 {
font-size: 13pt;
color:#000080;
font-weight:bold;
margin:10px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#008000;
font-size:15px;
margin:10px 0px 6px 0px;
}

.arabic_duaa {
direction:rtl;
font-size:20pt;
margin: 6px 0px 0px 0px;
font-family:"Traditional Arabic", "Simplified Arabic", "Arabic Typesetting";
line-height:130%;
}

.duaa {
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:6px 0px 0px 6px;
font-style: italic;
font-weight:bold;
}

/* Used in recipe section for author */
.by {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
margin: 0px 0px 10px 0px;
font-weight:normal;
color:#000000;
}

/* Dispaly Answers in Kids Sections */
.answers {
color:#FF00FF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.pink {
color:#FF00FF;
}

/* Green text */
#green {
color:#008000;
}

/* List */
.list {
line-height:120%;
margin-top:6px;
margin-bottom:6px;
list-style:outside;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
}

/* List of all the newsletter issues -- newsletters/index.htm */
.indexlist {
line-height:150%;
margin-top:6px;
margin-bottom:6px;
list-style:outside;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
list-style:url(../images/bullet.gif) disc outside;
}

/* Used for 'New' tags */
.red {
color:#ff0000;
}

/* used for small discription of list item */
.description {
font-size: 10pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Quran Quotes - bold and italic */
.quran {
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height: 120%;
font-style: italic;
font-weight:bold;
}

/* Used for bold text */
.bold {
font-weight:bold;
}

/* Used for italic text */
.italic {
font-style:italic;
}

/* Bottom portion for Contact Info */
.contact {
font-size: 12pt;
font-family: Calibri, Helvetica, sans-serif;
color: 000000;
text-align:center;
}

.lastsermon {
font-family: "Monotype Corsiva", fantasy, serif;
font-size:17pt;
color:#800000;
}

/* Fonts for services/masjid.htm page */
.masjid {
font-size: 10pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height: 100%;
margin-top: 6;
margin-bottom: 6;
text-align: left;
}

/* Header for services/masjid.htm 'States' header */
.state {
font-size: 13pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration:underline;
font-weight:bold;
margin-top: 22px;
margin-bottom: 6;
text-align: center;
background-color:#FFFF00;
}

/* Header for services/masjid.htm 'City' header */
.city {
font-size: 10pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration:underline;
font-style:italic;
font-weight:bold;
text-align: left;
}

/* Header for services/masjid.htm 'City' header */
.center {
font-size: 10pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
text-align: left;
}