/* CSS Document */


/* ..................... links  ..................... */

#ads a,#page a{
	text-decoration:none;
	font-weight:bold;
	color: #678A00;	
}

#ads a:hover,#page a:hover{
	text-decoration:none;
	font-weight:bold;
	color: #990000;	
}

#ticker a{
	text-decoration:none;
	color: #990000;
	font-weight: bold;
}

#ticker a:hover{
	color: #33593C;
}


/*   ........................  headers .........................  */

 #page h4{
	line-height: 1.4em;
	} 
	
	



/*  ......................... text  ............................ */	

#page{
	text-align: justify;
	line-height: 1.6em;	
}

#page li{
	line-height: 1.6em;	
}

h4#head  {
	color: #990000;
	font-size: 1.1em;
	}

h4#sub_head {
	color: #990000;
	font-size:1em;
	}
	
	
/*  ......................       elements and tables etc          ......................        */


/* subsribe table */

#subscribe_form td.register-form{
	font-size: 11px;
	border: 1px solid #607461;
	padding: 3px 6px 3px 3px;
}

#subscribe_form td:hover{
	background-color:#CCCCCC;
}

 #subscribe_form input{
	background: #FFFFFF;
}




/*       .......................       links on the page        .....................            */
  
a#back {
	font-size:0.9em;
	font-weight: normal;		
}
a#back:hover{
	font-size:0.9em;
	font-weight: normal;
	color: #000000;
}


/*       .......................       lists          ........................            */


#bookstores li{
	list-style: disc;
	line-height: 2em;	
}










/* ....................... discover islam ........................*/



dl.accordion-menu {
	margin: 0;
	padding: 0;
	width: 100%;
	background:white;
}

dl.accordion-menu dt.a-m-t {
	margin: 0;
	background: #FFFFFF;
	padding: 0.5em 1em;
	color: #333333;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

dl.accordion-menu dt.a-m-t-hover{
	color: #990000;
	font-weight: bold;
}


dl.accordion-menu dt.a-m-t-down{
	border: 1px solid #222222;
}





html.accordion-menu-js dt.a-m-t{
	cursor:pointer;
	zoom:1;
}

dl.accordion-menu dd.a-m-d {
	margin: 0;
	padding: 0;
	padding:0;
}

html.accordion-menu-js dd.a-m-d{
	display:none;
}


html.accordion-menu-js dd.a-m-d-expand {
	display:block;
}

html.accordion-menu-js dd.a-m-d-before-expand {
	display:block;
	position:relative;
	z-index:-1;
	opacity:0;
	height:auto!important;
	visibility:hidden;
	overflow:visible;
}


html.accordion-menu-js dt.a-m-t-expand {
	color:black;
	border-color: #990000 #990000 #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
}

html.accordion-menu-js dd.a-m-d-anim {
	overflow:hidden;
	display:block;	
}

dl.accordion-menu dd.a-m-d .bd{
	padding:1em;
	border:Solid 1px #aaaaaa;
}


.close {
	text-decoration:underline;
}


/*..................images..................*/

#discover img.float-right{
	float: right;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}

#discover img.float-left{
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
}

#nasheed{
	float: left;
	width: 130px;
	margin-bottom: 1em;
}

#hijab{
	float: left;
	width: 160px;
	margin-bottom: 1em;
}

/*..........................tables for local services & charity & focus............................*/

#food th{
	background: #333333;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #FFFFFF;
}

#food td{
	border: 1px solid #CCCCCC;	
}

#food tr{
	color: #333333;
	text-align: left;
	padding: 5px;
	background: #FFFFFF;	
}

#food tr:hover{
	background: #E4E4E4;
	color: #000000;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#shopping th{
	background: #000066;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #FFFFFF;
}

#shopping td{
	border: 1px solid #CCCCCC;	
}

#shopping tr{
	color: #333333;
	text-align: left;
	padding: 5px;
	background: #FFFFFF;	
}

#shopping tr:hover{
	background: #E9EAFF;
	color: #000000;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}


#mosques th{
	background: #FF6600;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #FFFFFF;
}

#mosques td{
	border: 1px solid #CCCCCC;	
}

#mosques tr{
	color: #333333;
	text-align: left;
	padding: 5px;
	background: #FFFFFF;	
}

#mosques tr:hover{
	background: #FFF7ED;
	color: #000000;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#books th{
	background: #990000;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #FFFFFF;
}

#books td{
	border: 1px solid #CCCCCC;	
}

#books tr{
	color: #333333;
	text-align: left;
	padding: 5px;
	background: #FFFFFF;	
}

#books tr:hover{
	background: #EEE2D6;
	color: #000000;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#charity th{
	background: #33593C;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #FFFFFF;
	width: 25%;
	border-top: 1px solid #33593C;
	border-bottom: 1px solid #33593C;
	border-left: 1px solid #33593C;
}

#charity td{
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#charity tr{
	color: #333333;
	text-align: left;
	padding: 5px;
	background: #FFFFFF;	
}

#charity tr:hover{
	background: #C2CCC1;
	color: #000000;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}






/* ....................... notice board ........................*/


#notice_box {
	background: url(../images/noticeboard/notice_board_r2_c7.gif) repeat-y right top;
	overflow: hidden;
	width: 400px;
	margin: 1em auto;
}

#notice_top {
	height: 22px;
	background: url(../images/noticeboard/notice_board_r1_c1.gif) no-repeat center top;
}

#notice {
	font-size: 0.9em;
	color: #333333;
	padding: 0.9em 1.2em 3em 1.5em;
	line-height: 1.4em;
	background: url(../images/noticeboard/notice_board_r2_c1.gif) repeat-y left top;
}

#notice_bottem {
	height: 23px;
	background: url(../images/noticeboard/notice_board_r7_c1.gif) no-repeat center bottom;
}

#left_page{
	width:21px;
	background: url(../images/noticeboard/notice_board_r4_c3.gif) no-repeat left top;
	height: 100%;	
}

#paper_container {
	overflow: hidden;
	margin-top: 1em;
	width: 212px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/noticeboard/side_board.gif) repeat-y right 30px;
}

#paper_top {
	height: 36px;
	background: #FFFFFF url(../images/noticeboard/top_board.gif) no-repeat center top;
	text-align: center;
	padding-top: 1em;
	font-weight: bold;
	color: #990000;
	font-size: 0.85em;
	padding-bottom: 0.4em;
}

#paper {
	font-size: 1em;
	color: #333333;
	padding: 0.9em 1.2em 0.5em 1.5em;
	line-height: 1.4em;
	background: #F5EF7F;
	text-align: center;
	width: 161.5px;
	margin-right: auto;
	margin-left: 8px;
}

#paper_bottom {
	height: 10px;
	background: #FFFFFF url(../images/noticeboard/bottom_boardc.gif) no-repeat center bottom;
}


/* ....................... staff page ........................*/

#staff_box {
	height: 400px;
}



/* ....................... contact us ........................*/

#email_form{
	width: 460px;
	margin: 0px auto 1em;
	padding: 0px 0px 1em;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}




/* ....................... classes ........................*/

.subhead {
	font-weight: bold;
}

.head {
	font-weight: bold;
	color: #990000;
}

.sub_head_red {
	font-weight: bold;
	color: #990000;
	font-size: .8px;
}



/* ....................... Home page ........................*/

#img {
	border: 2px solid #678A00;
	width: 670px;
}

/* ....................... downloads page ........................*/


#brochurea {
	text-align: center;
	float: left;
	width: 320px;
}

#brochureb {
	text-align: center;
	float: right;
	width: 320px;
}
 #brochurea img,  #brochureb img {
	border: 1px solid #CCCCCC;
}