/*
-----------------------------------------------
Al Islam Base Styles
Version:  19 June 10
----------------------------------------------- */



body {
    background: url("../sitewide-images/homepage-images/bg_al-islam.gif");
    margin-bottom: 20px;
    }


/* hide content from css-enabled browsers */
.accessible {
    display: none;
    }

#container-page {
    width: 760px;
    margin: 0 auto;
    }

/* image replacement */
.replace {
    position:relative;
    margin:0px;
    padding:0px;
    overflow: hidden;
    }

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

sup {
	font-size: 70%;
	position: relative;
	vertical-align: super;
	margin-left: -.4em;
	line-height: 1px;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* =Branding
----------------------------------------------- */

#container-branding {
    text-align: center;
    }

/* image replacement for the Bismillah */
#bismillah {
    background:    url("../sitewide-images/homepage-images/text_bismillah.gif") no-repeat;
    width: 113px;
    height: 13px;
    margin: 0 auto;
    }

/*#container-bismillah {
    margin: 0 auto;
    width: 113px;
    height: 13px;
    }
*/



/* =Body
----------------------------------------------- */



#container-body {
    background-color: #fff;
    margin: 30px auto 10px auto;
    padding: 0;
    float: left;
    }

/* image replacement for the Muslims For Peace header */
#text-MuslimsForPeace {
    background:    url("../sitewide-images/muslims-for-peace-images/text-MuslimsForPeace.gif") no-repeat;
    width: 760px;
    height: 93px;
    }
    
/* image replacement for the Love For All header */
#text-LoveForAll {
    background:    url("../sitewide-images/muslims-for-peace-images/text-LoveForAll.gif") no-repeat;
    width: 760px;
    height: 47px;
    margin-bottom: 40px;
    }

/* container that holds the large dove image -- it does special positioning to achieve the dynamic overlay effect that does not invoke a horizontal scrollbar as the dove bleeds off the page */
#DoveOfPeace {
	position: absolute;
	top: -45px;
	left: 60%;
	right: 0;
	z-index: 1;
	overflow: hidden;
	text-align: right;
}

/* using tables because matching div heights is not possible via pure CSS */

.teaserTable {
	margin: 0 10px 40px;
	font: 77% Verdana, sans-serif;
}

.teaserTable .fourth {
	font: 108%/1.3em Georgia, "Times New Roman", Times, serif;
}


/* setting spacing between the cells -- there may be a better way to do this */


.teaserTable th,
.teaserTable td
{
	border-right: 20px solid white;
	border-left: 20px solid white;
	vertical-align: top;
}
	.teaserTable th
	{
		border-top: 20px solid white;
	}


.teaserTable th
{
	padding: 8px 8px 6px;
	width: 324px;
	height: 23px ;
}

.teaserTable .fourth th {
	border-bottom: 1px solid lightgray;
	padding-bottom: 2px;
}


/* a wrapper is needed since we cannot apply position:relative to a td. this is needed so we can position the "learn more" link to the bottom right of every table cell */

.teaserTable td .wrapper
{
	position: relative;
	padding:10px 10px 0 150px;
	min-height: 140px;
}

.teaserTable .fourth td
{
	height: 195px;
	overflow: visible;
	padding-top: 10px;
}


/* image replacements for the table headers */
#text-IslamIsPeace {
    background:    url("../sitewide-images/muslims-for-peace-images/text-IslamIsPeace.png") no-repeat;
    width: 136px;
    height: 23px;
    margin: 0 auto;
    }
#text-WeCondemnTerrorism {
    background: url("../sitewide-images/muslims-for-peace-images/text-WeCondemnTerrorism.png") no-repeat;
    width: 234px;
    height: 23px;
    margin: 0 auto;
    }

#text-WeAreLoyalToOurCountry {
    background:    url("../sitewide-images/muslims-for-peace-images/text-WeAreLoyalToOurCountry.png") no-repeat;
    width: 293px;
    height: 23px;
    margin: 0 auto;
    }
#text-TheTrueMeaningOfJihad {
    background:    url("../sitewide-images/muslims-for-peace-images/text-TheTrueMeaningOfJihad.png") no-repeat;
    width: 257px;
    height: 23px;
    margin: 0 auto;
    }

#text-SeparationOfReligionAndState {
    background:    url("../sitewide-images/muslims-for-peace-images/text-SeparationOfReligionAndState.png") no-repeat;
    width: 295px;
    height: 23px;
    margin: 0 auto;
    }
#text-HumanRightsForAll {
    background:    url("../sitewide-images/muslims-for-peace-images/text-HumanRightsForAll.png") no-repeat;
    width: 205px;
    height: 23px;
    margin: 0 auto;
    }

.fourth h3 {
	font: 153.9% "Times New Roman", Times, serif;
}


/* background images for the cells */
#content-IslamIsPeace {
	background-image: url(../sitewide-images/muslims-for-peace-images/image-PeaceDove.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
#content-WeCondemnTerrorism {
	background-image: url(../sitewide-images/muslims-for-peace-images/image-NoTerrorism.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#content-WeAreLoyalToOurCountry {
	background-image: url(../sitewide-images/muslims-for-peace-images/image-FlagsGlobe.png);
	background-repeat: no-repeat;
	background-position: 20px 8px;
}
#content-TheTrueMeaningOfJihad {
	background-image: url(../sitewide-images/muslims-for-peace-images/image-InkPot.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}

#content-SeparationOfReligionAndState {
	background-image: url(../sitewide-images/muslims-for-peace-images/image-SeparationReligionState.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
#content-HumanRightsForAll {
	background-image: url(../sitewide-images/muslims-for-peace-images/image-HumanRightsForAll.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}


.fourth p {
	
}


#content-OurFounder .wrapper-Photo {
	float: left;
	width: 132px;
}
#content-OurLeader .wrapper-Photo {
	float: right;
	width: 132px;
}



.wrapper-Photo .caption {
	text-align: center;
}
.wrapper-Photo a {
	text-decoration: none;
	color: black;
}
.wrapper-Photo a:hover {
	text-decoration: underline;
	color: #00e;
}



#content-OurFounder .text {
	margin-left: 144px;
}
#content-OurLeader .text {
	margin-right: 144px;
}




/* learn more link positioning */
.teaserTable .link-LearnMore {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	text-decoration: none;
	color: white;
	padding: 4px 22px 6px 16px;
	font-weight: bold;
	font-size: 85%;
	background: black url(../sitewide-images/muslims-for-peace-images/icon-RightArrow.png) no-repeat 87px 7px;
	-webkit-border-top-left-radius: 19px;
	-moz-border-radius-topleft: 19px;
	border-top-left-radius: 19px;
	
}

.teaserTable .link-LearnMore:hover {
	background-color: black !important;
}


/* custom color skinning for the tables */
.teaserTable .first th,
.teaserTable .first .link-LearnMore {
	background-color: #532224;
}
.teaserTable .first td {
	background-color: #ead7d7;
}

.teaserTable .second th,
.teaserTable .second .link-LearnMore {
	background-color: #416948;
}
.teaserTable .second td {
	background-color: #e8f2e9;
}

.teaserTable .third th,
.teaserTable .third .link-LearnMore {
	background-color: #1f3c53;
}
.teaserTable .third td {
	background-color: #e9ecf0;
}

.note {
	font-size: 66%;
	font-family: Georgia;
	font-style: italic;
	color: #a1a690;
	padding-bottom: 10px;
	text-align: center;
}


#wrapper-WeAreTheAMC {
	background: #e0ded9 url(../sitewide-images/muslims-for-peace-images/bg-GraySheen.png) repeat-y;
	border-top: 1px solid #dad9d5;
	border-bottom: 1px solid #dad9d5;
	text-align: center;
	padding: 15px 0;
	margin: 0 0 15px;
}

/* image replacement for the We Are AMC */
#text-WeAreTheAMC {
    background: url(../sitewide-images/muslims-for-peace-images/text-WeAreTheAMC.png) no-repeat;
    width: 508px;
    height: 27px;
    margin: 0 auto;
    }

#text-Tagline {
	font: 123%/1em "Times New Roman", Times, serif;
	font-style: italic;
	*font-style: normal; /* need this to get around a background shift bug in IE7 */
	color: #564f4b;
	margin-top: 6px;
}

#content-OurFounder,
#content-OurLeader
	{
	line-height: 1.3em;
	
}

#contactInfo {
	font-size: 160%;
	margin: 12px auto 0;
	color: #beb6b1;
	display: table;
	
}

#text-PhoneNumber {
	color: #860002;
}


#logo-AMC {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

#text-OfficialWebsite {
	float: right;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 10px;
}
#text-OfficialWebsite a.text {
	text-decoration: none;
	color: #7c7672;
	font-size: 85%;
	position: relative;
	top: -4px;
	margin-right: 10px;
}


#text-OfficialWebsite img {
	vertical-align: middle;

}


/* =Footer
----------------------------------------------- */
#nav-footer { margin: 0 auto; text-align: center;
    font: .7em Verdana, Arial, Helvetica, sans-serif;
    color: #a6a695;
}

#nav-footer ul
{
list-style: none;
padding: 0;
margin: 0 0 8px 0;
}

#nav-footer ul li
{
display: inline;
padding: 0 10px 0 10px;
margin: 0;
border-left: 1px solid #a6a695;
}

#nav-footer ul li#first
{
border-left: 0;
}

#nav-footer a:link, #nav-footer a:visited
{
color:#e6e6cf;
text-decoration: none;
}
#nav-footer a:hover
{
color:#fff;
text-decoration: underline;
}

#nav-footer p
{
padding: 0;
margin: 0;
}

#resourceListTable {
	margin: 0 auto 2em;
	width: 500px;
	}
#resourceListTable td {
	vertical-align: top;
	padding: 1em 1em 1em 0;
	}
#resourceListTable h3 {
	background-color: #4d2121;
	color: white;
	padding: .5em;
	font: normal 108% Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	}

#resourceListTable h4 {
	font-family:  Arial, Helvetica, Geneva, sans-serif;
	font-size: 138%;
	margin-bottom: .4em;
	}
#resourceListTable .variation1 h4 {
	color: #4f2627;
	}
#resourceListTable .variation2 h4 {
	color: #496649;
	}
#resourceListTable .variation3 h4 {
	color: #243d52;
	}

#resourceListTable ul {
	list-style: disc;
	padding: 0 0 0 1.2em;
	font: bold 93% Arial, Helvetica, Geneva, sans-serif;
	}
#resourceListTable ul li {
	margin: .4em 0;
	}


/* Times Square Ad */

.times-square-ad .press-release {
	margin: 0 4em 3em;
	}

.times-square-ad h2 {
	font:  261.6% "Times New Roman", Times, Georgia, serif;
	text-align: center;
	color: #0c330c;
	margin-top: 1em;
	margin-bottom: .4em;
	}

.times-square-ad p {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1em 0;
	line-height: 1.6em;
	}