/****css reset******/
*{
   padding: 0;
   margin: 0;
}
/********end*****/
body{background-color:#091840;
margin:0 auto;
}

#index{width:100%;
height:600px;}
.container{width:960px;
margin:0 auto;}
/***INDEX PAGE*****************/
#logo{background-color:#2f97fe;
}
/***logo area and under redevelopment text**********/
.log{width:500px;
height:213px;
margin:0 auto;
padding-top:30px;}
#construction{
margin:0px auto;
width:960px;
height:447px;
background-image:url(images/glow.png);}
/**********index page content area***************/
.content{background-color:#091840;
height:320px;}
#left{float:left;
margin-left:20px;
width:250px;}
#right{float:right;
margin-left:20px;
width:250px;}
.talks{background-color:#2f97fe;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1em;
color:#091840;text-align:center;
width:281px;
}
#khutbah{width:281px;
float:left;
margin-left:60px;
}
/****the Index page links***********/
li{margin-top:30px;
list-style-type:none;}
.list li{list-style-type:decimal;
margin-left:15px;
margin-top:none;
font-size:13px;
color:#6d7ca5;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;}

/*********/
/******contact form on the index page*/
#form{width:630px;
background-image:url(images/contact_bg.png);
margin:0 auto;
height:175px;}
/********div for the form**************/
.email{width:550px;
padding:60px 0px 0px 35px;
}
/**********end****************/

/*ACTIVITIES PAGE************/
/**Header for the activities page***********/
#header{background-color:#fff;
height:100px;}
.logo{width:86px;
height:97px;
float:left;
margin-left:20px;
}
/**********end*******/
.icon{margin-top:20px;}

/********blue div under the header***********/
.blue{background-image:url(images/act_bg.jpg);
background-repeat:repeat-x;
height:81px;}
.title{
	width:220px;
	height:47px;}
	
	/***centering div***/
.centre{margin:0 auto;
width:960px;}

/***********background image for the form************/
/**********top navigation***********/

.navigation{width:340px;
float:right;
height:40px;
margin-top:40px;}

.nav li{display: inline;
list-style-type: none;
padding-right: 20px;}

.nav li a{text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:15px 0px 0px 20px;
color:#091840;
}

.nav li a:hover{
color:#4d9fef;
}
/************end**************/

/***********font*************/
h1{font-size:16px;
color:#6d7ca5;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:center;}
h2{font-size:14px;
padding-bottom:5px;
margin-top:20px;
color:#b3cc63;
font-family:Arial, Helvetica, sans-serif;
}
.page-links{
color:#b3cc63;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;

}
h4{font-size:14px;
padding-bottom:5px;
color:#b3cc63;
font-family:Arial, Helvetica, sans-serif;
}
h3{font-size:14px;
color:#b3cc63;
font-family:Arial, Helvetica, sans-serif;
}

p{font-size:13px;
color:#6d7ca5;
line-height:2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

img{border:none;}
/*****table / contact content area**************/
.mainContent{background-image:url(images/tablebg_2.jpg);
background-repeat:repeat-x;
height:700px;
background-color:#fff;}
/*****Press release page**************/
.mainContent2{background-image:url(images/tablebg_2.jpg);
background-repeat:repeat-x;
height:1550px;
background-color:#fff;}


.release{width:960px;
margin:0 auto;
position:absolute;
}
/************End******/
/*******contact us page form*************/
.form{width:600px;
padding-top:20px;

float:left;
position:absolute;
}
.address{float:right;width:300px;
padding-top:35px;}
/*******table 2 which is the one on the activities page.  Has its own class because it interferes with the code for the table on the main page ***************/
.table2{width:960px;
	height:600px;
	margin-top:30px;
color:#6d7ca5;
font-family:Arial, Helvetica, sans-serif;
line-height:2em;
font-size:14px;
font-weight:normal;
text-align:left;
	}
.table{width:960px;
margin:0 auto;
position:absolute;
}

.th2{background-color:#d1d9ba;
padding-left:70px;

border-top:none;
height:70px;}

.td2{background-color:#e0eefc;
padding-left:78px;
}
/***********end***********/
/*******FOOTER**************/
.footer{height:60px;
background-color:#091840;
clear:both;}

.footer h1{font-size:16px;
color:#6d7ca5;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-align:centre;}
.float{float:right;}

.footer a{text-decoration:none;
color:#6d7ca5;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;}