/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#888888;
}

#top{
width:100%;
float:left;
height:131px;
background-color:#fbf2e9;
background-image:url(../images/top-bg.gif);
background-repeat:repeat-x;
border-bottom:1px solid #ffffff;
}
.holder2{
width:959px;
margin:auto;
}
.banner{
height:384px;
position:absolute;
z-index:2;
float:left;
padding-left:23px;
}
.banner2{
height:384px;
background-image:url(../images/banner3.jpg);
background-repeat:no-repeat;
width:955px;
position:absolute;
z-index:3;
float:left;
}
#blue{
width:100%;
height:252px;
float:left;
background-color:#0a5380;
background-image:url(../images/blue.gif);
background-repeat:repeat-x;
}
#blue2{
width:100%;
height:252px;
float:left;
background-image:url(../images/shadow2.gif);
background-position:top;
background-repeat:repeat-x;
}
.left-area{
width:50%;
float:left;
}
.nav-area{
width:100%;
height:214px;
float:right;
background-color:#d47c0e;
background-image:url(../images/nav-bg.gif);
background-repeat:repeat-x;
background-position:bottom;
border-bottom:1px solid #ffffff;
}
.nav-area2{
width:100%;
height:214px;
background-image:url(../images/spacer.gif);
background-position:top;
background-repeat:repeat-x;
float:right;
}
.nav-area3{
width:100%;
height:214px;
background-image:url(../images/shadow.gif);
background-position:right;
background-repeat:no-repeat;
float:right;
}
.news{
width:179px;
height:235px;
float:right;
background-color:#eaeff2;
border-left:1px solid #ffffff;
background-image:url(../images/our-news.gif);
background-position:top;
background-repeat:no-repeat;
padding:0px 17px;
padding-top:50px;
}
.video-gallery{
width:223px;
float:right;
background-image:url(../images/video-gall.gif);
background-position:top;
background-repeat:no-repeat;
padding-top:40px;
}
.holder1{
width:85px; padding-left:94px; padding-top:1px;
}
.date{
width:84px;
height:22px;
float:left;
position:absolute;
z-index:1;
background-color:#0070b4; padding-top:7px;
}
.sub{
width:223px;
float:right;
}
.prayer-corner{
width:223px;
height:143px;
float:right;
background-color:#d49700;
background-image:url(../images/prayer-corner-bg.gif);
background-repeat:repeat-x;
}
.prayer-corner2{
width:210px;
height:93px;
float:right;
background-image:url(../images/prayer.gif);
background-repeat:no-repeat;
padding-right:13px; padding-top:50px;
}
.right-area{
width:475px;
float:left;
background-color:#FFFFFF;
}
.content-area{
width:410px;
height:493px;
padding-left:42px; padding-top:47px;
float:left;
background-color:#FFFFFF;
}
.content-area2{
width:410px;
height:150px;
padding-left:42px; padding-top:47px;
float:left;
background-color:#FFFFFF;
}
.sub-page{
width:100%;
float:left;
padding-top:50px;
padding-bottom:50px;
}
.subpg{
width:900px;
margin:auto;
}
.footer{
width:100%;
height:138px;
float:left;
background-color:#045586;
background-image:url(../images/footer-bg.gif);
background-repeat:repeat-x;
}
.footer-txt{
width:912px;
margin:auto;
padding-top:50px;
}
.font1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
}
.font1 a:link{
color:#ffffff;
text-decoration:none;
}
.font1 a:visited{
color:#ffffff;
text-decoration:none;
}
.font1 a:hover{
color:#ffffff;
text-decoration:none;
}


.font2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#c25b0a;
text-decoration:none;
}
.font2 a:link{
color:#c25b0a;
text-decoration:none;
}
.font2 a:visited{
color:#c25b0a;
text-decoration:none;
}
.font2 a:hover{
color:#c25b0a;
text-decoration:none;
}



.image-scroll{
width:427px;
float:left;
height:98px;
overflow:hidden;

}
#container {
	height: 200px;
}

#left {
	float: left;
	height: 152px;
	padding-right: 0px;
}
#container #content #innercontent img {
}
#container #content {
	float: left;
	height: 90px;
	width: 340px;
	padding-right: 10px;
	overflow: hidden;
	z-index: 0;
	position: absolute;
	background: url(bg.jpg) repeat-x bottom;
	right:60px;
}
#container #content #innercontent {
	height: 81px;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#right {
	float: right;
}

.img{
padding:5px;
border:1px solid #d4d4d4;
margin-right:5px;
}
.img2{
padding:5px;
margin-right:10px;
border:1px solid #d4d4d4;
float:left;
}
/*------------------------------*/
/* navigation elements */
.glossymenu2{
width:400px;
float:right;
clear:none;
padding-top:10px; padding-right:38px;
/*width of menu*/
}

.glossymenu2 a.menuitem3{
width:396px;
height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left:22px;
border-bottom:1px solid #db995e;
text-decoration:none;
background-image:url(../images/cross.gif);
background-position:left;
background-repeat:no-repeat;
}


.glossymenu2 a.menuitem3:visited, .glossymenu2 .menuitem3:active{
text-decoration:none;
}

.glossymenu2 a.menuitem3:hover{
background-image:url(../images/cross2.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}


.glossymenu2 a.menuitem4{
width:396px;
height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left:22px;
text-decoration:none;
background-image:url(../images/cross.gif);
background-position:left;
background-repeat:no-repeat;
}


.glossymenu2 a.menuitem4:visited, .glossymenu2 .menuitem4:active{
text-decoration:none;
}

.glossymenu2 a.menuitem4:hover{
background-image:url(../images/cross2.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}


.h1{
font:18px "Lucida Sans Unicode";
color:#04517f;
text-decoration:none;
}



.main{
width:950px;
margin:auto;
}
.logo{
background-image:url(../images/logo.gif);
height:131px;
width:509px;
background-repeat:no-repeat;
}
.subpg-links{
width:100%;
background-image:url(../images/link-bg.gif);
background-repeat:repeat-x;
height:41px;
float:left;
border-bottom:1px solid #00608c;
border-top:1px solid #036f9e;
}
.subpg-banner{
background-image:url(../images/banner2.jpg);
width:927px;
height:208px;
background-repeat:no-repeat;
float:left;
margin-top:2px;
}
.banner-holder{
width:100%;
float:left;
}
.subpg-down{
width:100%;
float:left;
padding:25px 0px; 
border-top:1px solid #ffffff;
}

.subpg-content{
width:660px;
float:left;
border-right:1px solid #dcded8;
padding-right:30px;
}
.sub-pg-right{
width:250px;
float:left;
}

.tr{
border-left:1px solid #dcded8;
border-top:1px solid #dcded8;
}
.tr2{
border-left:1px solid #dcded8;
border-top:1px solid #dcded8;
margin-right:5px; margin-top:5px;
}
.tr3{
background-color:#f3f5f7;
border-left:1px solid #dcded8;
border-top:1px solid #dcded8;
margin-right:5px; margin-top:5px;
}
.tr4{
background-color:#fdf7f1;
border-left:1px solid #dcded8;
border-top:1px solid #dcded8;
margin-right:5px; margin-top:5px;
}
.tr5{
border-left:1px solid #dcded8;
border-top:1px solid #dcded8;
margin-right:5px; margin-top:5px;
}
.td{
border-bottom:1px solid #dcded8;
border-right:1px solid #dcded8;
padding:4px;
}
.td2{
border-bottom:1px solid #dcded8;
border-right:1px solid #dcded8;
padding:7px;
}
/*------------------------------*/
/* navigation elements */
.glossymenu{
width:950px;
border-left:1px solid #00608c;
height:41px;
float:left;
/*width of menu*/
}

.glossymenu a.menuitem{
height:31px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
display:inline;
text-align:center;
padding-top:10px; padding-left:14px;  padding-right:13px;
border-right:1px solid #00608c;
text-decoration:none;
float:left;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
text-decoration:none;
}

.glossymenu a.menuitem:hover{
background-image:url(../images/link-hover.gif);
background-repeat:repeat-x;
background-position:bottom;
text-decoration:none;
}


.glossymenu a.menuitem2{
width:396px;
height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left:22px;
text-decoration:none;
background-image:url(../images/cross.gif);
background-position:left;
background-repeat:no-repeat;
}


.glossymenu a.menuitem2:visited, .glossymenu .menuitem2:active{
text-decoration:none;
}

.glossymenu a.menuitem2:hover{
background-image:url(../images/cross2.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}



.ad{
float:left;
padding-top:10px;
}

form{
margin:0px;
padding:0px;
}

.txt-area{
width:300px;
height:20px;
border:1px solid #cecece;
background-color:#f2f2f2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding:3px;
margin-bottom:5px;
}
.txt-area2{
width:300px;
height:60px;
border:1px solid #cecece;
background-color:#f2f2f2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding:3px; margin-bottom:5px;
}
.button{
background-image:url(../images/button.gif);
background-repeat:no-repeat;
width:85px;
height:31px;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin:0px;
padding:0px;
}