@charset "utf-8";
/* CSS Document */


* {
 padding:0;
 margin:0;
 border:0;
}

a{text-decoration:none; color:#094979;}
a:hover{color:#5a533d;}
ul{list-style: none;}

html{background: #e7e3d9 url(../images/bckg.jpg); color:#564738; font-size:0.75em; line-height:1.7em;}

body {
background: url(../images/bckgTop.jpg) repeat-x;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100.01%;
}

.hidden
{position:absolute;
left:0px;
top:-5000px;
width:1px;
height:1px;
overflow:hidden;}

#header {width:904px; margin:0 auto;}

#logo {height:75px; width:207px; padding-top:26px; float:left; margin-left:5px; position:relative; z-index:2;}
			
#phone {height:75px; width:283px; padding-top:12px;float:right; margin-right:7px;}
ul.students {list-style:none; width:180px; height:34px; margin:0 auto;}
ul.students li a{background: url(../images/students.gif) no-repeat; width:180px; height:34px; display:block;}
ul.students li a:hover {background-position:bottom;}
.phoneBox{background:url(../images/phone.gif) no-repeat; height:33px; padding:15px 0 0 83px;}
.phoneBox strong{color:#0a82b3; font-size:1.6em; font-weight:lighter; font-family:"Times New Roman", Times, serif;}
.country{color:#0f6694; font-size:0.9em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}

/* Top navigation  */ 
ul#topNav {list-style:none; height:28px; clear:both;}
ul#topNav li{float:left; position:relative;}

ul#topNav li a.home {height:28px; width:70px; display:block; background: url(../images/topNav.gif) no-repeat;}
ul#topNav li a.home:hover {background: url(../images/topNav.gif) no-repeat 0 -29px;}

ul#topNav li a.courses {height:28px; width:93px; display:block; background: url(../images/topNav.gif) no-repeat -70px 0;}
ul#topNav li a.courses:hover {background: url(../images/topNav.gif) no-repeat -70px -29px;}

ul#topNav li a.instructors {height:28px; width:128px; display:block; background: url(../images/topNav.gif) no-repeat -163px 0;}
ul#topNav li a.instructors:hover {background: url(../images/topNav.gif) no-repeat -163px -29px;}

ul#topNav li a.careers {height:28px; width:92px; display:block; background: url(../images/topNav.gif) no-repeat -291px 0;}
ul#topNav li a.careers:hover {background: url(../images/topNav.gif) no-repeat -291px -29px;}

ul#topNav li a.prices {height:28px; width:77px; display:block; background: url(../images/topNav.gif) no-repeat -383px 0;}
ul#topNav li a.prices:hover {background: url(../images/topNav.gif) no-repeat -383px -29px;}

ul#topNav li a.registration {height:28px; width:131px; display:block; background: url(../images/topNav.gif) no-repeat -460px 0;}
ul#topNav li a.registration:hover {background: url(../images/topNav.gif) no-repeat -460px -29px;} 

ul#topNav li a.faq {height:28px; width:56px; display:block; background: url(../images/topNav.gif) no-repeat -591px 0;}
ul#topNav li a.faq:hover {background: url(../images/topNav.gif) no-repeat -591px -29px;} 

ul#topNav li a.articles {height:28px; width:94px; display:block; background: url(../images/topNav.gif) no-repeat -647px 0;}
ul#topNav li a.articles:hover {background: url(../images/topNav.gif) no-repeat -647px -29px;} 

ul#topNav li a.links {height:28px; width:71px; display:block; background: url(../images/topNav.gif) no-repeat -741px 0;}
ul#topNav li a.links:hover {background: url(../images/topNav.gif) no-repeat -741px -29px;} 

ul#topNav li a.about {height:28px; width:92px; display:block; background: url(../images/topNav.gif) no-repeat -812px 0;}
ul#topNav li a.about:hover {background: url(../images/topNav.gif) no-repeat -812px -29px;} 
	
#bismillah {
	width:288px;
	height:101px;
	position:absolute;
	left:303px!important;
	left:299px;
	top:0;
	z-index:3;
}	  
.bismillahTop{background: url(../images/bismillah.gif) no-repeat center; height:101px;}
.bismillahBottom{background: url(../images/bismillahBottom.png) no-repeat center !important; height:15px; width:27px;
                 background-image:url(none); position:absolute; left:131px;
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bismillahBottom.png); }		  

#homeBlue{background: url(../images/bckgHome.jpg) repeat-x; height:244px; padding-top:2px;}
#flashPlace{width:904px; height:157px; margin:0 auto; background:url(../images/rays.jpg) no-repeat;}

#contentWrapper{width:904px; margin:-35px auto 0 auto;}
#welcomeBox{float:left; width:293px; margin-bottom:31px;}
.welcomeBoxTop{background:url(../images/welcomeBoxTop.gif) no-repeat; height:32px; font-size:0.01%;}
.welcomeBoxBottom{background:url(../images/welcomeBoxBottom.gif) no-repeat bottom; position:relative;}
.welcomeBoxBottom p{padding:0 37px 0 31px;}
.welcomeBoxBottom p strong{color:#0f69a2; font-size:1.7em; font-weight:bold;}
.twodays{
	width:154px;
	height:87px;
	position:absolute;
	left: 137px !important;
	left:105px;
	top: 118px;
}

ul.signupBtn {list-style:none; width:114px; height:32px; margin:8px 0 0 26px; padding-bottom:20px;}
ul.signupBtn li a{background: url(../images/signup.gif) no-repeat; width:114px; height:32px; display:block;}
ul.signupBtn li a:hover {background-position:bottom;}

#slide{float:right; width:560px;}

/*carousel start*/
#mycarousel{clear:both;}

.carousel-component { 
	padding:0 24px;
	margin:0px;
	width:550px !important; 
	height:203px;
}

.carousel-component .carousel-list li { 
	margin:11px 7px 4px 3px;
	width:232px; 
	height:180px; 
	background:url(../images/circle.gif) no-repeat;
    padding:0 0 0 15px;
	border-left:1px dotted #b8ada0;
}

.carousel-component .carousel-list li a { 
	border:none;
	outline:none;
	color:#0f6694;
	text-align:left;
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	line-height:1.1em;
	letter-spacing:0.01em;
	padding-left:5px;
}

.carousel-component .carousel-list li p { 
    text-align:left;
	padding:6px;
	color:#564738; font-size:1em; line-height:1.7em;
}

.carousel-component .carousel-list .moreBtn { 
    font-size:0.9em;
	color:#9a5132;
	font-weight:normal;
	font-style:normal;
	background:url(../images/arrow.gif) no-repeat right;
	padding-right:10px;
}

.carousel-component .carousel-list .moreBtn:hover { 
    color:#5a533d;
}

.picPlace { 
    background:url(../images/picBack.jpg) no-repeat left top;
	width:219px;
	height:81px;
	padding:7px 8px;
}

.carousel-component .carousel-list li a:hover { 
	border: none; 
	color:#5a533d;
}

.carousel-component .carousel-list li img { 
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:76px;
	z-index:3;
	cursor:pointer; 
	left:2px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:76px;
	z-index:3;
	cursor:pointer; 
	right:0; 
}
/*carousel end*/


h2.courses{margin:0 0 13px 40px;}

.tape{background:url(../images/tape.jpg) no-repeat center; width:902px; height:58px; margin:0 auto 40px auto;
      clear:both; padding:41px 0 0 0;}
.tape strong{color:#9a5132; font-size:1.4em; font-weight:bold; float:left; margin:0 0 0 110px; font-style:italic;}
ul.signupBig {list-style:none; width:350px; height:48px; margin:-15px 0 0 0; float:right;}
ul.signupBig  li a{background: url(../images/signupBig.gif) no-repeat; width:207px; height:48px; display:block;}
ul.signupBig  li a:hover {background-position:bottom;}

.tape02{background:url(../images/tape.jpg) no-repeat center; width:902px; height:78px; margin:0 auto;
      clear:both;padding:21px 0 0 0;}
.tape02 strong{color:#9a5132; font-size:1.1em; font-weight:bold; float:left; margin:0 0 0 110px;
       width:241px; font-style:italic; line-height:1.3em;}
.language{color:#d07e03;}
.online{font-size:1.4em;}

ul.signupBigQE {list-style:none; width:540px; height:48px; margin:4px 0 0 0; float:right; position:relative;}
ul.signupBigQE  li a{background: url(../images/signupBigQE.gif) no-repeat; width:207px; height:48px; display:block;}
ul.signupBigQE  li a:hover {background-position:bottom;}

.chair{
	position:absolute;
	width:179px;
	height:94px;
	left: 235px;
	top: -29px;
}

.howBox{width:277px; float:left; padding:0 0 13px 17px;}
.howBox p{margin:15px 10px 0 0;}
.benefitsBox{width:273px; float:left; border-left:1px dotted #999088; border-right:1px dotted #999088; padding:0 0 0 10px;}
.benefitsBox ul{list-style:none; padding:9px 0 0 10px;}
.benefitsBox ul li{background: url(../images/bullet.gif) no-repeat; padding:0 0 0 21px; margin:9px 0 0 0;}
.benefitsBox ul a{font-size:1.1em;}

.commentsBox{width:300px; float:left; margin:0 0 40px 0;}
.commentsBoxTop{background:url(../images/testimonialTop.gif) no-repeat center top; height:18px; font-size:0.01%; position:relative;}
.button{
	width:74px;
	height:76px;
	position:absolute;
	left: 217px;
	top: -2px;
}

.commentsBoxDown{background:url(../images/testimonialDown.gif) no-repeat center bottom;}
.commentsBoxDown em{color:#FFF; font-weight:bold; font-size:1.1em; margin:0 0 0 40px;}

.blockq{background: url(../images/blockqT.gif) no-repeat 40px 0; position:relative; width:220px; padding:5px 0 0 0;}
.blockq p {font-size:1em; text-indent:2em; word-spacing:0.1em; line-height:1.4em; margin:0 0 14px 0;
           padding:0 0 0 40px; background: url(../images/blockqD.gif) bottom right no-repeat;}

ul.readMoreBtn {list-style:none; width:103px; height:26px; margin:12px 0 0 40px; padding-bottom:25px;}
ul.readMoreBtn li a{background: url(../images/readMoreBtn.gif) no-repeat; width:103px; height:26px; display:block;}
ul.readMoreBtn li a:hover {background-position:bottom;}


/* Footer */
#footer{height:147px; background:url(../images/bckgFooter.jpg) repeat-x; margin:36px 0 0 0; padding:9px 0 10px 0;}
#footerInner{height:147px; background:url(../images/bckgFooter02.jpg) repeat-x; margin:35px 0 0 0; padding:6px 0 10px 0;}
ul#raysFooter{list-style: none; color:#FFF; margin:0 auto; text-align:center; width:904px; height:44px; padding:13px 0 0 0;
            background:url(../images/raysFooter.jpg) no-repeat; position:relative;}
#badgeLogo{width:73px; height:40px; position:absolute; right:-37px; top:3px;}
ul#raysFooter li{display:inline;}
ul#raysFooter li a{color:#edf1e8; text-transform:uppercase; font-size:0.9em; text-decoration:none;}
ul#raysFooter li a:hover{color:#fbcb81;}
#footer div, #footerInner div{width:345px; margin:0 auto;}
#footer div p, #footerInner div p{color:#564738; font-size:0.9em; float:left; margin:-3px 0 0 0;}
#footer div ul.cards, #footerInner div ul.cards{margin:-5px 0 14px 0; float:right;}
#footer div ul.cards li, #footerInner div ul.cards li{display:inline;}

#footer ul.verified, #footerInner ul.verified{clear:both; margin:0 auto;text-align:center;}
#footer ul.verified li, #footerInner ul.verified li{margin:0 38px 0 0; display:inline;}

/*Inner page*/

#homeBlueInner{background: url(../images/bckgInnerOld.jpg) repeat-x; height:131px; padding-top:2px;}
#flashPlaceInner{width:904px; height:108px; margin:0 auto; background:url(../images/flash_inner.jpg) top center no-repeat;}

#contentWrapperInner{width:1000px; margin:-35px auto 0 auto; height:100%; padding:0 0 35px 0;
                      background: url(../images/innerLeft.jpg) repeat-y center;}
#rightDark{float:right; width:315px; margin:35px 0 0 0;}
#rightDark h3{padding:5px 0 5px 13px; background:#dfd9c4; border-bottom:#fbfaf9 1px solid; margin:0 0 15px 0;
            text-transform:uppercase; font-size:1em; font-weight:bold; color:#473f30;}
			
#mainContent{margin:15px 300px 0 59px; padding:15px 0 0 0;}
#mainContent h2{padding:5px 0 5px 42px; height:10px; width:500px;}
#mainContent p{margin:0 10px 7px 13px;}

.lightBox{background:#fdf9f4; border:#dbdbda 1px solid; width:607px; margin:0 0 21px 0; clear:left;}
.head{background:#fbf6eb url(../images/headSwirl.gif) no-repeat; border-bottom:#dbdbda 1px solid;margin:0 0 15px 0; height:29px;}
.lightBox ul{list-style:none; margin:15px 0 15px 20px;}
.lightBox ul li{background: url(../images/bullet.gif) no-repeat; padding:0 0 0 21px; margin:9px 0 0 0;
            color:#094979; font-size:0.9em;}

.darkBox{background:#e8e5d8; border:#fbfaf9 1px solid; width:250px; margin:0 0 25px 10px;}
.darkBox p{margin:0 10px 7px 13px; color:#22201c;}

.headLeft{float:left;}
.headRight{float:right;}

.leftImage{margin:5px 20px 0 0; float:left; border:#dfd9c4 5px solid;}
.rightImage{margin:5px 0 0 20px; float:right; border:#dfd9c4 5px solid;}

ul#breadcrumb{margin:-5px 0 10px 0; font-size:1em; color:#000;}
ul#breadcrumb li{float:left; margin:15px 0 15px 5px;}

input.whiteField{background:#FFF; border:#aea78e 1px solid; width:183px; height:16px; padding:5px 0 5px 5px; margin:0 0 7px 12px;}
input.btnField{width:115px; height:35px; margin:0 0 0 12px; padding: 0 0 5px 0; background:none; border:none;}

.signupDark{background: url(../images/signupbackDark.jpg) no-repeat; width:255px; height:144px;
 margin:0 0 0 10px; text-align:center; padding:21px 0 0 0;}
.signupDark p{color:#9a5132; font-size:1.4em; font-weight:bold; font-style:italic; padding:0 50px; line-height:1.3em;}

ul.signupBigDark {list-style:none; width:178px; height:37px; margin:0 auto;}
ul.signupBigDark  li a{background: url(../images/signupDark.gif) no-repeat; width:178px; height:37px; display:block;}
ul.signupBigDark  li a:hover {background-position:bottom;}

.quranDark{background: url(../images/chair02.jpg) no-repeat; width:255px; height:144px;
 margin:0 0 25px 10px; padding:33px 0 0 0;}
.quranDark p{color:#9a5132; font-size:1.4em; font-weight:bold; font-style:italic; padding:0 0 0 14px; line-height:1.3em;}

p.arabicYellow{color:#d07e03; font-size:0.8em; margin:0 0 5px 0;}
ul.quranDarkBtn {list-style:none; width:195px; height:42px; margin:0 auto;}
ul.quranDarkBtn  li a{background: url(../images/quranDarkBtn.gif) no-repeat; width:195px; height:42px; display:block;}
ul.quranDarkBtn  li a:hover {background-position:bottom;}


/* Registration page */

#aspnetForm{margin:0}

ul#navLeft{margin:0 0 0 2px; width:180px;}
ul#navLeft li{border-top:#f3f1e9 1px solid; border-bottom:#d4cdbe 1px solid; padding:5px 0 5px 21px; background:#f0eadd url(../images/arrow02.gif) no-repeat; font-size:1.1em;}
ul#navLeft li a{font-size:0.8em; margin:0 0 0 0px;}
ul#navLeft li a:hover{color:#333;}


form{margin:0 0 0 30px;}
input{background:#FFF; border:#aea78e 1px solid; padding:2px 0 2px 5px; margin:5px 0 3px 0;}
select{background:#FFF; border:#aea78e 1px solid; padding:2px 0 2px 5px; margin:5px 0 3px 0; width:200px;}
textarea{background:#FFF; border:#aea78e 1px solid; height:80px; padding:2px 0 2px 5px; margin:5px 0 3px 0; width:200px;}




.btnBlue{width:195px; height:25px; border:#a1bbcb 1px solid; background:#ebf2f6 url(../images/btnBlue.gif) repeat-x;
 text-align:center; color:#0e3a54; text-transform:uppercase; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; cursor: pointer;}
 
.rightcol{padding:0 0 0 10px;}

.tip{font-style:italic; font-size:0.8em; line-height:1.2em;}
 
.entrygradient{margin:0px 15px 10px 15px; padding:15px; background:url(../images/EntryGradient.jpg) no-repeat;}
.gradienttitle{font-weight:bold; color:#564738; font-size:1em; }
td.greysplit{padding:15px 0 5px 0;}

/* prices */

table.pricetable{margin:0 0 0 15px; width:520px}
table.pricetable td{padding:3px 0 1px 10px;}
table.pricetable tr{background:#fbf6eb;}

.priceTop{background:#afa68b; color:#FFF;}

.each{padding:15px 0 0 10px;}

.redtext{color:Red;}