@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------
------------ BROWSER DEFAULT RESET ----------
------------------------------------------ */
*{margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img { border:0; }
address, caption, cite, code, fn, th, var {font-style:normal; font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
a, input {outline:none;}



/* ------------------------------------------
-------------- GESTIONE CLEARING ------------
------------------------------------------ */
.cleared:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.cleared {clear:both; height:1%;}
.align-right {display:inline; float:right; width:auto;}
.align-left {display:inline; float:left; width:auto;}
.clear-left {clear:left;}
.clear-right {clear:right;}



/* ------------------------------------------
------------------ STRUCTURE ----------------
------------------------------------------ */
html {padding:0; margin:0; position:relative;}
body {text-align:right; /*background:#EFEFEF url(/images/template.png) right top no-repeat;*/ background:#EFEFEF url(/images/backgrounds/sidebar-background.gif) right 100px repeat-y; padding:0; margin:0; font-size:62.5%;}



/* Header */
#header {position:relative; height:280px; padding:20px 40px 0px 0px; background:url(/images/backgrounds/header-background.jpg) left top repeat-x;}
#header h1 {position:absolute; right:40px; top:20px; width:200px; height:100px;}
#header h1 a {display:block; width:200px; height:200px; font-size:1px; color:#87A92D; background:url(/images/logo-neg.png) left top no-repeat; text-decoration:none;}
#naming-arabic-neg {position:absolute; right:340px; top:93px; width:250px; height:40px; /*background:url(/images/naming-arabic-neg.png) left top no-repeat;*/}

/* Main Nav */
ul#main-nav {position:absolute; right:40px; top:200px; width:600px; height:40px;}
ul#main-nav li {display:inline; float:left; width:100px; height:40px;}
ul#main-nav li a {display:block; padding:13px 10px 0px 0px; height:27px; background:#3F6A32 url(/images/backgrounds/main-nav-btn.jpg) left top no-repeat;}
/*ul#main-nav li.support-us a {background:#3F6A32 url(/images/backgrounds/main-nav-btn-alt.jpg) left top no-repeat;}*/
ul#main-nav li a:link, ul#main-nav li a:visited {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF; text-decoration:none; text-transform:lowercase;}
ul#main-nav li a:hover {color:#92B333;}
#home ul#main-nav li.home a, #about ul#main-nav li.about a, #membership ul#main-nav li.membership a, #activities ul#main-nav li.activities a, #news-events ul#main-nav li.news a, #support-us ul#main-nav li.support-us a, #blog ul#main-nav li.blog a {background:url(/images/backgrounds/main-nav-btn.jpg) left bottom no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#92B333; text-decoration:none; text-transform:lowercase;}

/* Secondary Nav */
ul#secondary-nav {position:absolute; right:40px; top:255px;}
#about ul#secondary-nav {right:70px;}
#activities ul#secondary-nav {right:190px;}
#membership ul#secondary-nav {right:300px;}
#news-events ul#secondary-nav {right:115px;}
ul#secondary-nav li {display:inline; float:left;}
ul#secondary-nav li a {margin-right:20px;}
ul#secondary-nav li a:link, ul#secondary-nav li a:visited {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#3F6A32; text-decoration:none; text-transform:lowercase;}
ul#secondary-nav li a:hover {color:#92B333;}
.objectives ul#secondary-nav li a.objectives, .why-muslim ul#secondary-nav li a.why-muslim, .founding-members ul#secondary-nav li a.founding-members, .methodology ul#secondary-nav li a.methodology, .publications ul#secondary-nav li a.publications, .overview ul#secondary-nav li a.overview, .working-groups ul#secondary-nav li a.working-groups, .training ul#secondary-nav li a.training, .seminars ul#secondary-nav li a.seminars, .projects ul#secondary-nav li a.projects, .news ul#secondary-nav li a.news, .events ul#secondary-nav li a.events, .photos ul#secondary-nav li a.photos, .members ul#secondary-nav li a.members, .eligibility ul#secondary-nav li a.eligibility, .join ul#secondary-nav li a.join, .observers ul#secondary-nav li a.observers {color:#92B333;}

/* Admin Nav */
ul#admin-nav {position:absolute; right:640px; top:20px; z-index:30;}
ul#admin-nav li {display:inline; float:left;}
ul#admin-nav li a {margin-left:20px; padding-right:20px; display:block;}
ul#admin-nav li.contact a {background:url(/images/icons/contact-btn.gif) right center no-repeat;}
ul#admin-nav li.links a {background:url(/images/icons/links-btn.gif) right center no-repeat;}
ul#admin-nav li.terms a {background:url(/images/icons/terms-btn.gif) right center no-repeat;}
ul#admin-nav li.faq a {background:url(/images/icons/faq-btn.gif) right center no-repeat;}
ul#admin-nav li a:link, ul#admin-nav li a:visited {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#fff; text-decoration:none;}
ul#admin-nav li a:hover {color:#3F6A32;}

/* Main Column */
#main-column-wrap {position:relative; text-align:right;}
#main-column {position:absolute; right:40px; top:0px; width:560px;}

/* Sidebar */
#sidebar {width:360px; height:100%; position:absolute; right:640px; top:0px; z-index:10;}
#slideshow-mask {position:absolute; right:0; top:100px; z-index:99; width:360px; height:500px; background:url(/images/slideshow/slideshow-mask.gif) right bottom no-repeat;}

/* Columns */
.col260 {width:260px;}

/* Main Content */
#main-content {margin-bottom:40px; position:relative; min-height:650px;}
#home #main-content {min-height:400px;}

/* Secondary Content */
#secondary-content {margin-bottom:0px; position:relative; }

/* Footer */
#footer {position:absolute; bottom:-10px; right:600px; width:300px; margin:20px; z-index:20;}
#footer p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:9px; line-height:15px; color:#3F3F40; margin-bottom:20px;}
#footer p span {color:#79797E;}
#footer p span a {color:#79797E; text-decoration:none; border-bottom:1px dotted #79797E;}
#footer p span a:hover {color:#3F3F40; text-decoration:none; border-bottom:1px solid #3F3F40;}
#footer p.arabic-signature {line-height:27px;}

/* Mailing List */
#mailing-list {width:220px; height:320px; padding:20px; margin-bottom:-20px; background:url(/images/backgrounds/mailinglist-background.jpg) left top no-repeat;}
#support-us #mailing-list {width:auto; height:auto; padding:0px; margin-bottom:0px; background:none;}
#mailing-list form label {display:none;}
#mailing-list form input {height:23px; width:200px; padding:5px 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#999; text-align:right;}
#mailing-list form input.submit {height:30px; width:100px; margin-top:15px; margin-bottom:0; margin-right:-5px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#000; text-align:center; cursor:default;}
#support-us #mailing-list form input.submit {margin-right:0px;}
#mailing-list h3 {color:#FFF; margin-bottom:0px;}
#mailing-list p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#333; line-height:19px; margin:0px;}

/* Social Network */
#social-network a {display:block; height:37px; margin:-5px 0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height:37px; padding-right:40px; text-decoration:none;}
#social-network a:hover {text-decoration:underline;}
#social-network a.rss-btn {background:url(/images/icons/rss-btn.png) right center no-repeat; color:#FF8700;}
#social-network a.facebook-btn {background:url(/images/icons/facebook-btn.png) right center no-repeat; color:#4467A5;}
#social-network a.twitter-btn {background:url(/images/icons/twitter-btn.png) right center no-repeat; color:#6BBEC1;}
#home #social-network, #contact #social-network {padding-top:22px;}




/* ------------------------------------------
----------------- TYPOGRAPHY ----------------
------------------------------------------ */

/* General */
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:2.7em; color:#92B333; margin-bottom:20px; text-transform:lowercase;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#92B333; margin-bottom:20px; text-transform:lowercase;}
h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.1em; color:#333; font-weight:bold;}
p {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; line-height:1.3; color:#464A33; margin:20px 0px;}
.text-format p {padding-left:140px;}
.terms p {padding-left:140px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.1em; line-height:1.5;}

/*Main Content*/
#main-content h3 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.6em; color:#92B333; text-transform:none; margin-top:20px;}
#main-content ul {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.3em; color:#3F6A32;}
#main-content ul li {margin-bottom:20px; padding-right:16px; background:url(/images/sprites/bullet-green.gif) right 6px no-repeat; line-height:1.5;}
#main-content ul li a {font-size:1em; color:#92B333; text-decoration:none; border-bottom:1px dotted #92B333;}
#main-content ul li a:hover {color:#3F6A32; border-bottom:1px solid #3F6A32;}
#main-content ul.big-list {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.6em; color:#3F6A32;}
#main-content ul.big-list span {font-size:1.1em; color:#92B333;}

.business-card {position:relative; margin:50px 0px;}
.business-card img {float:right; padding:2px; width:100px; border:1px solid #CCC; margin-left:10px;}
.business-card h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.6em; color:#3F6A32; margin:0px; font-weight:normal;}
.business-card p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.3em; color:#92B333; margin:5px 0px;}
.business-card p strong {font-weight:normal; color:#3F6A32;}
.business-card a.dwnld-pdf {position:absolute; right:116px; bottom:0px; display:block; height:16px;}


/* Links */
a {color:#92B333; text-decoration:none;}
a:hover {color:#464A33;}
a.main-link {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#92B333; text-decoration:none; border-bottom:none;}
a.main-link:hover {color:#3F6A32; border-bottom:none;}
#main-content ul.link-list {margin-bottom:40px;}
#main-content ul.link-list li {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; line-height:1.4; color:#464A33; margin:0px; background:none; padding:0;}
#main-content ul.link-list li a {color:#464A33; text-decoration:none; border-bottom:none;}
#main-content ul.link-list li a:hover {color:#92B333; border-bottom:none;}
a.dwnld-pdf {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; padding-right:20px; background:url(/images/icons/pdf.gif) right center no-repeat; font-size:1.1em; text-decoration:none; color:#999; border-bottom:none;}
a.dwnld-pdf:hover {color:#92B333; border-bottom:none;}

/* News Events */
#news-events p.date {font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:1.1em; color:#3F6A32; margin:0; margin-top:50px;}
#news-events h3 {margin-top:10px;}
#news-events h3 a {text-decoration:none; color:#92B333; border-bottom:1px dotted #92B333;}
#news-events h3 a:hover {text-decoration:none; color:#92B333; border-bottom:1px solid #92B333;}
#news-events .news-event-group p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.3em; margin-top:10px; color:#464A33;}




/* ------------------------------------------
------------------- PAGES -------------------
------------------------------------------ */

/* Contact */
.contact-details h2 {font-size:1.6em; margin:40px 0px 0px 0px;}
.contact-details p {font-size:2.1em; line-height:1.6; color:#3F6A32; margin-top:0px;}
.contact-details p a {text-decoration:none; border-bottom:1px dotted #3F6A32; color:#3F6A32;}
.contact-details p a:hover {text-decoration:none; border-bottom:1px solid #92B333; color:#92B333;}

/* Founding Members */
.group {margin:50px 0px;}
#support-us .group {margin:10px 0px;}
.group small {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.2em; color:#464A33;}
#main-content .group h3 {margin:0px 0px 10px 0px;}
.group p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.3em; color:#3F6A32; margin-top:10px;}
p.address {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.1em; color:#92B333; line-height:1.5;}
p.address span {color:#92B333;}
p.address span a {color:#92B333; text-decoration:none; border-bottom:1px dotted #92B333;}
p.address span a:hover {color:#3F6A32; text-decoration:none; border-bottom:1px solid #3F6A32;}

/* Support Us */
#support-us .group p {margin-bottom:20px;}




/* ------------------------------------------
---------------- FOTO SIDEBAR ---------------
------------------------------------------ */

/* Home */
img.home-foto-01 {position:absolute; top:100px; left:0px; z-index:11;}
img.home-foto-02 {position:absolute; top:100px; left:0px; z-index:12;}
img.home-foto-03 {position:absolute; top:460px; right:0px; z-index:14;}
img.home-foto-04 {position:absolute; top:500px; left:0px; z-index:13;}

/* About */
img.about-foto-01 {position:absolute; top:100px; left:0px; z-index:11;}
img.about-foto-02 {position:absolute; top:280px; right:0px; z-index:12;}
img.about-foto-03 {position:absolute; top:340px; left:0px; z-index:13;}
img.about-foto-04 {position:absolute; top:475px; right:0px; z-index:14;}

/* Activities */
img.membership-foto-01 {position:absolute; top:100px; left:0px; z-index:11;}
img.membership-foto-02 {position:absolute; top:360px; left:0px; z-index:12;}
img.membership-foto-03 {position:absolute; top:320px; right:0px; z-index:13;}

/* Activities */
img.activities-foto-01 {position:absolute; top:100px; left:0px; z-index:11;}
img.activities-foto-02 {position:absolute; top:320px; right:0px; z-index:12;}
img.activities-foto-03 {position:absolute; top:370px; left:0px; z-index:13;}


/* ------------------------------------------
---------------- SLIDESHOW ---------------
------------------------------------------ */
#slideshow {position:relative; height:500px; width:360px; padding-top:100px;}
#slideshow div {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 500px; margin-top:100px; background-color: #CCC;}
#slideshow div.active {z-index:10; opacity:1.0;}
#slideshow div.last-active {z-index:9;}
#slideshow div img {height: 500px; display: block; border: 0; margin-bottom:0px;}