/* CSS Document */

/*      TAGS      

body {margin: 0; padding: 0; background-image:url(/images/back-splatter.jpg); background-repeat: no-repeat; background-position: right top; font-size: 1em; font-family: Verdana, sans-serif;}*/

body {margin: 0; padding: 0; font-size: 1em; font-family: Verdana, sans-serif;}




/*       BANNER       */

#bannerWrapper {position: absolute; top: 37px; width: 100%; min-width: 970px; height: 166px; z-index: 50; }

#banner {width: 950px; position: absolute; left: 0px; top: 37px; z-index:60; height: 166px;}

#switchNav {position: absolute; left: 20px; top: 100px; height: 21px; z-index: 100; font-size: 0.7em; width: 900px;}
#switchNav h2, #helpNav h2 /*IE6*/ {width: 94px; height: 21px; float: left; font-size: 0.1em; margin: 0 0 0 550px; background-position: right center; background-repeat: no-repeat;}
#switchNav div, #helpNav div {width: 250px; height:21px; float: right; padding: 5px 0 0 0; text-align: right; color: #fff;}
#switchNav a, #helpNav a {color: #fff; text-decoration: none;}

#helpNav {position: absolute; left: 20px; top: 130px; height: 21px; z-index: 100; font-size: 0.7em; width: 900px}


#breadCrumb {color: #fff; font-size: 0.7em; position: absolute; left: 20px; top: 170px; z-index: 100; width: 900px; text-align: right;}
#breadCrumb strong {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; text-transform: uppercase;}
#breadCrumb a {color: #fff; text-decoration: underline;}






#contentWrapper {width: 920px; padding: 200px 0 20px 0; position: relative; text-align: left;}


/*    NAVIGATION      */


#nav {font-size: 0.7em; margin: 0; padding: 0 0 0 70px; width: 190px; float: left;}


#nav ul {margin: 0; padding: 10px; list-style-type: none; text-transform:capitalize;}
#nav ul li { width: 135px; border-bottom: 1px solid #7392c0; display: block; margin: 0 0 7px 0;}

#nav ul li a { color: #3e3e3d; text-decoration: none; display: block; padding: 3px;}
#nav ul li a:hover { background:url(/images/menu-bullet.gif) no-repeat right center;}

#nav ul li#active a {font-weight: bold; background:url(/images/menu-bullet.gif) no-repeat right center;} 

#nav ul li#active ul {display: block;}
#nav ul li ul {display: none;}

#nav ul li#active ul li { width: 140px; border-bottom: 1px solid #3e3e3d; margin: 0 0 10px 0; text-align: right; font-size: 0.9em;}

#nav ul li#active ul li a {background: none; font-weight: normal;}
#nav ul li#active ul li a:hover {color:#0d908f;}

#nav ul li#active ul li a.subactive {font-weight: bold; color: #0d908f;}


/*     ANNIE       */

#annieHolder {background:  #4992c7  url(/images/annie-top.jpg) center top no-repeat; width: 111px; padding: 167px 10px 25px 10px; color: #fff; position: relative; text-align: center; margin: 0 0 0 10px;}

#annieBottom { background:url(/images/annie-bottom.jpg); width: 131px; height: 25px; position: absolute; bottom: 0px; left: 0px;}






/*  MAIN CONTENT     */

#content {position: relative; float: left; width: 645px; font-size: 0.8em; color: #3e3e3d; line-height: 1.5em; padding: 20px 0 0 15px; text-align: left;}

#content h1 {font-family: Impact, Arial, Helvetica, sans-serif; color: #6D87AF; text-transform: uppercase; font-weight: normal; margin: 0 0 -10px 0; line-height: normal; font-size: 3em;}

#content a {color: #336699; text-decoration: underline;}
#content a:hover { text-decoration: none;}

#columnOne h2, #content h2 {font-size: 1.6em; font-weight: normal; color: #6D87AF; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-top: 25px;}




/*      HOME PAGE     */

#homeIntro {width: 298px; float: left; padding: 0 20px 0 0;}
#homeMainImage {width: 326px; float: left; padding: 5px 0 0 0;}

#promoContainer {float: left; width: 645px; line-height: normal; color: #666; clear: both; text-align: left;}
#promoContainer strong {color: #3e3e3d;}

#promoContainer p {margin-top: 0px;}

.leftPromoBox {float: left; width: 312px; margin: 10px 21px 0 0;}
.rightPromoBox {float: left; width: 312px; margin: 10px 0 0 0;}

#content div.leftPromoBox h2, #content div.rightPromoBox h2 /*IE*/ {width: 302px; height: 37px; color: #fff; margin: 0; text-align: right; vertical-align: bottom; padding: 30px 10px 0 0; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 2.4em; font-weight: normal; text-transform: uppercase; line-height: normal; color: #fff; border: 0;}

div.leftPromoBox h2 {background : #b4c041 url(/images/promoBoxHead4.gif) no-repeat left top;}
div.rightPromoBox h2 {background : #10AFAE url(/images/promoBoxHead3.gif) no-repeat left top;}

div.leftPromoBox div, div.rightPromoBox div {padding: 10px 0 0 17px;}

#content h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0;}


/* FOOTER  */

#footer {background: #D6D6D6; font-size: 0.7em; color: #666; text-align: center; width: 645px; float: right; padding: 8px 0; margin: 20px 0; border-top: 1px solid #666;}
#footer a {color: #666; text-decoration: none;}



/*  2 COL     */

#columnOne {width: 450px; padding: 0 20px 0 0; float: left;}
#columnTwo {width: 175px; float: left;  font-size: 0.85em;  line-height: normal;  text-align: left;}


/*     SUBNAV       */

#subNavTop {width: 175px; color: #fff; padding: 50px 0 0 0; margin: 0 0 20px 0;}

#subNavTop ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: right;

}
#subNavTop ul li { padding: 4px 10px 5px 10px;}
#subNavTop ul li ul {display: none; visibility: hidden;}
#subNavTop ul li#subactive ul { display: block; visibility: visible; margin: 5px 3px 5px 0; padding: 0; border-right: 1px solid #666}
#subNavTop ul li#subactive ul li a { font-weight: normal;}

#subNavTop ul li a {color: #333; text-decoration: none; }
#subNavTop ul li#subactive a {font-weight: bold;}
#subNavTop ul li a:hover {color: #999;}
#subNavTop ul li#subactive ul li#subactive2 a {font-weight: bold;}
#subNavBottom {width: 175px; background: url(/images/fatwaf-subnav-bottom.gif); height: 18px; padding: 0; margin:0;}

#columnTwo h2 /*IE*/ {width: 165px; height: 27px; color: #fff; margin: 0; text-align: right; vertical-align: bottom; padding: 20px 10px 0 0; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; text-transform: uppercase; line-height: normal; margin: 15px 0 5px 0; background : #1875b8 url(/images/promoBoxHead2.gif) no-repeat left bottom; }

.aboutSubBack {background:url(/images/about-subnav.gif) no-repeat left top #d8d8d5;}

#nextMeeting {width: 175px; color: #fff; padding: 60px 0 0 0; background: url(/images/fatwaf-next-meeting.gif) no-repeat left top #3b3b39; text-align: right; margin: 30px 0 0 0;}
#nextMeeting  p {margin: 0 0 5px 0; padding: 0 10px;}
#nextMeetingBottom {width: 175px; background:url(/images/fatwaf-next-meeting-bottom.gif); height: 22px; padding: 0; margin:0;}


/* Document Tables */

table.docTable {width: 100%; font-size: 0.85em; margin-bottom: 20px; margin-top: 10px;}
table.docTable td, table.docTable th {vertical-align: top; border-bottom: 1px solid #ccc; padding: 3px; text-align: left;}
table.docTable th {color: #333; background: #eee; font-weight: bold;}
table.docTable caption {font-size: 1.6em; font-weight: normal; color: #6D87AF; padding-bottom: 3px; text-align: left; display: block; width: 100%;}
table.docTable p {margin-top: 0;}

table.docTable input {border: 1px solid #ccc;}


/*Logos*/

#partnerLogos {text-align: center; width: 165px; padding: 0 0 0 10px;}
#partnerLogos img {border: 0; margin: 0 0 20px 0;}


/*    CLASSES     */
.rightImage {float: right; border: 1px solid #10afae; padding: 2px; position: relative; margin: 0 0 0 20px;}
.rightImageNoBorder {float: right; padding: 2px; position: relative; margin: 0 0 0 20px;}
.rightImage_rightColumn {float: right; border: 1px solid #10afae; padding: 2px; position: relative; margin: 0 0 0 7px;}
.offLeft {position: absolute; left: -9999px;}

p.top { text-align: right;}

#content div.nextmeeting {width: 140px; margin: 30px 10px; border: 1px solid #666; padding: 10px; background: #6D87AF; color: #fff; text-align: center;}

ul.linkList {padding: 0; margin: 0; list-style-type: none;}
ul.linkList li {padding: 3px 0 3px 19px; background:url(/images/link-bullet.gif) no-repeat left center;}

.warning {color:#CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold;}

.article-holder { border-bottom: 1px solid #ccc; float: left; width: 640px; padding: 0 0 10px 0; margin: 0 0 20px 0; }