@charset "utf-8";
/* Main Structure --------------------------------------------------------------  */
* { margin:0; padding:0 }
body { background-color:#FFF; background-image:url(../img/top-bg.jpg); background-repeat:repeat-x; font-size:86%; color:#5C5C5C }
img { border:none }
#header-wrap { width:980px; margin:0 auto }
#logo { height:154px }
#content-wrap { width:960px; padding:30px 0; font-family:Arial, Helvetica, sans-serif; color:#484848; margin:0 auto }
#bottom-content, #footer-content { width:960px; font-family:Arial, Helvetica, sans-serif; margin:0 auto; position:relative }
#middle-wrap { width:980px; margin:0 auto; position:relative; font-family:Arial, Helvetica, sans-serif; }
#summary { color:#CCC; width:410px; display:inline; position:relative; float:left; margin:0 10px 0 0; height:390px }
#photos { width:560px; display:inline; position:relative; float:left; margin-top:10px }
#controls { color:#98DC4E; padding:50px 12px 0 0; font-size:.9em; text-align:right;margin-right:40px }
#controls a { color:#98DC4E; text-decoration:none }
#controls a:hover { color:#F3D70C; text-decoration:none }
#welcome { width:620px; float:left; margin:10px 20px 0 0 }
#news { width:290px; float:left; margin:0; border:4px solid #CDCDCD; padding:10px }
#news dl, #div-issues p, #latest-news p { font-size:.9em }
#div-issues h3 { margin-bottom:.4em; }
#div-issues h3 a { font-size: 0.9em; line-height: 1.2em; text-decoration:none; color: #51AF06; font-weight:bold }
#div-issues h3 a:hover { color: #96D667 }
#bottom { width:100%; height:590px; background-color: #0A3347 }
#media, #join-us, #div-issues { width:306px; float:left; margin:0 20px 0 0; padding:20px 0; color: #DBDBDB; }
#div-issues {margin:0}
#footer { width:100%; height:280px; border-top-width: 1px; border-top-style: solid; border-top-color: #0C5F1B; background-color: #0B3D56 }
ul.sitemap { float:left; margin:20px 22px 0 0; list-style-type:none }
ul.sitemap li a { text-transform:uppercase; text-decoration:none; color:#D6D6D6; line-height:1.4em }
ul.sitemap li ul li { list-style-type:none; margin-bottom:.2em }
ul.sitemap li ul li a { color:#D6D6D6; margin-left:0; text-transform:none; font-size:.9em }
ul.sitemap li ul li a:hover, ul.sitemap li a:hover { text-decoration:underline }
ul.icons { list-style-type:none }
ul.icons li { float:left; padding:25px 10px 0 0 }
.fppc { text-align:center; border: 1px solid #456A8F; color:#8AA8BF; padding:10px; margin:48px }
.pc {text-align:right; font-size:11px; color:#CCC}
#persian {text-align:right;font-size:16px;font-weight:bold}
/* Forms --------------------------------------------------------------  */
input#mce-EMAIL, input#mce-FNAME, input#mce-LNAME { padding:4px 3px; background:#d5f0ca; border:1px solid #A4D29D }
div.mc-field-group label { display: block; padding: 0; margin: 5px 0 5px }
div.mc-field-group { margin:0 0 25px }
input.btn#mc-embedded-subscribe {background-color:#0A3347; border:solid 1px  #0A3347; width: 190px; height: 38px; position: relative; background-image: url(../img/submit-buton.png); background-repeat: no-repeat }
input.btn#mc-embedded-subscribe:hover { background-position:0 -38px; border:none; }
#mc-embedded-subscribe-form {padding-left:18px}
/* Image Replacement/Buttons --------------------------------------------------------------  */
h2.fox-assembly { width: 350px; height: 66px; position: relative; margin:20px 0 }
h2.fox-assembly span { position: absolute; width: 100%; height: 100%; background-image: url(../img/fox-for-assembly.png) }
h2.header-title {font-size:2.7em;color:#A1DD8C;margin-top:60px}
h1.fox-logo { width: 431px; height: 140px; position: relative; margin:0; padding:0 }
h1.fox-logo a { position: absolute; width: 100%; height: 100%; background-image: url(../img/logo.png); text-indent:-9999px }
.cont-button { display:block; width:250px; height:50px; text-indent:-9999px;padding:10px 0 0 60px }
.cont-button a { display:block; width:100%; height:100%; background:transparent url(../img/contribute-button.png) no-repeat top left; outline:none }
.cont-button a:hover { background-position:0 -50px }
.cont-buttonb { display:block; width:250px; height:50px; text-indent:-9999px;padding:10px 0 0 0 }
.cont-buttonb a { display:block; width:100%; height:100%; background:transparent url(../img/contribute-button.png) no-repeat top left; outline:none }
.cont-buttonb a:hover { background-position:0 -50px }
/* Menu --------------------------------------------------------------  */
/* 	LEVEL ONE*/
#header-wrap ul { list-style: none }
ul.dropdown { position: relative; font-familiy:Georgia, "Times New Roman", Times, serif; font-size:1.3em; z-index:100 }
ul.dropdown li { font-weight: 300; float: left; zoom: 1; background: transparent }
ul.dropdown a:hover { color: #000 }
ul.dropdown a:active { color: #ffa500 }
ul.dropdown li a { display: block; color: #060; padding:15px 28px; text-decoration:none; border-right: 1px solid #C0C0C0 }
ul.dropdown li:last-child a { border-right: none } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { background: #F3D673; color: #000; position: relative }
ul.dropdown li.hover a { color: #000 }
/* 	LEVEL TWO*/
ul.dropdown ul { width: 210px; visibility: hidden; position: absolute; top: 100%; left: 0 }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block }
/* 	LEVEL THREE*/
ul.dropdown ul ul { left: 100%; top: 0 }
ul.dropdown li:hover > ul { visibility: visible }
/*Slider*/


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

/* Headings -------------------------------------------------------------- */
.content h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; }
.content h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em }
.content h2 { color:#4D8A09; font-size: 2em; margin-bottom: 0.75em }
h2.title { margin-bottom:.4em }
h2.b-title { margin-bottom:.6em; color:#7BDD0F; }
.content h3 a{ font-size: .9em; line-height: 1; margin-bottom: 0em; text-transform: uppercase; text-decoration:none; color: #5d9f2c; font-weight:bold }
.content h3 { color: #77C93A }
.content h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em }
.content h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em }
.content h6 { font-size: 1em; font-weight: bold }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0 }
/* Text elements -------------------------------------------------------------- */
.content p { margin: 0 0 1.5em }
p { line-height:1.6em }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0 }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em }
a:focus, a:hover { color: #77C93A }
a { color: #5D9F2C; text-decoration: underline }
.content blockquote { margin: 1.5em; color: #666; font-style: italic }
.content strong { font-weight: bold }
em, dfn { font-style: italic }
dfn { font-weight: bold }
sup, sub { line-height: 0 }
abbr, acronym { border-bottom: 1px dotted #666 }
address { margin: 0 0 1.5em; font-style: italic }
del { color:#666 }
pre { margin: 1.5em 0; white-space: pre }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5 } /* Lists -------------------------------------------------------------- */
.content li ul, li ol { margin:0 1.5em }
.content ul, ol { margin: 0 1.5em 1.5em 1.5em }
.content ul { list-style-type: disc }
ol { list-style-type: decimal }
dl { margin: 0 0 1.5em 0;}
dl dt {font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-size: 1.3em; line-height: 1.1em; margin-bottom: 0em; text-transform: uppercase; text-decoration:none; color: #5d9f2c; font-weight:bold}
dd { margin:0;font-size:1em;line-height:1.3em; padding-bottom:1em}
/* Tables -------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100% }
th { font-weight: bold }
thead th { background: #c3d9ff }
th, td, caption { padding: 4px 10px 4px 5px }
tr.even td { background: #e5ecf9 }
tfoot { font-style: italic }
caption { background: #eee }
/* Misc classes -------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em }
.hide { display: none }
.quiet { color: #666 }
.loud { color: #000 }
.highlight { background:#ff0 }
.added { background:#060; color: #fff }
.removed { background:#900; color: #fff }
.first { margin-left:0; padding-left:0 }
.last { margin-right:0; padding-right:0 }
.top { margin-top:0; padding-top:0 }
.bottom { margin-bottom:0; padding-bottom:0 }
.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0 }
.issues { margin: 1em 0 1em 0.5em 0; }
.issues h3, .events h3, .blog h3 { font-size: 1.3em; line-height: 1.2em; margin-bottom: 1em; text-decoration:none; color: #5C9D2D; font-weight:bold; cursor:pointer; }
.issues h3 {text-decoration:underline}
.issues div { padding: .5em .25em; }
.pic-left {float:left;padding:10px;border:solid 1px #CCC; margin:0 10px 10px 0}
.pic-right {float:right;padding:10px;border:solid 1px #CCC; margin:0 0 10px 10px}
.b-pic {margin:0 10px 10px 0;background:#f7f7f7;padding:6px}
.br-pic {margin:0 0 10px 0;background:#f7f7f7;padding:6px}