* { margin:0; padding:0; }

body {
	background:#c4d5db;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#page {
	width:750px;
	background:url(images/bg_page.gif) repeat-y left top;
	margin-left:auto; margin-right:auto;
	padding:0 20px 0 20px;
	float:left;
}

.page_conteiner {
	width:790px; margin-left:auto; margin-right:auto;
}


/******************************************************************************************/
/***********HEADER SECTION*****************************************************************/
/******************************************************************************************/

.header {
	background:url(images/bg_header.jpg) no-repeat;
	height:108px;
	padding:15px;
	_margin:0 0 -14px 0;  /* IE HACK */
}

.header .broadcast {
	width:276px;
	float:left;
	margin:0 0 10px 0;
	_margin:0 0 -10px 0;  /* IE HACK */
	
	
}

.header .youtubeislam {
	float: left;
	width: 144px;
	padding-left: 40px;
}

.header .free_qurans {
	float: right;
	width: 100px;
	padding-right: 110px;
}

.header .free_qurans a {

	color:#345a19;
	font-weight:bold;
	font-size:11px;
}

.header .newsletter {
	clear:both;
	margin:0 0 10px 0;
}

.header .news {
	color:#878787;
	font-size:12px;
	background:url(images/bg_news_text.gif) no-repeat;
	width:118px;
	height:16px;
	border:none;
	padding:2px 15px 0 5px;
	_background-attachment: fixed;   /* IE HACK */
	font-family: Arial, Helvetica, sans-serif;
}

.header .title{
	font-size:14px;
	color:#000000;
}


/******************************************************************************************/
/***********MAIN HEADER - MENU BAR*****************************************************************/
/******************************************************************************************/


.main_header {
	background:url(images/bg_menu_bar.gif) repeat-x;
	height:32px;
}

.main_header a {
	text-decoration:none;
	display:block;
	height:32px;
}

.main_header ul {
	list-style-type:none;
}

.main_header li {
	float:left;
	height:32px;
}

.main_header a.allah {
	background:url(images/mn_allah.gif) no-repeat;
	width:65px;
}

.main_header a.allah:hover {
	background:url(images/mn_allah_hover.gif) no-repeat;
}

.main_header a.muhammad {
	background:url(images/mn_muhammad.gif) no-repeat;
	width:118px;
}

.main_header a.muhammad:hover {
	background:url(images/mn_muhammad_hover.gif) no-repeat;
}

.main_header a.quran {
	background:url(images/mn_quran.gif) no-repeat;
	width:70px;
}

.main_header a.quran:hover {
	background:url(images/mn_quran_hover.gif) no-repeat;
}

.main_header a.islam {
	background:url(images/mn_islam.gif) no-repeat;
	width:62px;
}

.main_header a.islam:hover {
	background:url(images/mn_islam_hover.gif) no-repeat;
}

.main_header a.compare {
	background:url(images/mn_compare.gif) no-repeat;
	width:96px;
}

.main_header a.compare:hover {
	background:url(images/mn_compare_hover.gif) no-repeat;
}

.main_header a.questions {
	background:url(images/mn_questions.gif) no-repeat;
	width:105px;
}

.main_header a.questions:hover {
	background:url(images/mn_questions_hover.gif) no-repeat;
}

.main_header a.donate {
	background:url(images/mn_donate.gif) no-repeat;
	width:77px;
}

.main_header a.donate:hover {
	background:url(images/mn_donate_hover.gif) no-repeat;
}

.main_header a.join {
	background:url(images/mn_join.gif) no-repeat;
	width:157px;
}

.main_header a.join:hover {
	background:url(images/mn_join_hover.gif) no-repeat;
}



/******************************************************************************************/
/***********UPPER LINKS SECTION*****************************************************************/
/******************************************************************************************/


.upper_links ul {
	color:#464646;
	list-style-type: none;
	font-size:9px;
	/*font-weight:bold;*/
	font-family: Tahoma, Arial;
}

.upper_links li {
	float:left;
	padding:0 0 0 19px;
	margin:0 15px 0 0;
	height:16px;
}

.upper_links li a {
	color:#464646;
}

.upper_links li a:hover {
	text-decoration:none;
}

.upper_links li.events {
	background:url(images/events.gif) no-repeat; left center;
}

.upper_links li.articles {
	background:url(images/pics.gif) no-repeat; left center;
}

.upper_links li.lectures {
	background:url(images/lectures.gif) no-repeat; left center;
}

.upper_links li.stuffs {
	background:url(images/stuffs.gif) no-repeat; left center;
}

.upper_links li.voluntter {
	background:url(images/voluntter.gif) no-repeat; left center;
}

.upper_links li.pdf {
	background:url(images/pdf.gif) no-repeat; left center;
}

.upper_links li.donate {
	background:url(images/donate.gif) no-repeat; left center;
}

.upper_links li.help {
	background:url(images/help.gif) no-repeat; left center;
}

/******************************************************************************************/
/***********UPPER BAR SECTION*****************************************************************/
/******************************************************************************************/

.upper_bar {
	background:url(images/bg_upper_bar.gif) repeat-x;
	height:35px;
	padding:2px 15px 0 15px;
}

.upper_bar h1 {
	font-size:26px;
	color:#e4f6c0;
	font-weight:normal;
	float:left;
}

.upper_bar form {
	width: 280px;
	padding:7px 0 0 0;
	float:right;
	height:19px;
}

.upper_bar .search {
	color:#878787;
	font-size:12px;
	background:url(images/bg_search_text.gif) no-repeat;
	width:157px;
	height:17px;
	border:none;
	padding:2px 15px 0 20px;
	_background-attachment: fixed;   /* IE HACK */
	font-family: Arial, Helvetica, sans-serif;
}

.submit {
	background:url(images/submit.gif) no-repeat left center;
	width:68px;
	height:19px;
	/*display:block;*/
	border:none;
	cursor:pointer;
}


/******************************************************************************************/
/***********MIDDLE LINKS SECTION*****************************************************************/
/******************************************************************************************/

.middle_links {
	background:url(images/bg_list_links.gif) no-repeat;
	height:49px;
	padding:10px 0px 0 15px;

}

.middle_links ul {
	list-style-type:none;
	font-family: Tahoma, Arial;
	font-size: 11px;
}

.middle_links li {
	background:url(images/middle_link_marker.gif) no-repeat left center;
	padding:0 0 0 17px;
	height:14px;
	float:left;
	width:100px;
	margin:0 0 9px 0;
}

.middle_links a {
	color:#204059;
}

.middle_links a:hover {
	text-decoration:none;
}



/******************************************************************************************/
/***********SIDEBAR SECTION*****************************************************************/
/******************************************************************************************/

#main {
	width:720px;
	padding:15px;
	float:left;
	/*background:url(images/bg_page.gif) repeat-y left top;*/
	
	
}

.sidebar {
	background:#5a697b;
	background-repeat:no-repeat;
	width:180px;
	float:left;
	padding:10px 10px 10px 10px;
	color:#bde3ff;
	margin:0 0 20px 0;
}

.sidebar h3 {
	text-transform:uppercase;
	font-size:14px;
	color:#FFF;
	margin:0 0 5px;
	padding:0 0 0 15px;
	background:url(images/sidebar_arrow.gif) no-repeat left top;
}

.sidebar a {
	color:#bde3ff;
}

.sidebar a:hover {
	text-decoration:none;
}




/******************************************************************************************/
/***********CONTENT SECTION*****************************************************************/
/******************************************************************************************/

.content {
	width:500px;
	float:right;
}

.content h2 {
	font-size:18px;
	border-bottom:1px solid #18798c;
	padding:0 0 7px 0;
	margin:0 0 15px 0;
}

.content .build {
	float:left;
	width:500px;
	margin:0 0 19px 0;
	_margin:0 0 11px 0;
}

.content .build ul {
	list-style-type:none;
}

.content .build ul li {
	background:url(images/list_marker.gif) no-repeat left center;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}

.content .build ul li a {
	color:#5f83a3;
}

.content .build ul li a:hover {
	text-decoration:none;
}

.content .list_left {
	float:left;
	margin:0 28px 0 0;
}

.content .list_right {
	float:right;
	padding-right:70px;
}

.content .info {
	clear:both;
	background:#a9ccdd url(images/bg_info.gif) no-repeat 10px center;
	padding:7px 7px 7px 30px;
	margin:0 0 10px 0;
}

.content .info a{
	color:#000000;
	text-decoration:none;
}

.content .info .dest {
	font-size:14px;
	font-weight:bold;
}

/******************************************************************************************/
/***********SUBCOPNTENT SECTION*****************************************************************/
/******************************************************************************************/

.sub_content {
	clear:both;
	color:#333333;
	width:720px;
}

.sub_content .infoo {
	background:#a9ccdd url(images/bg_arrow.gif) no-repeat 5px center;
	padding:4px 4px 4px 20px;
	float:left;
}

.sub_content .mg {
	width:176px;
	margin:0 20px 0 0;
}

.sub_content a {
	color:#333333;
	text-decoration:none;
}

.sub_content .mk {
	width:475px;
	
}




/******************************************************************************************/
/***********FOOTER SECTION*****************************************************************/
/******************************************************************************************/

#footer {
	width:750px;
	background: url(images/footer.gif) no-repeat;
	height:58px;
	padding:20px 40px 0px 0px;
	clear:both;
}

#footer ul {
	list-style-type: none;
	color:#293c29;
	width:510px;
	margin:auto;
}

#footer ul li {
	float:left;
	margin:0 7px 0 0;
}

#footer ul li a {
	color:#293c29;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration:underline;
}

.normalText {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.confirm {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #006600;
	text-decoration: none;
}
.formElements
{
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.h1Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#e4f6c0;
	font-weight:normal;
}

/******************************************************************************************/
/***********LOWER FOOTER SECTION*****************************************************************/
/******************************************************************************************/

#lower_footer {
	width:750px;
	background: url(images/footer_external_links.gif) no-repeat;
	height:58px;
	padding:15px 40px 0px 35px;
	clear:both;
}

#lower_footer ul {
	list-style-type:none;
	width:730px;
}

#lower_footer ul li {
	background:url(images/list_marker.gif) no-repeat left center;
	padding:0 40px 0 15px;
	margin:0 0 10px 0;
}

#lower_footer ul li a {
	color:#5f83a3;
	text-decoration:underline;
}

#lower_footer ul li a:hover {
	text-decoration:none;
}