/* CSS Document */
body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; background:#50af77}

h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px; margin:0px; font-weight:normal}

ul,ol { list-style: none; }
input, select{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

a{color:#055827;outline:none;cursor: pointer;text-decoration: none; }
a:hover {color:#212121;text-decoration: underline;}

a img{border:0}

p.more{text-align:right; padding:0px 0 0px}
p.more a{background:url(../images/green-bullet.gif) no-repeat 100% 4px; padding-right:10px; font-weight:bolder;}


.clear{ clear: both;}
.floatleft{float:left;}
.floatleftphoto{float:left;margin-right:5px; margin-bottom:5px; border: 1px solid #999;}
.floatrightphoto{float:right;margin-left:5px; margin-bottom:5px; border: 1px solid #999;}

#header:after,#middle:after, .content:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }

/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html .content{height:1px} /* */




/* ======================================== Wrapper =================================================================  */

#wrapper{ width:960px; height:auto; margin:5px auto 0px;}


h1.heading{ font-size:22px; font-weight:bold; color:#212121; line-height:24px; border-bottom:1px solid #bedac9; padding:0px 0px 3px; margin:0 0 10px}
h2.subheading{ font-size:18px; font-weight:bold; color:#055827; border-bottom:1px solid #bedac9; margin-bottom:5px}
h3{ font-size:15px; font-weight:bold; color:#055827; margin-bottom:5px}
p{padding:0px 0px 10px}
strong{color:#000;}
/* ----------------  Outer -------------- */

.outer{ width:100%; margin:0px 0px 12px; padding:0px;}
.outer .top{background:url(../images/outer-tbg.gif) repeat-x 0 0; width:auto; display:block}
.outer .topleft{background:url(../images/outer-tl.gif) no-repeat 0 0; width:auto; height:16px; display:block}
.outer .topright{background:url(../images/outer-tr.gif) no-repeat 100% 0; width:auto; height:16px; display:block; font-size:0px;}


.outer .bottom{background:url(../images/outer-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.outer .bottom .bottomleft{background:url(../images/outer-bl.gif) no-repeat 0 0; width:auto; height:88px; display:block}
.outer .bottom .bottomright{background:url(../images/outer-br.gif) no-repeat 100% 0; width:auto; height:88px; display:block;}

.outer .container{padding:0px; background:url(../images/outer-bg.gif) repeat-y left top; width:auto; }
.outer .outer-content{width:100%;}

/* ======================================== Header =================================================================  */

#header{ width:100%;}
p.logo{text-align:center; height:75px}
p.logo img{ margin:5px 0px 0px; padding:0px}

/* ---------------- menubar -------------- */

.menubar{ padding:0px 7px;margin:0px;}
.menubar .menubg{ padding:0px;margin:0px;height:37px;background:url(../images/topmenu-bg.gif) repeat-x 0px 0px;}

.menu-links{float:left; width:auto; margin:0px;padding:0px;}
.menu-links li{float:left;width:auto;padding-right:1px;background:url(../images/topmenu-divider.gif) no-repeat right top;}
.menu-links li a{float:left;display:block; width:auto; line-height:20px;padding:8px 16px 8px 14px;font-size:13px;font-weight:bold;color:#fff;white-space:nowrap;cursor:pointer;
}

.menu-links li a:hover{color:#56ab79; text-decoration:none}


/* ---------------- Banner -------------- */

.main-banner{background:url(../images/Azeemia-sufi-logo.gif) no-repeat left top; height:201px; margin:0 5px}
.main-banner .photo{position:absolute; margin:-33px 0 0 663px}




/* ======================================== Middle =================================================================  */

#middle{padding:0px; width:auto; margin:5px 15px 0px;}

#main{ float:left;width:452px; margin:0px;padding:0; }
#left-sidebar{ float:left;width:230px;margin:0px;padding:0px 12px 0px 0px;}
#right-sidebar{ float:left;width:220px;margin:0px;padding:0px 0px 0px 12px;}



/* ----------------  Left Widget -------------- */

.left-widget{ width:230px;background:red url(../images/left-widget-bot.gif) no-repeat left bottom; padding:0 0px 6px 0}
.left-widget .lefttop{background:url(../images/left-widget-top.gif) no-repeat left top; padding:0; height:6px; font-size:0px}
.left-widget .content1{background:url(../images/left-widget-bg.gif) repeat-y left top; }


/* ----------------  Right Green Widget -------------- */

.green-widget{ width:100%; margin:0px 0px 12px; padding:0px;}
.green-widget .gtop{background:url(../images/green-widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.green-widget .gtopleft{background:url(../images/green-widget-tl.gif) no-repeat 0 0; width:auto; height:38px; display:block}
.green-widget .gtopright{background:url(../images/green-widget-tr.gif) no-repeat 100% 0; width:auto; height:38px; display:block; }
.green-widget .gtopright h3{ color:#FFFFFF; font-size:20px; font-weight:bolder; margin:0px; padding:7px 0px 0px 10px;}

.green-widget .gbottom{background:url(../images/green-widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.green-widget .gbottomleft{background:url(../images/green-widget-bl.gif) no-repeat 0 0; width:auto; height:6px; display:block}
.green-widget .gbottomright{background:url(../images/green-widget-br.gif) no-repeat 100% 0; width:auto; height:6px; display:block;font-size:0px}

.green-widget .gcontainer{padding:10px 7px 5px; background:#f6f6f6; width:auto; border-left:1px solid #dae2e4;border-right:1px solid #dae2e4}
.green-widget .content{width:100%;}
.green-widget p{padding:4px 0 6px}


/* ----------------  lising -------------- */

.list { margin:0px 5px 0px 10px}
.list li{background:url(/images/bullet.gif) no-repeat 0 10px; padding:6px 0px 6px 14px; border-bottom:1px solid #fff }
.list li a{ color:#212121; font-weight:bold}
.list li a:hover{ color:#055827}

.news-list li{ border-bottom:1px solid #dae2e4; padding:0 0 10px; margin-bottom:10px}
.pic-brd{border:1px solid #dae2e4; padding:2px; margin:5px 0px 8px; display:block}



/* ======================================== Footer =================================================================  */

#footer{padding:20px 0 0}
#footer ul{ margin-top:0px; text-align:center; }
#footer ul li{display:inline; color:#fff  }
#footer ul li a{  padding:0px 6px; color:#fff; font-weight:bold }
#footer ul li a:hover{ font-size:12px;}
#footer p{ padding:20px 0px 5px 0px; color:#effff6; text-align:center; font-size:12px}

/* ======================================== Sub Pages =================================================================  */

#subpagelist {margin:0; padding:0;}
#subpagelist p { padding-left:15px;margin-top:3px;}

/* ======================================== Books =================================================================  */

.bookimage {float:left; margin:0 15px 15px 0;}

/* ======================================== News Calendare  =================================================================  */
.newspageitemcontent {width:300px;float:left;}
 .calendar p{margin-top:0;}
.calendar{text-align:center;margin-top:20px;}
 #main .newspageitem {border-bottom:1px solid #E1E9EF;clear:both;margin-bottom:1px;padding:3px;height:80px;}
#main .newsdate{color:#FFF;text-align:center;
display:block;
float:none;
font-size:8px;
padding:0;}.calendar{
background:transparent url(/images/datestamp.gif) no-repeat scroll 0 0;
float:left;
height:40px;
margin-right:10px;
width:40px;}
#main li {padding:3px 0px 2px;}
#main li p {font-size:12px;}
 .calendar p.calmonth {
color:white;text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:0;
}
 .calendar  p.calday {text-align:center;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:1px 0 0 ;
}
.newspageitem img {float:right;width:80px;height:80px; overflow:hidden;margin-top:0px;}

/* ======================================== Activities  =================================================================  */
.twocolumnlist li {clear:both;}
.leftlist{float:left; width:100px;}
.rightlist{float:left; width:300px;}
/* ======================================== Spiritual Healing Page  =================================================================  */

h3.blue {color:#0000A0;}
h3.yellow {color:#E8E800}
h3.orange {color:#FF8000}
h3.red {color:#F00}
h3.violet {color:#8000FF}
h3.pink {color:#FF80C0}
/* ======================================== Contact Form  =================================================================  */

#fieldset-details dt {width:120px; float:left;clear:both;margin-top:8px;}
#fieldset-details dd {width:300px; float:left; margin-top:8px;}
#fieldset-details input, #fieldset-details select, #fieldset-details textarea {width:280px;}
#fieldset-details #dateOfBirth-day,#fieldset-details  #dateOfBirth-month,#fieldset-details  #dateOfBirth-year{width:25px;}
.filefield, select, option {
	color: #5b5e56;
	margin-bottom: 5px;
	margin-right: 40px;
	}
	
select {
	border: 1px solid #dcd9c6;
	}
	
/* ======================================== Donations  =================================================================  */

.instructions {border: 2px solid #999; padding:25px;margin:10px 0;font-size:16px;}

/* ======================================== Links  =================================================================  */

.linkcategory { margin-bottom:10px;}
.linklisting {border-bottom: 1px solid #bedac9;margin-bottom:6px;padding-bottom:6px;}
.linklisting a {color:#004080;}
#middle #main .linklisting p {padding-bottom:0;}
.clearfloat {clear:both; height:1px;}