
body { background:#333333; padding:20px;}
.body_background{background-color: #FFFFFF;}
.banner{background-image: url(../images/banner.jpg);}
.prayer_times{background-image: url(../images/prayer_times.gif);}
.live_feed{background-image: url(../images/live_feed.gif);}

.home_title{background-image: url(../images/home_title.gif);}
.announcement_title{background-image: url(../images/announcements_title.gif);}
.imam_title{background-image: url(../images/imam_title.gif);}
.announcement_page_title{background-image: url(../images/annoucements_page_title.gif);}
.gallery_title{background-image: url(../images/gallery_title.gif);}
.image_title{background-image: url(../images/image_title.gif);}
.audio_title{background-image: url(../images/audio_title.gif);}
.audio_sub_title{background-image: url(../images/audio_sub_title.gif);}
.evening_school_title{background-image: url(../images/evening_school_title.gif);}
.teachings_title{background-image: url(../images/teachings_title.gif);}
.about_title{background-image: url(../images/about_title.gif);}
.resources_title{background-image: url(../images/resources_title.gif);}
.disclaimer_title{background-image: url(../images/disclaimer_title.gif);}
.kids_title{background-image: url(../images/kids_title.gif);}
.videos_title{background-image: url(../images/videos_title.gif);}
.story_title{background-image: url(../images/stories_title.gif);}
.kids_links_title{background-image: url(../images/kids_links_title.gif);}
.links_title{background-image: url(../images/links_title.gif);}
.aboutus_title{background-image: url(../images/aboutus_title.gif);}
.history_title{background-image: url(../images/history_title.gif);}
.preston_community_title{background-image: url(../images/preston_title.gif);}
.contact_us_title{background-image: url(../images/contact_us_title.gif);}
.confirmation_title{background-image:url(../images/confirmation_title.gif) ;}
.prayer_times_title{background-image: url(../images/prayer_times_title.gif) ;}
.organisational_title{background-image: url(../images/organisational_title.gif) ;}
.tours_title{background-image: url(../images/tours_title.gif) ;}
.general_tours_title{background-image: url(../images/general_tours_title.gif);}
.school_visits_title{background-image: url(../images/school_visits_title.gif);}
.dress_title{background-image: url(../images/dress_title.gif);}
.president_title{background-image: url(../images/president_title.gif);}
.secretary_title{background-image: url(../images/secretary_title.gif);}
.vice_president_title{background-image: url(../images/vice_president_title.gif);}
.treasurer_title{background-image: url(../images/treasurer_title.gif);}
.commitee_title{background-image: url(../images/commitee_title.gif);}
.member_title{background-image: url(../images/member2_title.gif);}
.trustees_title{background-image: url(../images/trustees_title.gif);}
.education_title{background-image: url(../images/education_title.gif);}
.aims_title{background-image: url(../images/aims_title.gif);}
.security_title{background-image: url(../images/security_title.gif);}
.co_members_title{background-image: url(../images/co_members_title.gif);}
.associated_member_title{background-image: url(../images/associated_member_title.gif);}


.january_title{background-image: url(../images/january_title.gif) ;}
.february_title{background-image: url(../images/february_title.gif) ;}
.march_title{background-image: url(../images/march_title.gif) ;}
.april_title{background-image: url(../images/april_title.gif) ;}
.may_title{background-image: url(../images/may_title.gif) ;}
.june_title{background-image: url(../images/june_title.gif);}
.july_title{background-image: url(../images/july_title.gif);}
.august_title{background-image: url(../images/august_title.gif);}
.september_title{background-image: url(../images/september_title.gif) ;}
.october_title{background-image: url(../images/october_title.gif) ;}
.november_title{background-image: url(../images/november_title.gif) ;}
.december_title{background-image: url(../images/december_title.gif) ;}

.january{background-image: url(../images/january.gif) ;}
.february{background-image: url(../images/february.gif) ;}
.march{background-image: url(../images/march.gif) ;}
.april{background-image: url(../images/april.gif) ;}
.may{background-image: url(../images/may.gif) ;}
.june{background-image: url(../images/june.gif) ;}
.july{background-image: url(../images/july.gif) ;}
.august{background-image: url(../images/august.gif) ;}
.september{background-image: url(../images/september.gif) ;}
.october{background-image: url(../images/october.gif) ;}
.november{background-image: url(../images/november.gif) ;}
.december{background-image: url(../images/december.gif) ;}


.footer{background-image: url(../images/footer.jpg) ;}
.step01{background-image: url(../images/step01.jpg);}
.step02{background-image: url(../images/step02.jpg);}
.step_complete{background-image: url(../images/step_complete.gif);}
.imam1_contact{background-image: url(../images/tel_contact01.gif);}
.imam2_contact{background-image: url(../images/tel_contact02.gif);}
.imam3_contact{background-image: url(../images/tel_contact03.gif);}
.sample01{background-image: url(../images/sample1.gif);}
.annoucement_image01{background-image: url(../images/announce_image1.gif);}
.qurbani_event{background-image: url(../images/qurbani.gif);}
.tajweed_event{background-image: url(../images/tajweed.gif);}
.newyear_event{background-image: url(../images/newevent.gif);}
.feb_event{background-image: url(../images/febevent.gif);}
.may_event{background-image: url(../images/mayevent.gif);}
.may_event2{background-image: url(../images/mayevent2.gif);}
.may_event3{background-image: url(../images/mayevent3.gif);}
.june_event{background-image: url(../images/juneevent.gif);}
.july_event{background-image: url(../images/julyevent.gif);}
.july_event2{background-image: url(../images/julyevent2.gif);}
.august_event{background-image: url(../images/augustevent.gif);}
.september_event{background-image: url(../images/sepevent.gif);}
.september_event2{background-image: url(../images/sepevent2.gif);}
.october_event1{background-image: url(../images/octevent.gif);}
.november10_event1{background-image: url(../images/06november10_event1.gif);}
.december10_event{background-image: url(../images/december10_event1.gif);}
.december10_event2{background-image: url(../images/december10_event2.gif);}
.february11_event1{background-image: url(../images/february11_event1.gif);}
.february11_event2{background-image: url(../images/february11_event2.gif);}
.dec11_event1{background-image: url(../images/dec11_event1.gif);}
.dec11_event2{background-image: url(../images/dec11_event2.gif);}
.dec11_event3{background-image: url(../images/dec11_event3.gif);}
.jan12_event1{background-image: url(../images/jan12_event1.gif);}
.jan12_event2{background-image: url(../images/jan12_event2.gif);}
.feb12_event1{background-image: url(../images/feb12_event1.gif);}
.april11_event1{background-image: url(../images/april11_event1.gif);}
.march11_event1{background-image: url(../images/march11_event1.gif);}
.daily_event1{background-image: url(../images/daily_events.gif);}
.daily_event2{background-image: url(../images/daily_events2.gif);}
.ramadhan_11_event1{background-image: url(../images/ladies_lecture_ramadham_2011.gif);}
.ramadhan_11_event2{background-image: url(../images/late_night_gatherings_ramadhan_2011.gif);}

.quran_comp{background-image: url(../images/quran_comp.gif);}
.sep01{background-image: url(../images/sep01.gif);}
.aboutus_banner{background-image: url(../images/aboutus_banner.gif);}
.contact_form{background-image: url(../images/contact_form.gif);}
.confirmation_form{background-image: url(../images/confirmation_form.gif);}
.contact_box{background-image: url(../images/contact_box.gif);}
.location_box{background-image: url(../images/location_box.gif);}
.donate_box{background-image: url(../images/donate_box.gif);}
.tours_photo{background-image: url(../images/tours_photo.gif);}
.madrasah_image{background-image: url(../images/madrasah_image1.gif);}
.homepage_logo{background-image: url(../images/homepage_logo.gif);}
.coming_soon_label{background-image:url(../images/coming_soon_label.gif);}
.coming_soon_sep{background-image: url(../images/coming_soon_sep.gif);}
.carpet_manufacture{background-image: url(../images/carpet_making.jpg);}
.evening_post{background-image: url(../images/evening_post_logo.gif);}
.decorating{background-image: url(../images/decorating.gif);}
.pakistan_flooding{background-image: url(../images/pakistan_donation_image.gif);}


.faqs{background-image: url(../images/facts.gif);}
.faqs2{background-image: url(../images/facts2.gif);}
.faqs3{background-image: url(../images/facts3.gif);}


.rollover a {display:block; height:27px; width:127px; overflow:hidden;}
.rollover a:hover {display:block; height:27px; text-indent:-127px; }

<!--Menu-->
#rollover_home {display:block; height:40px; width:86px; overflow:hidden; background-image:url(../images/menu/home.gif) no-repeat 0 0;}
#rollover_home:hover {background-position: 0 -86px;}
#rollover_home span {  display: none;}
#testimonialList {	overflow: auto; height: 350px; width: 768px; margin: 5px 0px; padding: 14px; border-style:solid; border-width:1px; border-color:#000000; background-color: #FFFFFF; }

.style1 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #2489DB; TEXT-DECORATION: none; font-weight:100; margin-top: 10px;}
.style1:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #999999; TEXT-DECORATION: none; font-weight:100; margin-top: 10px;}
.style2 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #999999; TEXT-DECORATION: none; font-weight:100; margin-top: 10px;}
.style3 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; TEXT-DECORATION: none; font-weight:100;}
.style3:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; TEXT-DECORATION: none; font-weight:100; text-decoration:underline;}
.style4 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; TEXT-DECORATION: none; font-weight:100;}
.style5 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style6 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:bold; margin-top: 10px;}
.style7 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #2489DB; TEXT-DECORATION: none; font-weight:100; }
.style7:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #999999; TEXT-DECORATION: none; font-weight:100; }
.style8 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style9 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #2489DB; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style9:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #999999; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style10 {font-family: Verdana, Helvetica, sans-serif; font-size: 18px; color: #333333; TEXT-DECORATION: none; font-weight:100; margin-top: 10px;}
.style11 {	font-family: Arial;	font-size: 12px;	color: #333333;	height: 22px;	width: 240px;	border: 1px solid #CCCCCC;	vertical-align: text-bottom;	margin-top:1px;	}
.style12 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color:#D2341F ; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style13 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #FF0000; TEXT-DECORATION: none; font-weight:bold;  margin-top: 10px;}
.style14 {	font-family: Arial;	font-size: 12px;	color: #333333;	height: 25px;	width: 263px;	border: 1px solid #CCCCCC;	vertical-align: text-bottom;	margin-top:1px;}
.style15 {font-family: Verdana, Helvetica, sans-serif; font-size: 18px; color: #333333; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style16 {color: #333333;}
.style17 {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333333;	width: 550px;	height:40px;	border: 1px solid #8770C0;
	margin: 0px 0px 5px 0px;}
.style18 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #333333; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style19 {font-family: Verdana, Helvetica, sans-serif; font-style:italic; font-size: 11px; color: #333333; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style20 {	font-family: Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #D2D2D2;	height: 20px;width: 178px;	border: 1px solid #333333;	vertical-align: text-bottom;	margin-bottom:5px;}
.style21 {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #2489DB; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style21:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #999999; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style22 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #2489DB; TEXT-DECORATION: none; font-weight:100; }
.style22:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #999999; TEXT-DECORATION: none; font-weight:100; }
.style23 {font-family: Verdana, Helvetica, sans-serif; font-size: 16px; color: #666666; TEXT-DECORATION: none; font-weight: 100; margin-top: 10px;}
.style24 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #2489DB; TEXT-DECORATION: none; font-weight:100; }
.style24:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #999999; TEXT-DECORATION: none; font-weight:100; }
.style25 {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333333;	}
.style26 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #2489DB; TEXT-DECORATION: none; font-weight:100; }
.style26:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #999999; TEXT-DECORATION: none; font-weight:100; }
.style27 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; TEXT-DECORATION: none; font-weight: bold;  margin-top: 10px;}
.style28 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #2489DB; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style28:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #999999; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style29 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px; line-height:25px}
.style30 { background-color:#666666; height:40px}
.style31 { height:2000px}
.style32 {border:1px solid #C9C9C9;}
.style33 {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #333333; TEXT-DECORATION: none; font-weight:700; margin-top: 10px;}
.style34 {	font-family: Arial;	font-size: 12px;	color: #333333;	height: 22px;	width: 100px;	border: 1px solid #CCCCCC;	vertical-align: text-bottom;	margin-top:1px;}
.style35 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style36 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; TEXT-DECORATION: none; font-weight:bold; margin-top: 10px;}
.style37 { height:40px; width:350px;}
.style38 {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}
.style39 {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #FF0000; TEXT-DECORATION: none; font-weight:100;  margin-top: 10px;}

.styleinput {font-family:  Arial, Helvetica, sans-serif;	font-size: 12px;	border-color:#0064E1;	border-style:solid;	border-width:thin;}



.name {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:100; line-height:25px;}
.email {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:100; line-height:30px;}
.source {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:100; line-height:30px;}
.telephone {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:100; line-height:30px;}
.comments {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: none; font-weight:100; line-height:30px;}

.comments_box { width: 263px; height: 100px; color: #333333; font-family: Arial; font-size: 12px; border: 1px solid #CCCCCC; margin-top:1px; }

h1 {font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	color: #D2341F;	font-weight:bold;	margin-top: 0px;	margin-bottom:0px;}
h1.two {font-family:Arial;	font-size: 13px;	color: #333333;	TEXT-DECORATION: none; 	font-weight:bold;	margin-bottom:0px;}
h1.three {font-family:Arial;	font-size: 16px;	color: #333333;	TEXT-DECORATION: none; 	font-weight:normal;	margin-bottom:0px;}


.navMenu
{
    list-style-type:none;    
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.navMenu li
{
    float:left;
    padding:0;
    margin: 0;
    width: 225px;
    height: 33px;
}

.navMenu li img
{
    width: 225px;
    height: 33px;
    border:0;
}

.navMenu a, .navMenu a:link, .navMenu a:visited
{
    display:block;
}

.navMenu a:hover img
{
    visibility:hidden;
}

#HomeMenu {background-image: url(../images/menu/home_on.gif);}
#aboutMenu {background-image: url(../images/menu/about_on.gif);}
#imamMenu {background-image: url(../images/menu/imam_on.gif);}
#toursMenu {background-image: url(../images/menu/tours_on.gif);}
#prayerTimesMenu {background-image: url(../images/menu/prayer_times_on.gif);}
#madrasahMenu {background-image: url(../images/menu/madrasah_on.gif);}
#announcementsMenu {background-image: url(../images/menu/announcements_on.gif);}
#organisationalMenu {background-image: url(../images/menu/organisational_on.gif);}
#resourcesMenu {background-image: url(../images/menu/resources_on.gif);}
#galleryMenu {background-image: url(../images/menu/gallery_on.gif);}
#kidszoneMenu {background-image: url(../images/menu/kidszone_on.gif);}
#contactMenu {background-image: url(../images/menu/contact_on.gif);}


















