body {font-size:62.5%;font-family:"Trebuchet MS",trebuchet,verdana,helvetica,sans-serif;background-color:#b2b3b6;}
pre.dump, pre.xdebug-var-dump {background-color:#ffffcc;border:1px dashed red;font-family:"courier new",courier,monospace;padding:1em;font-size:1.1em;overflow:auto;}

/* Message Stack */
#messageStack {display:block;width:100%;z-index:1000;font-weight:bold;color:#000;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;margin-bottom:10px;}
#messageStack DIV {padding:5px 30px;background-position:8px center;background-repeat:no-repeat;border:1px solid #3d3d3d;}
#messageStack .error {background-color:#FFDFDF;background-image:url(/images/exclamation.gif)}
#messageStack .success {background-color:#AEEF59;background-image:url(/images/accept.gif)}
#messageStack .warning {background-color:#FF6;background-image:url(/images/error.gif)}
#messageStack .info {background-color:#AFCCFF;background-image:url(/images/information.gif)}

#container {width:950px;margin:30px auto 0 auto;background-color:#fff;}
#header {position:relative;height:150px;background-image:url("/images/BG_header.gif");background-position:650px 15px;background-repeat:no-repeat;}

#siteTitle {text-indent:-999em;position:relative;left:57px;top:21px;}
#siteTitle A {display:block;width:401px;height:111px;outline:none;background-image:url("/images/logo.gif");background-position:0 0;background-repeat:no-repeat;}

#content {overflow:auto;}

#mainContent {float:right;width:748px;font-size:1.2em;padding:0 5px 0 0;}
#mainContent a {color:#f58220;font-weight:bold;text-decoration:none;}
#mainContent a:hover {text-decoration:underline;}
#mainContent .indexBox {float:left;width:247px;margin-bottom:0.5em;background-color:#e6e6e7;margin-right:2px;padding-bottom:1em;overflow:hidden;}
#mainContent .indexBox H2 {color:#f58220;font-weight:bold;margin:0 5px;}
#mainContent .indexBox P {margin:5px;}
#mainContent .indexBox A.linkText {display:block;text-align:right;color:#000;text-decoration:none;padding:0 0.5em;font-weight:bold;}
#mainContent .indexBox A.linkText:hover {color:#f58220;}

#mainContent .indexBoxEmergency {float:left;width:247px;height:344px;margin-bottom:0.5em;background-color:#ED1C24;margin-right:2px;overflow:hidden;}
#mainContent .indexBoxEmergency H2 {position:relative;top:5px;color:#fff;font-weight:bold;margin:0 5px;width:80%;line-height:1.15em;}
#mainContent .indexBoxEmergency P {margin:5px;}
#mainContent .indexBoxEmergency A.linkText {position:relative;top:-1.1em;display:block;text-align:right;color:#fff;text-decoration:none;padding:0 0.5em;font-weight:bold;}
#mainContent .indexBoxEmergency A.linkText:hover {color:#000;}

#mainContent H1 {font-weight:bold;}
#mainContent H2 {color:#f58220;font-weight:bold;}
#mainContent H2 span {color:#908E8E;}
#mainContent H3 {}
#mainContent H4 {}
#mainContent H5 {color:#f58220;font-size:1.5em;margin:0 0 0.5em 0;}
#mainContent H6 {}

#paymentMessage {text-align:center;}
#paymentMessage P {} 
#paymentMessage img {margin:0 0 1em 0;}

#navigation {float:left;width:190px;}
#navigation UL {list-style:none;margin:0;padding:0;}
#navigation LI {border-bottom:2px solid #fff;}
#navigation LI A {display:block;font-size:1.3em;padding:0.5em 2em 0.5em 0.5em;background-color:#f58220;color:#fff;text-decoration:none;font-weight:bold;text-align:right;position:relative;}
#navigation LI A B {position:absolute;top:0.68em;right:0.6em;display:block;width:16px;height:16px;background-image:url("/images/BG_nav3.gif");background-position:-16px 0;}

/*
#navigation LI A.page20 {background-color:#ed1c24;}
#navigation LI A.page20 B {background-position:-80px 0;}
#navigation LI A.page20:hover B,#navigation LI.selected A.page20 B {background-position:-64px 0;}
*/

#navigation LI A.emergency {background-color:#ed1c24;}
#navigation LI A.emergency B {background-position:-80px 0;}
#navigation LI A.emergency:hover B,#navigation LI.selected A.emergency B {background-position:-64px 0;}

#navigation LI A:hover SPAN ,#navigation LI.selected A B {background-position:0 0;}
#navigation H3 {font-size:1.3em;font-weight:bold;text-align:center;}
#navigation LI.shop A {background-color:#FFC20E;color:#fff;}
#navigation LI A:hover,#navigation LI.selected A {color:#000;}
#navigation LI.shop a b {background-position:-48px 0;}
#navigation LI.shop a:hover b, 
#navigation LI.selected a b.shop {background-position:-32px 0;color:#000;}

#leftDonateLink {display:block;width:145px;height:181px;text-indent:-999em;background-image:url("/images/left-donate.gif");background-position: top left;background-repeat: no-repeat;margin:3em auto;}

.supporterLink {text-indent:-999em;display:block;background-position: top left;background-repeat: no-repeat;margin:2em auto;}
#supporter-singlemuslim {height:47px;width:186px;background-image:url("/images/supporters/singlemuslim.gif");}
#supporter-pia {height:47px;width:186px;background-image:url("/images/supporters/pia.gif");}

#categoryImage {border:2px solid #f58220;float:left;}
#productAddForm {float:right;width:490px;font-size:0.9em;position:relative;top:-1.5em;overflow:auto;}
#productAddForm TH {background-color:#fff;}
#productAddForm TD {border-bottom:1px dotted #E6E6E7;}
#productAddForm .qty,#cartForm .qty {width:1.7em;height:1.7em;padding:0;margin:0;border:1px solid #000;font-size:0.9em;padding:0.3em;text-align:center;}
#productAddForm TD A {color:#f58220;font-weight:bold;text-decoration:none;}
#productAddForm #addProduct {float:right;margin:0 1em;background-color:#f58220;border:1px solid #ff8220;
color:#fff;font-family:"Trebuchet MS",trebuchet,verdana,helvetica,sans-serif;cursor:pointer;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.formButton {background-color:#f58220;border:1px solid #f58220;
color:#fff;font-family:"Trebuchet MS",trebuchet,verdana,helvetica,sans-serif;cursor:pointer;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;width:auto;}

#mainContent .roundLink {background-color:#f58220;border:1px solid #f58220;
color:#fff;font-family:"Trebuchet MS",trebuchet,verdana,helvetica,sans-serif;cursor:pointer;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
text-decoration:none;
font-size:1.1em;
padding:0.1em 0.5em;
margin:0 1em;
}
#mainContent .roundLinkRight {background-color:#f58220;border:1px solid #f58220;
color:#fff;font-family:"Trebuchet MS",trebuchet,verdana,helvetica,sans-serif;cursor:pointer;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
text-decoration:none;
font-size:1.1em;
padding:0.1em 0.5em;float:right;margin:0 1em;}

#mainContent a.roundLink:hover, #mainContent a.roundLinkRight:hover {text-decoration:none;}

#cartForm table {border-collapse:collapse;}
#cartForm TH {border-bottom:1px dotted #f58220;}
#cartForm TD {border-bottom:1px dotted #E6E6E7;}
#cartForm .total {color:#f58220;}
#miniCart {margin:0 0.5em;overflow:auto;}
#miniCart P {margin:0;padding:0.1em 0.5em 0.1em 25px;float:right;background-image:url("/images/cart.gif");background-position:left 50%;background-repeat:no-repeat;}
#miniCart A {color:#f58220;text-decoration:none;}
#miniCart A:hover {color:#f58220;text-decoration:underline;}


#checkoutForm {border:1px solid #f58220;width:70%;margin:0 auto;}
#checkoutForm td {padding:1em 0.5em;border-bottom:1px dotted #e6e6e7;}
#checkoutForm td.label {width:30%}
#checkoutForm .formHeader {padding:0.2em;border:none;}
#checkoutForm input {width:80%;}
#checkoutForm input.autoWidth {width:auto;}
#checkoutForm input.formButton {width:auto;font-size:1.3em;padding:0 1em;}

.giftAidNotes {padding:0.5em 2.5%;}
.giftAidNotes strong {color:#f58220;font-size:1.4em;display:block;margin-top:10px;}
.giftAidNotes img {float:left;margin:5px 10px 4px 0;}

/*
#checkoutForm input {width:300px;}
#checkoutForm input.formButton,#checkoutForm input.autoWidth {width:auto;}
#checkoutForm input.formButton {font-size:1.3em;padding:0 1em;}
dl.form dt.giftAidNotes {padding:0.5em 2.5%;width:95%;}
.giftAidNotes strong {color:#f58220;font-size:1.5em;display:block;margin-top:10px;}
.giftAidNotes img {float:left;margin:5px 10px 4px 0;}

#checkoutForm dd.error input {border:1px solid #ED1C24;background-color:#FFDFDF;}
#checkoutForm .formError {color:#ED1C24;font-weight:bold;}
*/

#footer {background-color:#3d3d3d;color:#fff;padding:1em;overflow:auto;clear:both;}
#footer a {color:#f58220;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer strong {color:#f58220;}
#contact {float:left;width:50%;}
#contact p {margin:0 0 0.5em 0;}
#contact strong {color:#f58220;}
#extras {float:right;width:50%;}

#twitterBox {padding:0 0 0 5.5em;background-image:url("/images/twitter2.gif");
background-position:left top;background-repeat:no-repeat;}
#twitterBox p {margin:0;}
#twitterLink {color:#f58220;text-decoration:none;}
#tweet {font-size:1.4em;}
#twitterLink:hover {text-decoration:underline;}

.gallery {overflow:auto;width:748px;}
.galleryItem {float:left;width:170px;height:200px;text-align:center;margin:1em 1em 1em 0;}
.galleryItem img {border:2px solid #f58220;}
.galleryItem P {margin:0;padding:0;}
.videoWrapper {float:left;width:350px;margin:0 1em 1em 0;overflow:auto;padding-bottom:0.1em;}
.videoLink {float:left;border:2px solid #f58220;}
.videoData {margin:0 0 0 140px;}
.videoData P {margin:0;}
.videoData .title {font-weight:bold;}

#socialLinks {margin:0.5em 0 0 0;}
#socialLinks P {margin:0 0 0.3em 0;}
#socialLinks UL, #socialLinks LI {margin:0;padding:0;list-style:none;}
#socialLinks UL {overflow:auto;width:50%;}
#socialLinks LI {float:left;margin:0 1em 0 0;}
#socialLinks LI A {display:block;width:20px;height:20px;text-indent:-999em;background-image:url("/images/social.gif");}
a#digg {background-position:-20px 0;}
a#delicious {background-position:0 0;}
a#facebook {background-position:0 -20px;}
a#gbookmarks {background-position:-20px -20px;}
a#stumble {background-position:-20px -40px;}
a#twitterSocial {background-position:0 -40px;}


#contactWrap .element {vertical-align:top;}
#contactWrap .contact {font-weight:bold;}
#contactWrap .contact span {color:#f58220;}
#contactForm {width:400px;margin:0 auto;}

#donateForm {text-align:center;}
.donateFormRight {text-align:right;}

#profileWrapper {overflow:auto;}
#profileWrapper .profile {background-color:#CFCFCF;position:relative;height:174px;width:340px;float:left;margin:0.5em 1.5em 1.5em 0.5em;}
#profileWrapper .profile H3 {margin:0;padding:5px 0 0 210px;background-color:#908E8E;}
#profileWrapper .profile H4 {margin:0 0 0.5em 0;padding:0 0 5px 210px;background-color:#908E8E;}
#profileWrapper .profile img {position:absolute;top:0.5em;left:0.5em;}
#profileWrapper .profile p {margin:0 0.5em 0 210px;}

#paymentNote {width:50%;margin:1em auto;text-align:center;}

body#page6 #mainContent table h3 {color:#f58220;font-weight:bold;margin:0 0 0.2em 0;}
body#page6 #mainContent table td {vertical-align:top;border-bottom:2px solid #B2B3B6;padding:1em 0 0.5em 0;}
body.shop #mainContent {width:740px;}
#subFooter {width:950px;margin:0 auto;}

#page18 OL {width:90%;margin:0 auto;}
#page18 OL LI {margin:0 0 1em 0;}

#page19 H3 {color:#f58220;font-size:1.2em;margin:0 0 0.2em 0;line-height:1.4em;}

#page20 H3 {color:#f58220;font-size:1.2em;margin:0 0 0.2em 0;line-height:1.4em;font-weight:bold;}
#page20 H4 {color:#000;font-size:1.2em;margin:0 0 1em 0;line-height:1.4em;font-weight:bold;}

#midiCart {background-color:#fff;position:absolute;border:1px solid #FF9933;padding:10px;font-size:0.9em;}
#viewCart {outline:none;}

#copyright {width:45%;float:left;}
#trans {text-align:center;}

#languageSelector {position:absolute;top:-1.5em;overflow:hidden;width:950px;}
#languageSelector h3 {display:none;}
#languageSelector ul,#languageSelector li {margin:0;padding:0;list-style:none;}
#languageSelector ul {float:right;padding-bottom:5px;}
#languageSelector li {float:left;margin:0 0 0 0.5em;}
#languageSelector li a {position:relative;display:block;width:18px;height:11px;outline:none;background-image:url("../images/flags.png");}
#languageSelector b {display:none;}
#lang-en a {background-position:0 0;}
#lang-fr a {background-position:-18px 0;}
#lang-es a {background-position:-36px 0;}
#lang-de a {background-position:-54px 0;}

#shopSubNote {width:100%;clear:both;padding:2em 0 0 0;}

.commentTitle {margin:0;padding:0 0 0.5em 0;border-bottom:1px solid #F58220;font-size:1.3em;}
.commentAuthor {font-size:0.9em;}
.commentText {width:90%;margin:0 auto;font-size:1.4em;font-weight:normal;font-family:georgia,times,serif;color:#3d3d3d;font-style:italic;border:1px dashed red;}

form td {vertical-align:top;}
form .label {display:block;text-align:right;font-weight:bold;vertical-align:top;}
form label span {color:#ff0000;}
form .submit {text-align:center;}
form .formHeader {margin:0;padding:0;background-color:#f58220;color:#fff;padding:0.2em;position:relative;font-size:1.3em;font-weight:bold;}
form .error {background-color:#FFDFDF;color:#ff0000;}
form .detailsNote {text-align:center;margin:0;}

#contactForm {background-color:#FFA700;border:1px solid #f58220;}
#contactForm .element input, #contactForm .element textarea {width:100%;}
#contactForm .element .autoWidth {width:auto;}
#contactForm .submit input {width:auto;background-color:#fff;color:#000;border:1px solid #f58220;
font-family:"Trebuchet MS",trebuchet,verdana,helvetica,sans-serif;cursor:pointer;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;width:auto;}
#recaptcha_widget_div {width:300px;margin:0 auto;}
#contactWrap td {vertical-align:top;}

#appealsGrid {overflow:auto;}
.appealWrap {padding:0.5em;border:2px solid #F58220;float:left;width:220px;height:350px;margin:0.5em;}
.appealWrap .imageBox {width:200px;margin:0 auto 1em auto;text-align:center;}
.appealWrap .morelink {display:block;text-align:right;}

.emergencyBanner {overflow:auto;background-color:#ed1c24;color:#fff;padding:1em;margin:0 0 1.5em 0}
.emergencyBanner .imageBox {float:left;margin:0 1em 0 0;}
#mainContent .emergencyBanner h2, #mainContent .emergencyBanner A{color:#fff;margin:0;}

#totalIndicator {width:350px;height:50px;margin:0 auto;background:#fff url("/images/meter2.png") top left;}
#totalIndicator p {margin:0;padding:0;height:100%;text-indent:-999em;background:transparent url("/images/meterPanel2.gif") top left;}

.newsItem {border-bottom:1px solid #c0c0c0;margin:0 0 2em 0;}
.newsItem h2 {margin:0;}
.newsDate {color:#AEAFB3;font-weight:bold;}

.pagination {width:99%;margin:0 auto;overflow:auto;padding:0.1em; margin-bottom: 25px; font-size:larger;}
#prevLink {float:left;}
#nextLink {float:right;text-align:right;}

.twoColWrapper {overflow:auto;}
.twoColWrapper .col {float:left;width:48%;padding:0 1em 0 0;}

#appealForm {border:1px solid #f58220;width:100%;margin:0 auto;}
#appealForm td {padding:1em 0.5em;border-bottom:1px dotted #e6e6e7;}
#appealForm td.label {width:30%}
#appealForm .formHeader {padding:0.2em;border:none;}
#appealForm input {width:80%;}
#appealForm input.autoWidth {width:auto;}
#appealForm input.formButton {width:auto;font-size:1.3em;padding:0 1em;}
#appealTitle {margin:0.5em 0;}

td#amount-label {padding:1em 0;}
td#amount-label label {width:100%;border:1px solid transparent;}

.page-events span {color:#f58220;}
.page-events .gray-box {background-color:#dddddd;padding:5px;}
.page-events .sponsor-right{float:right;}
.page-events #contactForm{width:100%;}
.page-events .pdf-link{background-color: black; padding:3px 5px; color:white; font-size:14px; margin:4px 0px; display:inline-block;}
.page-events a.pdf-link{color:white !important;}