/* @override http://www.muslimleadersoftomorrow.org/css/screen.css */

body{
margin:0;
padding:0;
font: 12px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #6b757d;
	background: url(/images/footer-bg.jpg) no-repeat center bottom;
}
a:link, a:visited{
	color: #162c3d;
	text-decoration: underline;
}
a:hover{
	color: #c78d02;
	text-decoration: underline;
}
.clear {
	font-size: 0;
	line-height: 0.0;
	height: 0;
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#maincontainer{
width: 100%;
margin: 0 auto;
	background: url(/images/header-bg.gif) no-repeat center top;
}

#container{
width: 1036px; 
margin: 0 auto;
}

/* @group Top Section */

#topsection p.forgot {
	margin-top: 0;
	clear: left;
	text-align: right;
	padding-right: 15px;
	font-size: 11px;
}

#topsection{
height: 38px; 
}
#topsection .login{
	padding-top: 10px;
	width: 400px;
	float: left;
}
#topsection .login, #topsection .login a, #topsection .login a:visited{
	color: #fff;
}
#topsection .login a:hover{
	color: #fff;
	text-decoration: none;
}
#topsection .login input, #topsection .login span{
	float: left;
}
#topsection .login input.login-field{
	background: url(/images/login-field.gif) no-repeat left top;
	border: none;
	width: 104px;
	height: 14px;
	padding: 4px 4px 4px 10px;
}
#topsection .login span{
	color: #fff;
	padding-top: 3px;
	padding-right: 3px;
}
#topsection .navigation{
	padding-top: 10px;
}

/* @end */

/* @group Content Column */

#contentwrapper{
float: left;
width: 100%;
}

body#home #contentcolumn{
margin: 25px 260px 0 248px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
.inside-search{
	margin-left: 775px;
	margin-bottom: 10px;
	margin-top: 60px;
}
.inside-search h3{
	height: 28px;
	background: url(/images/search-heading.gif) no-repeat left 6px;
	margin-bottom: 5px !important;
	margin-top: 10px;
}
.inside-search input{
	float: left;
}
.inside-search input.search-field{
	margin-right: 2px;
	width: 191px;
	height: 16px;
	background: url(/images/search-bg.gif) no-repeat left top;
	border: none;
	padding: 3px 5px 3px 10px;
}
#contentcolumn{
margin: 25px 0 0 248px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
body#home #contentcolumn .innertube{
	margin: 0;
	padding: 0 20px 20px;
}
#contentcolumn .innertube{
	margin: 0;
	padding: 0 0 20px 20px;
}
#contentcolumn h1{
	color: #162c3d;
	margin-top: 0;
	font: normal normal 23px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

#contentcolumn h2, div.tableHeading{
color: #0076bf;
	margin-top: 0;
	font: normal normal 18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
}
#contentcolumn h3{
color: #0076bf;
	margin-top: 0;
	font: normal normal 15px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
}
#contentcolumn .behind-mlt h3{
}
#contentcolumn h3.date{
		color: #9cb664;

	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contentcolumn p{
	margin-top: 0;
	margin-bottom: 15px;
}

#contentcolumn img.left{
	float: left;
	border: 5px solid #d6e4e8;
	margin: 0 5px 5px 0;
}
#contentcolumn img.right{
	float: right;
	border: 5px solid #d6e4e8;
	margin: 0 0 5px 5px;
}
#contentcolumn .entry{
	margin-bottom: 15px;
}
body#home #contentcolumn .entry ul.more-bar{
	padding: 2px 0px;
	margin: 0;
	background: url(/images/blog-more-bar.jpg) no-repeat left top;
}
#contentcolumn .entry ul.more-bar{
	padding: 2px 0px;
	margin: 0;
	background: url(/images/more-bar-wide.jpg) no-repeat left top;
}
#contentcolumn .entry ul.more-bar li{
	list-style-type: none;
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	background-image: none;
}
#contentcolumn .entry ul.more-bar li a, #contentcolumn .entry ul.more-bar li a:visited{
	color: #9cb664;
	text-decoration: none;
	background: url(/images/more-divider.gif) no-repeat right center;
	display: block;
	margin: 0 8px 0 0;
	padding: 4px 10px 4px 0;
}
#contentcolumn .entry ul.more-bar li a:hover{
	text-decoration: underline;
}
#contentcolumn .entry ul.more-bar li a.more, #contentcolumn .entry ul.more-bar li a:visited.more{
	color: #c78d02;
	background: url(/images/blog-more-icon.gif) no-repeat right center;
	padding-right: 25px;
}
#contentcolumn .entry ul.more-bar li a:hover.more{
	text-decoration: underline;
}
#contentcolumn .blog-more a.feed, #contentcolumn .blog-more a:visited.feed{
	background: url(/images/feed-icon.jpg) no-repeat left center;
	display: block;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 50%;
	float: left;
	color: #80979c;
	text-decoration: none;
}
#contentcolumn .blog-more a:hover.feed{
	color: #c78d02;
	text-decoration: none;
}
#contentcolumn .blog-more img.more{
	float: right;
	border: none;
	background-color: #fff;
}

td.option_one{
	background-color: #f6fbec;
}

td.option_two{
	background-color: #f3f7f8;
}
td.resultHead{
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
table.breadcrumb {
	font-size: 13px;
		color: #c78d02;
border-bottom: 1px dotted #c78d02;
	margin-bottom: 10px;
}
#contentcolumn img{
	background-color: #c78d02;
	padding: 2px;
}
#contentcolumn img.border-none, #contentcolumn .behind-mlt img{
	background-color: #fff;
	padding: 0px;
	}
#contentcolumn ol, #contentcolumn ul{
	padding: 0;
	margin: 15px 0;
}
#contentcolumn ol li, #contentcolumn ul li{
	background: url(/images/li-img.gif) no-repeat left 2px;
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 8px;
}
#contentcolumn .divider{
	border-bottom: 1px solid #d3e2e7;
	margin-bottom: 15px;
}

#contentcolumn .comment-entry{
	margin-bottom: 35px;
		background: url(/images/comments-top.gif) no-repeat left top;
	padding-top: 15px;
	color: #6d8a2f;
}
#contentcolumn .comment-posted{
		background: url(/images/comments-btm.gif) no-repeat left top;
	padding-top: 12px;
	padding-left: 60px;
	font-size: 11px;
	margin: 0;
		color: #80979c;

}
#contentcolumn .comment{
}
#contentcolumn .comment p{
	margin: 0;
	padding-bottom: 5px;
			background: url(/images/comments-bg.gif) repeat-y left top;
	padding-left: 10px;
	padding-right: 30px;
}
#contentcolumn .paginate{
	font-size: 10px;
	text-align: right;
}
#contentcolumn .behind-mlt span{
	display: block;
	float: left;
	width: 50%;
	margin-bottom: 20px;
	font-weight: bold;
}
#contentcolumn #charter{
	width: 757px;
}
#contentcolumn #charter .heading{
	height: 96px;
	background: url(/images/charter-headingbg.gif) no-repeat left top;
	font-family: Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding: 0 10px 0 70px;
}
#contentcolumn #charter .heading span.first, #contentcolumn #charter .heading span.second{
	display: block;
	float: left;
	color: #fff;
	font-size: 55px;
	margin-top: 40px;
	font-weight: bold;
}
#contentcolumn #charter .heading span.second{
	margin-left: 230px;
}
#contentcolumn #charter .text{
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	background: #6bc729 url(/images/charter-text-top.gif) no-repeat left top;
	margin: 5px 0;
}
#contentcolumn #charter .text span{
	display: block;
	background: url(/images/charter-text-bottom.gif) no-repeat left bottom;	padding: 20px;

}
#contentcolumn #charter .text p.small{
	margin: 0;
	font-size: 12px;
}

/* @end */

/* @group Left Column */

#leftcolumn{
float: left;
width: 248px; /*Width of left column in pixel*/
margin-left: -1036px;

}
#leftcolumn .logo{
	height: 235px;
	background: url(/images/colm1-bg-top.gif) no-repeat left top;
	padding-right: 5px;
}
#leftcolumn .logo img{
	display: block;
	margin: 0 auto;
	padding-top: 5px;
}
#leftcolumn .left{
	background: #d8e5ea url(/images/colm1-bg-top2.jpg) no-repeat left top;
}
#leftcolumn .left .innertube{
	margin: 0;
	padding: 10px;
}
#leftcolumn .left .bottom{
	background: url(/images/colm1-bg-btm.gif) no-repeat center bottom;
	padding-bottom: 30px;
}

#leftcolumn .buttons img{
	margin: 0 auto 10px;
	display: block;
}

#leftcolumn .charter h3{
	height: 28px;
	background: #b8d2dc url(/images/charter-heading.gif) no-repeat 10px 6px;
	margin-bottom: 0;
	margin-top: 10px;
}

#leftcolumn .charter h3 span, #leftcolumn .poll h3 span, body#home #rightcolumn .search h3 span, body#home #rightcolumn .video h3 span, body#home #rightcolumn .meet-mlts h3 span, body#home #leftcolumn .search, .inside-search h3 span{
	display: none;
}
#leftcolumn .charter blockquote{
	margin: 0 0 10px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(/images/quote-up.gif) no-repeat left top;
	color: #051b2e;
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
}
#leftcolumn .charter blockquote p{
	background: url(/images/quote-down.gif) no-repeat right bottom;
	padding-right: 20px;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
}
#leftcolumn .charter a.link, #leftcolumn .charter a:visited.link{
	color: #a35603;
	text-decoration: underline;
	font-size: 11px;
	margin-left: 20px;
}
#leftcolumn .charter a:hover.link{
	text-decoration: none;
}


#leftcolumn .poll h3{
	height: 28px;
	background: #b8d2dc url(/images/polls-heading.gif) no-repeat 10px 6px;
	margin: 0px 0 0;
}
.lg-poll p{
	color: #051b2e;
	font-size: 13px;
	margin-top: 0;
	line-height: 17px;
	margin-bottom: 10px;
	font-weight: bold;
}
#leftcolumn ul.option{
	margin: 0;
	padding: 0;
}
#leftcolumn ul.option li{
	display: block;
	list-style-type: none;
	margin: 0 0 5px;
	color: #435f75;
	font-style: italic;
	font-size: 12px;
}
#leftcolumn ul.option input{
	margin-right: 8px;
}
#leftcolumn .poll h4{
	background-color: #e8f0f3;
	color: #5b7d13;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	padding: 2px;
}


ul.lg-polls-answers {
	margin: 0 0 10px;
	padding: 0;
	color: #3b576d;
	font-size: 11px;
	line-height: 13px;
}
ul.lg-polls-answers li{
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0 0 5px 8px;
}
ul.lg-polls-answers li.a-0{
		border-left: 5px solid #9ec54c;

}
ul.lg-polls-answers li.a-1{
		border-left: 5px solid #1b76bc;

}
ul.lg-polls-answers li.a-2{
		border-left: 5px solid #f5ae04;

}
ul.lg-polls-answers li.a-3{
		border-left: 5px solid #a35603;

}

span.answer-total-votes {
	float: right;
	font-weight: bold;
	color: #000;
}

/* @end */

/* @group Right Column */
#rightcolumn{
	display: none;
}
body#home #rightcolumn{
float: left;
width: 260px; /*Width of right column*/
margin-left: -260px;
	margin-top: 125px;
	display: block;
}
body#home #rightcolumn .widget{
	border-bottom: 1px solid #d3e2e7;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
body#home #rightcolumn .search h3{
	height: 28px;
	background: url(/images/search-heading.gif) no-repeat left 6px;
	margin-bottom: 0;
	margin-top: 10px;
}
body#home #rightcolumn .search input{
	float: left;
}
body#home #rightcolumn .search input.search-field{
	margin-right: 2px;
	width: 191px;
	height: 16px;
	background: url(/images/search-bg.gif) no-repeat left top;
	border: none;
	padding: 3px 5px 3px 10px;
}

body#home #rightcolumn .video h3{
	height: 28px;
	background: #fff url(/images/video-heading.gif) no-repeat left 6px;
	margin-bottom: 0;
	margin-top: 10px;
}
body#home #rightcolumn .video a.link, body#home #rightcolumn .video a:visited.link, body#home #rightcolumn .meet-mlts a.link, body#home #rightcolumn .meet-mlts a:visited.link{
	color: #c78d02;
	text-decoration: underline;
	font-size: 11px;
	display: block;
	line-height: 14px;
	width: 260px;
}
body#home #rightcolumn .video a:hover.link, body#home #rightcolumn .meet-mlts a:hover.link{
	text-decoration: none;
}
body#home #rightcolumn .video a.link, body#home #rightcolumn .video a:visited.link{
	text-align: right;
}

body#home #rightcolumn .meet-mlts h3{
	height: 28px;
	background: #fff url(/images/meet-mlts-heading.gif) no-repeat left 6px;
	margin-bottom: 0;
	margin-top: 10px;
}
body#home #rightcolumn .meet-mlts .members{
	padding-top: 10px;
}
body#home #rightcolumn .meet-mlts .members a, body#home #rightcolumn .meet-mlts .members a:visited{
	border: 3px solid #cce892;
	display: block;
	float: left;	
	margin-right: 10px;
	margin-bottom: 10px;
}
body#home #rightcolumn .meet-mlts .members a:hover{
	border: 3px solid #c78d02;
}

/* @end */

/* @group Footer */

#footer{
clear: left;
width: 100%;
padding: 50px 0 4px;
color: #7999b2;
font-size: 11px;
	height: 93px;
}
#footer ul{
	margin: 0;
	padding: 0;
	width: 70%;
	float: left;
}
#footer ul li{
	display: inline;
	list-style-type: none;
	margin-right: 10px;
}
#footer ul li a, #footer ul li a:visited{
color: #7999b2;
	text-decoration: none;
}
#footer ul li a:hover{
	text-decoration: underline;
}
#footer p.copyright{
	width: 30%;
	float: right;
	margin-top: 0;
	text-align: right;
}

/* @end */

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
#sidebar-container{
width: 285px;
float: right;
margin: 0 0 10px 10px;

}
#sidebar
{
background-color: #f1f6e6;
border: 1px solid #a1cee8;
border-bottom: 3px solid #a1cee8;
	margin-bottom: 20px;
}

#sidebar-container h3{
color: #0076bf;
	font: normal normal 18px Georgia, "Times New Roman", Times, serif;
border-bottom: 1px dotted #9cb664;
margin: 0 0 5px;
padding: 5px;
	background: #e7f3fa url(/images/side-bar-bg.gif) no-repeat right top;
}
#sidebar-container p{
margin: 6px;
}
#sidebar-container ul{
padding: 0 0 0 25px;
margin: 0;
}
#sidebar-container ul li{
list-style-type: square;
margin-bottom: 10px;
	background-image: none;
	padding-left: 0;
}
#sidebar-container img{
	background-color: #5392b6;
	padding: 2px;
	
}
#sidebar-members{
background-color: #d6e4e9;
border: 1px solid #a1cee8;
border-bottom: 3px solid #a1cee8;
	color: #35424d;
}
#sidebar-members h3{
	color: #975c00;
}
/* Tool tips */
.tip-top {
color: #fff;
width: 139px;
z-index: 13000;
}
.tip-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background: url(/images/bubble.png) top left;
}
.tip-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(/images/bubble.png) bottom right;
color:#fff;
}
.tip-text A {
color:#069;
}
.tip-loading {
background: url(ajax_load.gif) center center no-repeat;
width: 30px;
height: 30px;
margin: 0 auto;
}/* End of tool tips */
.member_photo {
	width: 130px;
	float: left;
	height: 170px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.member_photo p {
	text-align: left;	
}
#member_bio .bio{
	height: 200px;
	overflow: auto;
	padding: 0 8px 0 0;
	margin: 0;

}
p.pagination {
	width: 100%;
	clear: left;
	text-align: center;
	font-size: larger;
}
.errFld {border: 1px solid #F00 !important;} 
.errMsg {color: #C33 !important;} 

#member_form form, #update_profile form{
	margin: .8em 0 1.6em 0; 
	padding: 10px;
} 
#member_form fieldset, #update_profile fieldset{
	border: 1px dotted gray;
	margin: 0 0 1em 0;
	padding: .5em 1em 1.2em 1em;
} 
#member_form fieldset legend .defaultBold, #update_profile fieldset legend .defaultBold {
	color: #589ace !important;
} 
#member_form fieldset legend, #update_profile fieldset legend {
	margin: 0;
	padding: 0 5px;
	background-color: white;
}
#member_form .left, #update_profile .left {
	float: left;
}

#member_form .right, #update_profile .right{
	float: right;
}

#member_form .clear, #update_profile .clear {
	clear: both !important;
}
#member_form .full, #update_profile .full {
	width: 100% !important;
	clear: both;
	display: block;
}
#member_form label.defaultBold, #update_profile label.defaultBold{
font-weight: bold;
	font-size: 13px;
	color: #051b2e;
	display: block;
	}
#member_form .third, #update_profile .third{
	width: 32% !important;
}

#member_form .half, #update_profile .half {
	width: 48% !important;
	clear: both;
	display: block;
}

#member_form span.left, #member_form span.right, #update_profile span.left, #update_profile span.right {
	width: 47%;
	margin: 0;
}
#member_form span.full input, #member_form span.full select, #member_form span.left input, #member_form span.right input,#member_form span.left select,#member_form span.right select,#member_form span.full textarea,#member_form span.left textarea,#member_form span.right textarea, #update_profile span.full input, #update_profile span.full select, #update_profile span.left input, #update_profile span.right input,#update_profile span.left select,#update_profile span.right select,#update_profile span.full textarea,#update_profile span.left textarea,#update_profile span.right textarea {
	width: 100%;
}
#member_form fieldset.recent div.recent-defaultBold, #update_profile fieldset.recent div.recent-defaultBold{
	width: 18%;
	float: left;
	clear: right;
	margin-right: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #051b2e;

}
#member_form fieldset.recent div.recent-defaultBold input, #update_profile fieldset.recent div.recent-defaultBold input{
	width: 120px;


}
#member_form .row, #update_profile .row{
widows: 100% !important;
	clear: right;

}
#member_form .fixheight, #update_profile .fixheight{
	height: 50px;
}