/* 
	File Name:		main.css
	App Name:		Muslims for Science Education, Inc. (mfse.org)
	
	Date Created:	1/25/2006
	Created By:		Bradford Smith
	Creator Email:	bradford@saltechsystems.com
	Company:		Saltech Systems, Inc.
	
	Colors:			Top Nav Bar:		#DED9C3, #6A5D55
					Side Nav Area:		
	
	Comments:		This is the screen version of the .CSS for MFSE.  Each section of the page is labelled.
	
	UPDATE:			As of 5/4/2006, this was sorted alphabetically, making grouping by section a bit more
					difficult.  Comments were widely stripped.
*/


body {
		background-color: #6A5D55;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 0px;
}

body.Popup {
		background-color: #6A5D55;
		color: #DED9C3;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
}

/* Wrapper for all things neither Header nor Footer: */
#Body { background-color: #FFFFFF;}

#CenterCol {
		padding-right: 10px;
		vertical-align: top;
}

#ContentArea {
		vertical-align: top;
	 	padding: 0px 0px 0px 10px;
		/* height: 270px;
		min-height: 270px; */
}

/* These are the ContentTable style settings -- use these with display tables. */
/*===========================================*/
#ContentTable {
		font-family: Arial, Helvetica, sans-serif;
		border-top: 1px solid #818994;
		border-left: 1px solid #818994;
}

/* Display settings for tables with no records returned */
#ContentTable2 {
		font-family: Arial, Helvetica, sans-serif;
		border-top: 1px solid #818994;
		border-left: 1px solid #818994;
}
#ContentTable2 #NoRec {
		border-bottom: 1px solid #818994;
		border-right: 1px solid #818994;
}
#ContentTable2 .TableHeader {
		color: #000000;
		font-weight: bold;
		background-color: #DEDEDE;
		background-image: url(/images/nttop.png);
		border-right: 1px solid #818994;
		border-bottom: 1px solid #818994;
		text-align: center;
}
#ContentTable2 .OddRow { background-color: #FFFFFF; height: 1.5em; }
#ContentTable2 .HighlightRow { background-color: #FBFFCC; height: 1.5em; }
/* End no record table settings */

/* Sortable table (#ContentTable) style settings */
table.sortable a.sortheader {
		color: #000000;
		font-weight: bold;
		background-color: #DEDEDE;
		text-decoration: none;
		display: block;
}
table.sortable span.sortarrow {
		text-decoration: none;
} 
/* End sortable table settings */

#ContentTable .TableHeader {
		color: #000000;
		font-weight: bold;
		background-color: #DEDEDE;
		background-image: url(/images/nttop.png);
		border-right: 1px solid #818994;
		border-bottom: 1px solid #818994;
		text-align: center;
}

#ContentTable .TableHeader a,
#ContentTable .TableHeader a:visited {
		color: #000000;
		font-weight: bold;
		text-decoration: none;
}

#ContentTable .TableHeader a:hover,
#ContentTable .TableHeader a:active {
		color: #000000;
		font-weight: bold;
		text-decoration: underline;
}

#ContentTable .OddRow,
#ContentTable .EvenRow,
#ContentTable .HighlightRow { 
		height: 1.5em;
}

#ContentTable .OddRow { background-color: #FFFFFF; }
#ContentTable .EvenRow { background-color: #F0F8FF; }
#ContentTable .HighlightRow { background-color: #FBFFCC; }
#ContentTable .SumRow {
		background-color: #DEDEDE;
		background-image: url(/images/nttop.png);
		color: #000000;
		font-weight: bold;
}

#ContentTable .OddRow td,
#ContentTable .EvenRow td,
#ContentTable .HighlightRow td,
#ContentTable .SumRow td {
		border-right: 1px solid #818994;
		border-bottom: 1px solid #818994;
		vertical-align: middle;
}

#ContentTable table.CCDisplay {
		border: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
}

#ContentTable table.CCDisplay td {
		vertical-align: top;
		border: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

#ContentTable .contentLabel {
		width: 50%;
		text-align: right;
}

#ContentTable .contentLabelAligned {
		width: 50%;
		text-align: right;

		padding-top: 8px;
		vertical-align: top;
}

#ContentTable .contentData {
		width: 50%;
		text-align: left;
		border-right: 1px solid #818994;
}
/*===========================================*/
/* End ContentTable settings */

/* 'dspContent' determines the style of an Article when displayed in the Articles section. */
div.dspContent {
		font-family: Arial, Helvetica, sans-serif;
		margin: 6px 0px 6px 0px;
		width: 583px;
		max-width: 589px;
		overflow: auto;
}

.divForButtons {
		margin: 12px 0px 12px 0px;
		text-align: center;
}

/* ===== FOOTER ===== */
/*===============================================================*/
#FooterNav {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		display: block;
		text-align: center;
		color: #CCCAA7;
		padding: 6px 2px 6px 2px;
}

#FooterNav a.NavLink,
#FooterNav a.NavLink:visited,
#FooterNav a.NavLink:active {
		color: #DED9C3;
		text-decoration: none;
		font-weight: normal;
}

#FooterNav a.NavLink:hover {
		height: 24px;
		color: #EAE4CE;
		font-weight: normal;
		text-decoration: none;
}

#FooterNav a.SelectedPage,
#FooterNav a.SelectedPage:visited,
#FooterNav a.SelectedPage:active {
		color: #EACEB6;
		text-decoration: none;
		font-weight: normal;
}

#FooterNav a.SelectedPage:hover {
		height: 24px;
		color: #EAE4CE;
		font-weight: normal;
		text-decoration: none;
}

#CopyrightNotice {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		display: block;
		text-align: center;
		color: #CCCAA7;
		padding: 6px;
}
/*===============================================================*/
/* ===== END FOOTER ===== */

form {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

/* These are the Form style settings -- use these with all forms. */
/*===========================================*/
.FormTable {
		width: 100%;
		border: 1px solid #818994;
		font-family: Arial, Helvetica, sans-serif;
}

.FormTable .FormSectionLabel {
		background-color: #DEDEDE;
		background-image: url(/images/nttop.png);
		font-weight: bold;
		border-bottom: 1px solid #818994;
}


.FormTable .FormLabel {
		width: 40%;
		background-color: #F0F8FF;
		text-align: right;
}

.FormTable .FormLabelNoInput {
		background-color: #F0F8FF;
		text-align: center;
}

.FormTable .FormLabelArticles {
		background-color: #F0F8FF;
		text-align: left;
}

.FormTable .FormLabelAligned {
		width: 40%;
		background-color: #F0F8FF;
		text-align: right;
		padding-top: 8px;
		vertical-align: top;
}

.FormTable .FormInput {
		width: 60%;
		background-color: #FFFFFF;
		text-align: left;
}
/*===========================================*/
/* End Form Settings */

.greyText {
		color: #666666;
		vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 { 
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 12px; 
		margin-bottom: 12px; 
}

h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 {
		font-size: 12px;
		margin-bottom: 6px;
		margin-top: 6px;
}

#Header {
		height: 69px;
		background-color: #FFFFFF;
		padding: 0px 0px 3px 0px;
}

#HeaderLink {
		text-decoration: none;
		font-weight: normal;
}

img { 	border: 0px; }

img.Popup {
		border: 3px solid #4C3C2F;
		background-color: #FFFFFF;
		padding: 8px 2px 2px 8px;
}

.LeftSide { width: 5px; }

.Legend {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px 10px 0px 0px;
		text-align: right;
}

/* Login Section */
.LoginBackground {
		background-color: #6A5D55;
		width: 162px;
		min-width: 162px;
		max-width: 162px;
		padding: 0px 0px 0px 0px;
		margin: 12px 0px 0px 0px;
		height: 100%;
}
body>.LoginBackground { height: 100%; }

.LoginContainer {
		margin: 6px 6px 6px 6px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		width: 150px;
		min-width: 150px;
		max-width: 150px;
}

.Login {
		margin: 8px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		width: 100%;
} 

.LoginTitle {
		background-color: #CCCAA7;
		text-align: center;
		font-weight: bold;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 12px;
}

.LoginInput {
		padding: 0px 0px 0px 0px;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 12px;
}

.LoginInput input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; 
		width: 76px; 
		max-width: 76px; 
}

.LoginButtons {
		text-align: center;
		padding: 6px 0px 6px 0px;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 12px;
}

.LoginButtons input { 
		width: 36px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

.LoginDSP { 
		padding: 0px 6px 0px 6px;
		text-align: center;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 12px;
}

a.LoginLink,
a.LoginLink:visited,
a.LoginLink:link {
		text-decoration: none;
		font-weight: normal;
		color: #632812;
}

a.LoginLink:hover { text-decoration: underline; }
/* End Login */

.LowerCorners { height: 5px; }

#MainContent {
		width: 100%;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

#MainContent h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#MainContent a,
#MainContent a:visited,
#MainContent a:active {
		text-decoration: underline;
		color: #8F3C1A;
		font-weight: normal;
}

#MainContent a:hover {
		color: #632812;
		font-weight: normal;
}

#MainContent .addNewLinkTop {
		float: right;
		margin-right: 10px;
		text-decoration: none;
}

#MainContent .addNewLinkBottom { text-decoration: none; }

#MainContent #Title {
		height: 29px;
		line-height: 29px;
		max-height: 29px;
}

#MainContent ul.LinkList {
		list-style-type: none;
		list-style-image: none;
		margin: 0px 0px 0px 0px;
		padding: 6px 0px 0px 0px;
}
#MainContent ul.LinkList li { padding-bottom: 6px; }

/* Members Only settings */
.MemberLinks {
		color: #632812;
		background-color: #CCCAA7;
		font-weight: bold;
		font-size: 11px;
		border-bottom: 1px solid #7B6E68;
		margin: 0px;
		padding: 4px 12px 4px 12px;
		text-align: left;
		display: block;
}

.MessageBar {
		font-size: 11px;
		font-weight: normal;
		color: #632812;
		line-height: 1.5em;
		width: 100%;
		display: block;
		position: relative;
		top: -10px;
		left: -10px;
		margin: 0px;
		padding: 0px;
		border-right: 10px solid #FFFF99;
		background-color: #FFFF99;
}

#NavArea {
		background-color: #DCDAB3;
		width: 162px;
		vertical-align: top;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 0px 201px 0px;
		background-repeat: no-repeat;
		background-position: bottom;
}

#NavBar1 {
		color: #DED9C3;
		float: left;
		clear: left; 
}

#NavBar1 td {
		border-right: 2px solid #908C89;
		text-align: center;
}

#NavBar2 {
		color: #DED9C3;
		float: right;
		clear: right;
}

#NavBar2 td {
		border-left: 2px solid #908C89;
		text-align: center;

}

#NavBar1 a.NavLink,
#NavBar2 a.NavLink {
		background-color: #6A5D55;   /*#7B6E68*/
		padding: 0px 16px 0px 16px;
		display: block;
		height: 24px;
		line-height: 24px;
		color: #DED9C3;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		vertical-align: middle;
}

#NavBar1 a.NavLink:visited,
#NavBar1 a.NavLink:active,
#NavBar2 a.NavLink:visited,
#NavBar2 a.NavLink:active {
		color: #DED9C3;
		text-decoration: none;
		font-weight: bold;
}

#NavBar1 a.NavLink:hover,
#NavBar2 a.NavLink:hover {
		display: block;
		background-color: #DED9C3;
		height: 24px;
		line-height: 24px;
		color: #6A5D55;   /*#7B6E68*/
		font-weight: bold;
		text-decoration: none;
}

#NavBar1 a.SelectedPage,
#NavBar2 a.SelectedPage {
		background-color: #DED9C3; /* #938073; */
		padding: 0px 16px 0px 16px;
		display: block;
		height: 24px;
		line-height: 24px;
		color: #6A5D55;   /*#7B6E68*/ /* #DED9C3; */
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		vertical-align: middle;
}

#NavBar1 a.SelectedPage:visited,
#NavBar1 a.SelectedPage:active,
#NavBar2 a.SelectedPage:visited,
#NavBar2 a.SelectedPage:active {
		color: #6A5D55; /* #CECCA9; #DED9C3; */
		text-decoration: none;
		font-weight: bold;
}

#NavBar1 a.SelectedPage:hover,
#NavBar2 a.SelectedPage:hover {
		display: block;
		background-color: #DED9C3;
		height: 24px;
		line-height: 24px;
		color: #6A5D55;  /* #7B6E68; */
		font-weight: bold;
		text-decoration: none;
}

#Page {
		width: 800px;
		margin: 0px auto;
		padding: 0 0 0 0;
		background-color: #FFFFFF;
}

#Page .Sections { width: 789px; }

#RightCol,
.RightCol {
		vertical-align: bottom;
		text-align: right;
		width: 171px;
}

.RightSide { width: 6px; }

.rowWithBorder {
		border-bottom-width: thin; /* border-bottom-width: 2px; */
		border-bottom-color: #6A5D55;
		border-bottom-style: ridge; /* border-bottom-style: solid; */
}

#RSideContent {
		width: 171px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

.SectionSpacer {
		width: 100%;
		height: 3px; 
		line-height: 3px;
		background-color: #FFFFFF;
}

#SideNav {
		border: 0px;
		margin: 0px 0px 0px 0px;
		color: #632812;
		width: 100%;
		padding: 0px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
}

#SideNav .Links {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		vertical-align: top;
}

#SideNav .LinkList {
		border-top: 1px solid #7B6E68;
		border-right: 0px;
}

#SideNav span.redText {
		color: #632812;
		font-family: Courier, mono;
		font-size: 10px;
		border: 0;
		margin: 0;
		padding: 0;
		vertical-align: middle;
}

#SideNav a.NavLink {
		background-color: #DCDAB3;
		display: block;
		padding: 0px 12px 0px 12px;
		margin: 0px;
		border-bottom: 1px solid #7B6E68;
		/* width: 100px; */
		text-decoration: none;
		font-weight: normal;
		color: #632812;
		vertical-align: middle;
		text-align: left;
		line-height: 24px;
}

#SideNav a.DonateNow {
		background-color: #DCDAB3;
		padding-top: 5px;
		padding-left: 11px;
		padding-bottom: 5px;
		display: block;
		text-decoration: none;
		font-weight: normal;
		color: #632812;
		width:120;
}

#SideNav a.DonateNow:hover { background-color: #EAE8C0; }

#SideNav a.DonateSelected {
		color: #632812;
		background-color: #EACEB6;
		padding-top: 5px;
		padding-left: 11px;
		padding-bottom: 5px;
		display: block;
		text-decoration: none;
		font-weight: normal;
		color: #632812;
		width:120;
}

#SideNav a.NavLink:visited,
#SideNav a.NavLink:active,
#SideNav a.NavLink:hover {
		text-decoration: none;
		font-weight: normal;
}

#SideNav a.NavLink:visited { color: #632812; }
#SideNav a.NavLink:hover { background-color: #EAE8C0; }

#SideNav a.SelectedPage {
		color: #632812;
		background-color: #CCCAA7;
		display: block;
		padding: 0px 12px 0px 12px;
		border-bottom: 1px solid #7B6E68;
		/* width: 100px; */
		text-decoration: none;
		vertical-align: middle;
		text-align: left;
		line-height: 24px;
}

#SideNav a.SelectedPage:visited,
#SideNav a.SelectedPage:active,
#SideNav a.SelectedPage:hover {
		text-decoration: none;
		font-weight: normal;
}

#SideNav a.SelectedPage:visited { color: #632812; }
#SideNav a.SelectedPage:hover { background-color: #EAE8C0; }

/* Settings for the side links on the Article display pages */
#SideNav a.NavLink2 {
		color: #632812;
		background-color: #EAE4CE;
		display: block;
		padding: 0px 12px 0px 12px;
		margin: 0px;
		border: 0px;
		text-decoration: none;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
		line-height: 24px;
}

#SideNav a.NavLink2:visited,
#SideNav a.NavLink2:active,
#SideNav a.NavLink2:hover {
		text-decoration: none;
		font-weight: normal;
}

#SideNav a.NavLink2:hover {
		background-color: #FFF4DD; /* #E2DDC9 */
		color: #632812;
}

#SideNav a.SelectedPage2 {
		color: #632812;
		background-color: #EACEB6; /* #D6C9A7; */
		display: block;
		padding: 0px 12px 0px 12px;
		margin: 0px;
		border: 0px;
		text-decoration: none;
		font-weight: 500;
		vertical-align: middle;
		text-align: left;
		line-height: 24px;
}
#SideNav a.SelectedPage2:visited,
#SideNav a.SelectedPage2:active,
#SideNav a.SelectedPage2:hover {
		text-decoration: none;
		font-weight: 500;
}

#SideNav a.SelectedPage2:hover {
		background-color: #FFF4DD; /* #EACEB6 */
		color: #632812;
}

#SideNav div.ArtLinkList {
		background-color: #EAE4CE;
		display: block;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		vertical-align: middle;
		text-align: left;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
}

#SideNav .a_label {
		color: #632812;
		background-color: #EACEB6; /* #D6C9A7; #CCCAA7; */
		font-weight: bold;
		font-size: 11px;
		border-top: 1px solid #7B6E68;
		border-bottom: 1px solid #7B6E68;
		margin: 0px;
		padding: 4px 12px 4px 12px;
		text-align: left;
		display: block;
}

#SideNav .a_line {
		display: block;
		position: relative;
		background-color: #7B6E68;
		line-height: 1px;
		width: 162px;
		min-width: 162px;
		max-width: 162px;
		height: 1px;
		max-height: 1px;
		min-height: 1px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
}

#SideNav ul.a_linklist {
		list-style-type: none;
		list-style-position: outside;
		margin: 0;
		padding: 6px 4px 6px 10px;
		text-align: left;
		border-bottom: 1px solid #7B6E68;
}

#SideNav ul.a_linklist li {
		display: block;
		margin: 0px;
		padding: 0px 0px 4px 3px;
		text-align: left;
		font-size: 11px;
}

#SideNav ul.a_linklist li.defaultArticle {
		text-indent: -9px;
		display: block;
		margin: 0px;
		padding: 0px 0px 4px 1px;
		text-align: left;
		font-size: 11px;
}

#SideNav ul.a_linklist span.defaultArticle {
		font-family: Courier, mono;
		font-size: 10px;
		/*vertical-align: middle;*/
}

#SideNav a.ArticleLink,
#SideNav a.ArticleLink:active,
#SideNav a.ArticleLink:visited {
		text-decoration: none;
		font-weight: normal;
		color: #632812;
}

#SideNav a.ArticleLink:hover {
		text-decoration: underline;
		font-weight: normal;
		color: #632812;
}
/* End side link settings for Article display pages */

table.Popup { width: 100%; }

.Title {
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		color: #8F3C1A;
}

#TopNav {
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
}

#TopNav td {
		background-color: #6A5D55;
}

.UpperCorners { height: 6px; }
.UpperSides { height: 69px; }