/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
/* =Basic HTML
--------------------------------------------------------------------------------*/
a:focus {
  outline: 1px dotted invert;
}
hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}
/* =Headings
--------------------------------------------------------------------------------*/
h1 {
  font-size: 24px;
}
h2 {
  font-size: 18px;
  color: #336;
}
h3 {
  font-size: 14px;
  color: #336;
}
h4 {
  font-size: 12px;
  color: #369;
}
h5 {
  font-size: 11px;
}
h6 {
  font-size: 10px;
}
/* =Spacing
--------------------------------------------------------------------------------*/
ol {
  list-style: decimal;
}
ul {
  list-style: square;
}
li {
  margin-left: 30px;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 20px;
}
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
/* =Grid >> Global 
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_5,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.grid_6 {
  display: inline;
  float: left;
  margin-left: 34px;
  margin-right: 10px;
}
.container_12 .grid_4 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 0px;
}
.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}
.container_16 .grid_8 {
  width: 460px;
}
/*
.container_12 .grid_6 
{
	width: 960px; 
}
*/
.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}
.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px;
}
.container_12 .grid_2 {
  width: 140px;
}
.container_12 .grid_4 {
  width: 310px;
}
.container_12 .grid_5 {
  width: 380px;
}
.container_12 .grid_7 {
  width: 540px;
}
.container_12 .grid_8 {
  width: 940px;
  /**changed from 620 **/
  height: 180px;
  /**changed from 150 **/
  background-image: url('/images/wrappers/owl-logo.png');
  background-repeat: no-repeat;
  background-position: center;
}
.container_12 .sidebar {
  width: 320px;
  background-color: #CCC;
  float: right;
}
.container_12 .foot {
  width: 960px;
  bacground-color: #000;
}
.container_12 .grid_10 {
  width: 780px;
}
.container_12 .grid_11 {
  width: 860px;
}
.container_12 .grid_14 {
  width: 600px;
  /* changed from 630px */
  height: auto;
  background-repeat: no-repeat;
  display: inline;
  float: left;
  margin-left: 30px;
  /* changed from 10px */
  padding-top: 25px;
  padding-bottom: 35px;
}
.container_12 .feature {
  height: 326px;
  background: url("http://www.owl-national.org/images/wrappers/rotator_bg.gif");
  background-repeat: no-repeat;
  padding: 5px 0px 0 4px;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {
  width: 40px;
}
.container_16 .grid_2 {
  width: 100px;
}
.container_16 .grid_3 {
  width: 160px;
}
.container_16 .grid_5 {
  width: 280px;
}
.container_16 .grid_6 {
  width: 340px;
}
.container_16 .grid_7 {
  width: 400px;
}
.container_16 .grid_9 {
  width: 520px;
}
.container_16 .grid_10 {
  width: 580px;
}
.container_16 .grid_11 {
  width: 640px;
}
.container_16 .grid_13 {
  width: 760px;
}
.container_16 .grid_14 {
  width: 820px;
}
.container_16 .grid_15 {
  width: 880px;
}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}
.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}
.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px;
}
.container_12 .prefix_2 {
  padding-left: 160px;
}
.container_12 .prefix_4 {
  padding-left: 320px;
}
.container_12 .prefix_5 {
  padding-left: 400px;
}
.container_12 .prefix_7 {
  padding-left: 560px;
}
.container_12 .prefix_8 {
  padding-left: 640px;
}
.container_12 .prefix_10 {
  padding-left: 800px;
}
.container_12 .prefix_11 {
  padding-left: 880px;
}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
  padding-left: 60px;
}
.container_16 .prefix_2 {
  padding-left: 120px;
}
.container_16 .prefix_3 {
  padding-left: 180px;
}
.container_16 .prefix_5 {
  padding-left: 300px;
}
.container_16 .prefix_6 {
  padding-left: 360px;
}
.container_16 .prefix_7 {
  padding-left: 420px;
}
.container_16 .prefix_9 {
  padding-left: 540px;
}
.container_16 .prefix_10 {
  padding-left: 600px;
}
.container_16 .prefix_11 {
  padding-left: 660px;
}
.container_16 .prefix_13 {
  padding-left: 780px;
}
.container_16 .prefix_14 {
  padding-left: 840px;
}
.container_16 .prefix_15 {
  padding-left: 900px;
}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}
.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}
.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px;
}
.container_12 .suffix_2 {
  padding-right: 160px;
}
.container_12 .suffix_4 {
  padding-right: 320px;
}
.container_12 .suffix_5 {
  padding-right: 400px;
}
.container_12 .suffix_7 {
  padding-right: 560px;
}
.container_12 .suffix_8 {
  padding-right: 640px;
}
.container_12 .suffix_10 {
  padding-right: 800px;
}
.container_12 .suffix_11 {
  padding-right: 880px;
}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
  padding-right: 60px;
}
.container_16 .suffix_2 {
  padding-right: 120px;
}
.container_16 .suffix_3 {
  padding-right: 180px;
}
.container_16 .suffix_5 {
  padding-right: 300px;
}
.container_16 .suffix_6 {
  padding-right: 360px;
}
.container_16 .suffix_7 {
  padding-right: 420px;
}
.container_16 .suffix_9 {
  padding-right: 540px;
}
.container_16 .suffix_10 {
  padding-right: 600px;
}
.container_16 .suffix_11 {
  padding-right: 660px;
}
.container_16 .suffix_13 {
  padding-right: 780px;
}
.container_16 .suffix_14 {
  padding-right: 840px;
}
.container_16 .suffix_15 {
  padding-right: 900px;
}
.fontsize {
  text-transform: uppercase;
  color: #f0f1d4;
  padding-top: 12px;
  padding-right: 35px;
}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
body {
  padding: 0 0 0px;
  /* was 0 0 40px; */
  font: 14pt Georgia, "Times New Roman", Times, serif;
  color: #333;
}
/* @group Standard Formatting */
h1 {
  font-weight: normal;
  font-size: 60px;
  margin: 10px 0;
  line-height: 100%;
}
h2 {
  margin: 25px;
  font-size: 24px;
  letter-spacing: 0px;
  line-height: 1.2em;
}
h3 {
  margin: 10px 0;
  font-size: 22px;
}
h4 {
  margin: 10px 0;
  font-size: 18px;
}
p {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 10px;
}
.fontsize {
  text-transform: uppercase;
  color: #f0f1d4;
  padding-top: 12px;
  padding-right: 35px;
}
p .welcome {
  font-size: 14px;
  font-weight: normal;
  line-height: 125%;
  margin-bottom: 20px;
}
a {
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
ol {
  list-style-type: upper-alpha;
  margin: 20px 0;
}
ol ol {
  list-style-type: lower-alpha;
  margin: 0;
}
ul {
  list-style-type: disc;
  margin: 20px 0;
}
ul ul {
  list-style-type: circle;
  margin: 0;
}
li {
  margin-left: 30px;
  line-height: 145%;
}
ul.checklist {
  padding: 0px;
  margin: 20px 0px;
}
ul.checklist li {
  padding-left: 20px;
  background: url(../images/check.png) no-repeat top left;
  list-style-type: none;
  margin: 0;
  line-height: 175%;
}
blockquote {
  padding: 15px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: 10px 20px;
}
blockquote p {
  margin: 0;
  padding: 0;
}
.codeblock {
  float: left;
  margin-bottom: 20px;
  padding: 25px;
}
/* @end */
/* @group Header Styling */
.branding h1 {
  font-weight: normal;
  font-size: 60px;
  text-align: left;
  padding: 5px 0;
  margin-bottom: 0;
  line-height: 100%;
}
.branding h1 a {
  text-decoration: none;
}
.branding h2 {
  margin: 0 0 120px 95px;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #f2f3d5;
  letter-spacing: 0px;
  padding-top: 80px;
  text-transform: uppercase;
}
.branding h1 a:hover {
  text-decoration: none;
}
/* @end */
/* @group Search Results Styling */
.search {
  padding-top: 145px;
  text-align: right;
}
#searchresults td {
  padding: 5px;
}
.resultHead {
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}
.searchinput {
  background: transparent url(../images/searchinput.png) no-repeat left top;
  border: 0 none;
  height: 17px;
  padding: 3px 5px;
  width: 145px;
}
.searchsubmit {
  padding: 1px 6px;
  margin: 0 5px 0 0;
}
/* @end */
/* @group Navigation */
ul.nav,
ul.nav * {
  margin: 0;
  padding: 0;
}
ul.nav {
  max-width: 100%;
  height: 2.5em;
  z-index: 50;
}
ul.nav li {
  cursor: pointer;
  float: left;
  text-align: center;
  list-style-type: none;
  font-weight: normal;
}
ul.nav li ul {
  cursor: default;
  width: 100%;
  max-width: 100%;
  position: absolute;
  height: auto;
  top: 55px;
  /** distance between dropdown and main nav button - larger number = more space **/
  background-position: 0 0 !important;
  left: -9000px;
}
ul.nav li ul li {
  padding: 0;
  border: none;
  width: auto;
  max-width: none;
  z-index: 30;
}
ul.nav li a {
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0 1em;
  z-index: 30;
}
ul.nav li ul li a {
  position: relative !important;
  /* ie Mac */
  cursor: pointer !important;
  white-space: nowrap;
  line-height: 2em;
  height: 2em;
  font-weight: normal;
  background-position: 0 50% !important;
  z-index: 50;
}
ul.nav li:hover ul {
  left: 0;
  z-index: 50;
}
ul.nav li.current a {
  cursor: default;
  font-weight: bold;
}
ul.nav li.current ul {
  left: 0;
  z-index: 50;
}
ul.nav li.current ul li a {
  font-weight: normal;
}
/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  margin: 0;
  z-index: 50;
}
ul.main li {
  position: relative;
  top: 0;
  left: 0;
  z-index: 50;
  margin: 0;
}
ul.main li ul {
  border-top: 0;
  z-index: 50;
}
ul.main li ul li {
  float: left;
  z-index: 50;
}
ul.main > li > a {
  border: 0;
  z-index: 50;
  font-size: 19px;
  font-weight: normal;
  padding: 16px 15px;
}
ul.main li ul li a {
  width: 12.5em;
  height: 2em;
  text-align: left;
  z-index: 50;
  font-size: 14px;
  padding: 3px 12px;
}
/* @end */
/* @group Footer Styles */
.footer {
  margin-bottom: 5px;
}
.footerinner {
  margin: 10px 5px 5px;
}
.footerinner p,
.footerinnerright p {
  margin-bottom: 3px;
  font-size: 15px;
}
.footerinner a {
  font-weight: normal;
}
.footerinnerright {
  text-align: right;
  margin: 10px 5px 5px;
  color: #F2F3D6;
}
.footerinnerright a {
  color: #f2f3d6;
}
.footerinnerright a:hover {
  color: #f2f3d6;
  text-decoration: underline;
}
/* @end */
/* @group Contact Page Styles */
.contactinfo {
  padding-top: 15px;
}
.emailaddress {
  margin: 35px 0;
}
.info {
  font-size: 22px;
}
.phonenumber h3,
.emailaddress h3,
.ourlocation h3 {
  margin: 0;
}
.phonenumber label,
.emailaddress label,
.ourlocation label {
  font-size: 17px;
}
#customform {
  padding: 10px;
}
.form h3 {
  margin: 3px 0;
  padding: 0;
}
.ourlocation {
  margin: 20px 0 0 0;
}
#customform label {
  display: block;
  width: 100%;
  font-size: 16px;
}
#customform input {
  margin-bottom: 5px;
}
#submit {
  padding: 5px 45px;
  margin: 10px 0 0;
}
.hiddenFields {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-indent: -5000px;
}
/* @end */
/* @group Front Page Styles */
.readmore {
  float: right;
  margin: 0px 10px;
}
.ads {
  padding-top: 15px;
  padding-bottom: 15px;
}
.rotator {
  height: 307px;
  /* changed from 285 and added bg color */
  background-color: #f7f8fc;
}
.main {
  height: auto;
}
/* @end */
/* @group Blog Page Styles */
div.entry {
  margin: 10px 0;
}
div.entry a h2 {
  text-decoration: none;
}
.blogsidebar {
  margin: 20px 5px;
}
.blogsidebar h4 {
  margin: 5px 0;
}
.posted,
.posted a {
  font-style: italic;
  text-transform: uppercase;
}
.blogsidebar ul {
  margin: 5px 0;
}
.blogsidebar li {
  line-height: 175%;
}
.comment {
  padding: 10px;
  margin: 10px 0;
}
.comments {
  padding: 10px;
  margin: 10px 0;
}
.commentform {
  margin: 15px 0;
}
.submit {
  padding: 2px 10px;
}
div.paginate {
  margin: 15px 0 10px 0;
}
.imgleft {
  float: left;
  margin: 10px 15px 10px 0px;
}
.imgright {
  float: right;
  margin: 10px 0px 10px 15px;
}
/* @end */
.content {
  padding: 0px 0;
  /** changed from 15px 0; **/
}
/* 03 =LAYOUT
---------------------------------------------------------- */
#wrap {
  margin: 0 auto;
  width: 944px;
}
#content {
  margin-bottom: 8px;
}
#header {
  height: 150px;
  background: #4475ba url("/page/-/wrappers/images/mastheadnew.gif") 50% 0 no-repeat;
  position: relative;
}
#header h2 {
  height: 109px;
  width: 350px;
  color: #FFF;
  background: url("/page/-/wrappers/images/logonew.gif") 5px 0 no-repeat;
  font-size: 26px;
}
#header h2 a {
  height: 109px;
  width: 350px;
  position: absolute;
  display: block;
  color: #f7f8fc;
  text-indent: -9999em;
}
#header label,
#header input.text {
  color: #555;
  font-size: 10px;
}
#header input.text {
  position: relative;
  top: -9px;
  height: 14px;
}
#quick-signup {
  position: absolute;
  right: 25px;
  top: 55px;
  width: 450px;
}
#quick-signup fieldset {
  float: right;
}
#quick-signup legend {
  color: #a1bee6;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .1em;
}
#quick-email {
  width: 200px;
}
#quick-zip {
  width: 100px;
}
#cse-search-box {
  position: absolute;
  right: 25px;
  top: 120px;
  width: 155px;
}
#quick-search {
  width: 120px;
}
#navigation {
  margin-left: 5px;
}
#navigation li.first {
  background: none;
}
#navigation a {
  color: #f7f8fc;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 14px 11px 15px 12px;
}
#navigation li {
  background: url("/page/-/wrappers/images/site-nav-border.gif") 0 50% no-repeat;
  height: 40px;
  padding-left: 1px;
}
#navigation li ul {
  padding-left: 1px;
}
#navigation li li {
  background: #153765;
  padding-left: 0;
}
#navigation li li a {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
}
#navigation a:hover,
#site-nav a:active,
#navigation li.sfHover a {
  background: url("/page/-/wrappers/images/site-nav-hvr.gif") 0 0 repeat-x;
  text-decoration: none;
}
#navigation li.sfHover li a {
  background: none;
}
#main {
  float: left;
  width: 631px;
}
#home #social-icons,
#error404 #social-icons,
#bsd #social-icons {
  display: none;
}
#social-icons {
  position: absolute;
  bottom: -35px;
  right: 325px;
}
#social-icons li {
  float: left;
  padding-left: 4px;
}
/*** Testing Arab Voices Sidebar Events ***/
#sidebar-arab-voices-events {
  padding-top: 11px;
  background: #ffffff url("/page/-/wrappers/images/actions.gif") 0 0 no-repeat;
}
#sidebar-events-events h3 {
  padding: 0 10px;
}
#sidebar #more-events-arab-voices {
  background: #ffffff url("/page/-/wrappers/images/sidebar-box-bg.gif") 100% 100% no-repeat;
  padding: 0 10px 10px;
  margin-bottom: 8px;
  padding-left: 20px;
}
#sidebar {
  width: 313px;
  float: right;
  background: url("/page/-/wrappers/images/sidebar-bg.gif") 100% 100% no-repeat;
  font-size: 12px;
}
#sidebar-inner {
  background: url("/page/-/wrappers/images/sidebar.gif") 0 0 no-repeat;
  padding: 13px 13px 13px 12px;
}
#sidebar h3 {
  font-size: 18px;
  text-align: center;
}
#actions,
#dr-zogby,
#sidebar-events,
#sidebar-arab-voices {
  background: #ffffff url("/page/-/wrappers/images/sidebar-box-bg.gif") 0 100% no-repeat;
}
#actions,
#sidebar-events,
#sidebar-arab-voices {
  padding-top: 11px;
  background: #ffffff url("/page/-/wrappers/images/actions.gif") 0 0 no-repeat;
}
#sidebar-events h3 {
  padding: 0 10px;
}
#sidebar-events ul {
  padding: 10px 22px;
  background: #fff;
  margin: 10px;
  border: 1px solid #d1d3d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 5px #d1d3d4;
  -webkit-box-shadow: 1px 1px 5px #d1d3d4;
  box-shadow: 1px 1px 5px #d1d3d4;
}
#sidebar-events ul li {
  padding: 10px 0;
  border-top: 1px dotted #2B4A75;
}
#sidebar-events ul li:first-child {
  border: none;
}
#sidebar-events h4 {
  font-size: 16px;
  line-height: 14px;
  font-weight: normal;
}
ul#social {
  background: #f7f8fc url("/page/-/wrappers/images/sidebar-box-bg.gif") 100% 100% no-repeat;
  padding: 20px 10px 20px;
  margin-bottom: 8px;
}
#social li {
  display: inline;
  font-size: 11px;
}
#social li a {
  color: #4d4d4f;
  padding: 15px 10px 10px 42px;
  border-left: 1px dotted #b2b4b6;
}
#social a#fb {
  background: url("/page/-/wrappers/images/fb.gif") 0 5px no-repeat;
  border: none;
  padding-left: 35px;
}
#social a#tw {
  background: url("/page/-/wrappers/images/tw.gif") 5px 5px no-repeat;
}
#social a#fl {
  background: url("/page/-/wrappers/images/ev.gif") 5px 5px no-repeat;
  padding-right: 0;
}
#sidebar #more-events {
  background: #ffffff url("/page/-/wrappers/images/sidebar-box-bg.gif") 100% 100% no-repeat;
  padding: 0 10px 10px;
}
#arabvoices {
  margin-bottom: 8px;
  padding-bottom: 10px;
  background-color: #F7F8FC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
/*** Arab Voices Test ***/
#sidebar #arabvoices h3 {
  background: #e8e9ed url("/page/-/wrappers/images/dr-zogby.gif") 0 0 no-repeat;
  font-style: oblique;
  font-size: 14px;
  text-transform: none;
  padding: 18px 0 12px;
}
#sidebar #arabvoices h3 em {
  display: block;
  font-style: normal;
  font-size: 18px;
  text-transform: uppercase;
}
#arabvoices #side-tabs {
  background: url("/page/-/wrappers/images/sidebar-box.gif") 0 0 no-repeat;
}
#arabvoices-side-tabs {
  color: #4d4d4f;
  font-size: 12px;
}
#arabvoices-side-tabs h4,
.zogby-archive-link {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #2b4a75;
}
.zogby-archive-link {
  margin-bottom: 0;
}
#arabvoices-side-tabs h4.first {
  margin-top: 0;
  border: none;
  padding: 0;
}
#arabvoices-side-tabs h4 a {
  font-size: 14px;
  color: #2b4a75;
}
#arabvoices-tab-nav li {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
#side-tabs #tab-reviews {
  text-transform: none;
}
#side-tabs #tab-reviews a {
  padding-top: 13px;
  padding-bottom: 9px;
}
#side-tabs #tab-press a {
  padding-top: 13px;
  padding-bottom: 9px;
}
#side-tabs #tab-appendix {
  text-transform: none;
}
#side-tabs #tab-appendix a {
  padding-top: 13px;
  padding-bottom: 9px;
}
#dr-zogby {
  margin-bottom: 8px;
  padding-bottom: 10px;
}
#sidebar #dr-zogby h3 {
  background: #e8e9ed url("/page/-/wrappers/images/dr-zogby.gif") 0 0 no-repeat;
  font-style: oblique;
  font-size: 11px;
  text-transform: lowercase;
  padding: 18px 0 12px;
}
#sidebar #dr-zogby h3 em {
  display: block;
  font-style: normal;
  font-size: 18px;
  text-transform: uppercase;
}
#dr-zogby #side-tabs {
  background: url("/page/-/wrappers/images/sidebar-box.gif") 0 0 no-repeat;
}
#side-tabs {
  color: #4d4d4f;
  font-size: 12px;
}
#side-tabs h4,
.zogby-archive-link {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #2b4a75;
}
.zogby-archive-link {
  margin-bottom: 0;
}
#side-tabs h4.first {
  margin-top: 0;
  border: none;
  padding: 0;
}
#side-tabs h4 a {
  font-size: 14px;
  color: #2b4a75;
}
#tab-nav li {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}
#side-tabs #tab-sp a {
  padding-top: 13px;
  padding-bottom: 9px;
}
#side-tabs #tab-sp,
#side-tabs #tab-ww span {
  font-style: italic;
  font-size: 13px;
}
#side-tabs #tab-ww {
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.1;
}
#side-tabs #tab-ww span {
  font-size: 9px;
  font-style: normal;
  display: block;
  letter-spacing: -0.03em;
}
#side-tabs #tab-vp {
  text-transform: lowercase;
}
#side-tabs #tab-vp a {
  padding-top: 11px;
  padding-bottom: 7px;
}
.promo {
  background: #FFF;
  width: 267px;
  height: 86px;
  padding: 20px 0 20px 20px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: normal;
  overflow: hidden;
}
.promo img {
  float: right;
  margin: -20px 0 0 10px;
}
/*** arab voices sidebar image ***/
.promo-arabvoices {
  background: #FFF;
  width: 268px;
  height: 26px;
  padding: 15px 0 20px 20px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.0;
  font-weight: normal;
  overflow: hidden;
}
.promo-arabvoices img {
  float: right;
  margin: -20px 0 0 10px;
}
#footer {
  clear: both;
  padding: 12px 0 30px;
  border-top: 10px solid #e2e3e4;
  font-size: 11px;
  margin: 8px auto 0;
  width: 937px;
}
#footer li {
  display: inline;
  padding: 0 4px 0 7px;
  background: url("/page/-/wrappers/images/footer-link.gif") 0 40% no-repeat;
}
#footer li.first {
  background: none;
}
#copyright {
  float: left;
}
#links {
  text-align: right;
}
#copyright,
#copyright a:link,
#copyright a:visited {
  color: #6f84a2;
}
/*** SUPERFISH STYLES ***/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height: 1.0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 40px;
  /* match top ul list item height */
  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
ul.sf-menu li ul {
  background: padding: 0 20px 10px;
  width: 160px;
}
ul#navigation.sf-menu li li {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
ul#navigation.sf-menu li li a {
  color: #fff;
  text-indent: 0px;
  text-decoration: none;
  height: auto;
  width: 136px;
}
ul#navigation.sf-menu li li a:hover {
  background: url("/page/-/wrappers/images/site-nav-hvr.gif") 0 0 repeat-x;
}
.sf-menu a,
.sf-menu a:visited {
  color: #000;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
  outline: 0;
}
ul#navigation.sf-menu li.sfHover li {
  height: auto;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url('/page/-/images/wrapper/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
ul#navigation.sf-menu li ul {
  display: none;
}
.sf-sub-indicator {
  display: none;
}
/* 05 =SUBPAGES
---------------------------------------------------------- */
p.legis-summary {
  margin-bottom: 0;
}
#SKIN h1 {
  color: #2B4A75 !important;
}
#event_results .event_footer .links {
  float: left !important;
}
#event_results .event_footer .links .detail_button a {
  margin: 0 !important;
}
/* 06 =FRAMEWORK
---------------------------------------------------------- */
/*
SKIN OVERRIDES
Last Update: JUNE 11, 2010
NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework".
For the YUI styles to work the body id should be "bsd"
*/
/*=TYPOGRAPHY
---------------------------------------------------------- */
#framework #SKIN h1,
#framework #SKIN .basic .main #eventdetail .title,
#framework #profiledetail #sectionheader,
#framework #stdheader #title {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 6px;
}
#framework h4 {
  margin-bottom: 10px;
}
/*if using cufon or typekit for headers be sure to target the following header ids/classes
#titletext - header for Outeach pages
.headertitle — header for Comunity pages
*/
#framework #contribution .contribheader,
#framework #SKIN h2,
#framework #sectionheader,
#framework #SKIN .widget_header,
#framework #SKIN .widget_title,
#framework #community .communitypostinlist .title,
#framework #community .header,
#framework #community .communitypostfull .title,
#framework #community .journaltitle,
#framework #community .journalarchive .journalarchivetitle,
#framework a#host-button,
#framework #loginform .logintitle,
#framework #signupform .signuptitle,
#framework #outreach_content #loginform .logintitle,
#framework #outreach_content #signupform .signuptitle,
#framework #manageform .managetitle,
#framework #forgotpw .header {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
}
#framework #SKIN h3,
#framework #SKIN .basic .main .typedescheader,
#framework #community .postlist table.head .text,
#framework #community .subheader,
#framework #community .profileteaser .title,
#framework #odgettingstarted .odsechead,
#framework #odprogress .odsechead,
#framework #odyourpage .odsechead,
#framework #odstats .odsechead,
#framework #odaddress .odsechead,
#framework #odgroup .odsechead,
#framework #outreach_content .omhead {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 6px;
}
#framework #SKIN h4,
#framework #SKIN h5 {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}
/*HEADERS WITH BOTTOM BORDERS*/
#framework #contribution .contribheader,
#framework #sectionheader,
#framework .sectionheader,
#framework #SKIN .header,
#framework #SKIN .basic .main .typedescheader,
#framework #community .header,
#framework #community .communitypostfull .title,
#framework #community .journaltitle,
#framework #community .journalarchive .journalarchivetitle,
#framework #stdheader,
#framework #community .profileteaser .title,
#framework #odgettingstarted .odsechead,
#framework #odprogress .odsechead,
#framework #odyourpage .odsechead,
#framework #odstats .odsechead,
#framework #odaddress .odsechead,
#framework #odgroup .odsechead,
#framework #outreach_content .omhead,
#framework #manageform .managetitle,
#framework #forgotpw .header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}
/*WIDGET HEADERS*/
#framework #SKIN .widget_header {
  background: #eee;
  border-bottom: 1px solid #ddd;
  margin-bottom: 6px;
  padding: 5px 10px;
  position: relative;
}
/*SUB-HEADERS*/
#framework #SKIN .widget_subheader,
#framework #community .subheader {
  background: #F2F7F7;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
}
/*=BUTTONS
---------------------------------------------------------- */
/*INPUT BUTTONS*/
/*Targets most Buttons*/
/*INPUT HOVER STATES
Note this will only work for modern browsers*/
/*RSVP and DETAILS BUTTONS*/
#framework #event_results .event_footer .links {
  float: left;
}
#framework #event_results .event_footer .links .detail_button,
#framework #event_results .event_footer .links .rsvp_button {
  float: right;
}
#framework #event_results .event_footer .links .detail_button a,
#framework #event_results .event_footer .links .rsvp_button a {
  display: block;
  margin-left: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 2px 10px;
}
#framework #event_results .event_footer .links .detail_button a {
  background: #eee;
  border: 1px solid #ccc;
  padding: 2px 10px 1px;
}
#framework #event_results .event_footer .links .rsvp_button a {
  background: #555;
  color: #fff;
  padding: 3px 10px 2px;
}
#framework #event_results .event_footer .links .detail_button a:hover,
#framework #event_results .event_footer .links .rsvp_button a:hover {
  background: #333;
  border-color: #333;
  color: #eee;
}
/*Hover state for RSVP and Details buttons*/
/*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/
#framework #contact_importer_button {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px;
}
/*You can change the background color to match your other input button styles*/
/*SEARCH BUTTON*/
/*=TEXT INPUT FIELDS AND TEXTAREAS
---------------------------------------------------------- */
#framework input.text,
#framework textarea {
  padding: 3px;
}
/*Use this definition to target most of the text input fields*/
/*=TABS
NOTE If the background color for your page is not white you will have to update the bottom border color for the active tabs for Framework, Events and Friends i.e.
#framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #f7f8fc; font-weight: bold; }
#framework ul#event_order li.active { background: none; border-bottom: 1px solid #f7f8fc; font-weight: bold; }
#framework #SKIN #friends_tabs ul li.active_tab  { background: none; border: 1px solid #ddd; border-bottom: 1px solid #f7f8fc; }
---------------------------------------------------------- */
/*FRAMEWORK TABS*/
#framework #SKIN #blue_hat {
  background: none;
  border-bottom: 1px solid #ddd;
  height: 43px;
}
#framework #SKIN #blue_hat ul {
  display: inline;
  float: right;
  height: auto;
  margin: 0 5px;
  padding: 18px 0 0 0;
}
#framework #SKIN #blue_hat li {
  background: #eee;
  border: 1px solid #ddd;
  border-top-left-radius: 3px;
  display: inline;
  float: right;
  padding: 5px 10px 4px;
  text-decoration: none;
}
#framework #SKIN #blue_hat li a {
  color: #888;
  text-decoration: none;
}
#framework #SKIN #blue_hat .blue_hat_active {
  background: none;
  border-bottom: 1px solid #f7f8fc;
  font-weight: bold;
}
#framework #SKIN #blue_hat .blue_hat_active a {
  color: #555;
}
#framework #SKIN #blue_hat li a:hover {
  background: none;
  color: #555;
}
/*EVENT TABS*/
#framework ul#event_order {
  border-bottom: 1px solid #ddd;
  clear: both;
  float: left;
  list-style-type: none;
  margin: 0 0 10px 0;
  top: 0;
  width: 100%;
}
#framework ul#event_order li {
  background: #eee;
  border: 1px solid #ddd;
  color: #888;
  display: inline;
  float: left;
  margin: 0 0 -1px 5px;
  padding: 5px 10px 4px;
  text-decoration: none;
}
#framework ul#event_order li a {
  color: #888;
}
#framework ul#event_order a:hover {
  color: #555;
}
#framework ul#event_order li.active {
  background: none;
  border-bottom: 1px solid #f7f8fc;
  font-weight: bold;
}
#framework ul#event_order li.active a {
  color: #555;
}
/*WIDGET TABS*/
/*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/
#framework #SKIN .widget_tabs {
  margin: 0;
  padding: 0;
}
#framework #SKIN .widget_tabs li {
  border-top-left-radius: 3px;
  float: left;
  list-style: none;
  padding: 5px 10px 4px 10px;
  margin: 0 5px 0 0;
  list-style-type: none;
}
#framework #SKIN .widget_tabs li.active_tab {
  background: #eee;
  font-weight: bold;
}
#framework #SKIN .widget_tabs li.inactive_tab {
  background: #ddd;
}
/*FRIENDS TABS*/
#framework #SKIN #friends_tabs {
  border-bottom: 1px solid #ddd;
  margin: 18px 0 6px 0;
}
#framework #SKIN #friends_tabs ul {
  margin: 0;
  padding: 5px 0 0 0;
  list-style: none;
}
#framework #SKIN #friends_tabs li {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: inline;
  float: left;
  margin: 0 0 -1px 5px;
  list-style-type: none;
  padding: 5px 10px 4px;
}
#framework #SKIN #friends_tabs ul li.active_tab {
  background: none;
  border: 1px solid #ddd;
  border-bottom: 1px solid #f7f8fc;
}
#framework #SKIN #friends_tabs ul li.active_tab a {
  color: #555;
  font-weight: bold;
}
#framework #SKIN #friends_tabs ul li.inactive_tab {
  background: #eee;
  border: 1px solid #ddd;
}
/*=SPEAKOUT TABS*/
#framework #speakout #tabs {
  margin-top: 18px;
}
#framework #speakout #nav-tabs {
  border-bottom: 1px solid #ddd;
  clear: both;
  float: left;
  list-style-type: none;
  margin: 0 0 18px 0;
  top: 0;
  width: 100%;
}
#framework #speakout #nav-tabs li {
  background: #eee;
  border: 1px solid #ddd;
  color: #888;
  display: inline;
  float: left;
  margin: 0 0 -1px 5px;
  padding: 5px 10px 4px;
  text-decoration: none;
}
#framework #speakout #nav-tabs li.tab-on {
  background: none;
  border-bottom: 1px solid #f7f8fc;
  color: #555;
  font-weight: bold;
}
#framework .group_field {
  margin-bottom: 10px;
}
#framework #speakout .splash {
  margin: 0 0 20px 0;
}
#framework #speakout table {
  clear: left;
  margin: 0 20px 10px 0;
}
#framework #speakout .recipient-header {
  font-weight: bold;
}
#framework #speakout .recipient-divider {
  padding-top: 10px;
  font-style: italic;
}
#framework #speakout .stat {
  text-align: right;
}
#framework #speakout td {
  vertical-align: top;
}
#framework #speakout .field {
  width: 50%;
  padding-left: 10px;
}
/*YUI POP OVER
This controls the style of the pop over opened after clicking the contact importer button
As noted above, in order for this to work the body id should be "bsd"
---------------------------------------------------------- */
#bsd .yui-panel {
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#bsd .yui-panel-container.shadow .underlay {
  display: none;
}
#bsd .yui-panel .container-close {
  right: 10px;
}
/*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/
#bsd .yui-panel .hd {
  background: #eee;
  color: #333;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
  padding: 10px;
}
#bsd .yui-panel .bd {
  font-size: 12px;
  line-height: 18px;
  padding: 6px;
}
#bsd #contact_importer_wrapper {
  margin: 0;
}
#bsd #contact_importer_wrapper #contact_importer_error {
  margin: 18px 0 0 0;
}
#bsd #contact_importer_dialog .button-group button {
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  padding: 3px 10px;
}
/*Contact Listings*/
#bsd #contact_importer_wrapper #results_table_header {
  background: #eee;
}
#bsd #contact_importer_wrapper #results_table_outer {
  border: 1px solid #ddd;
}
/*=LAYOUT
---------------------------------------------------------- */
/*SOCIAL NET WIDGET COLUMNS*/
#framework #SKIN #widget_group_1 {
  float: left;
  width: 49%;
}
/*Left column*/
#framework #SKIN #widget_group_2 {
  float: right;
  width: 49%;
}
/*Right column*/
/*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW
---------------------------------------------------------- */
#framework #SKIN #widget_directory_search_groups_by_keyword {
  float: none !important;
}
/* JQUERY UI-TABS */
#framework {
  font-size: 12px;
}
#sidebar .ui-widget input,
#sidebar .ui-widget select,
#sidebar .ui-widget textarea,
#sidebar .ui-widget button {
  font-size: 1em;
}
#sidebar .ui-widget-content {
  background: #FFF;
}
#sidebar .ui-widget-content a {
  color: #333333;
}
#sidebar .ui-widget-header {
  border: 1px solid #e78f08;
  color: #ffffff;
  font-weight: bold;
}
#sidebar .ui-widget-header a {
  color: #ffffff;
}
/* Layout helpers
----------------------------------*/
#sidebar .ui-helper-hidden {
  display: none;
}
#sidebar .ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}
#sidebar .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
#sidebar .ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#sidebar .ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
#sidebar .ui-helper-clearfix {
  display: block;
}
/* end clearfix */
#sidebar .ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction states
----------------------------------*/
#sidebar .ui-state-default,
#sidebar .ui-widget-content .ui-state-default {
  font-weight: bold;
  color: #1c94c4;
  outline: none;
}
#sidebar .ui-state-default a,
#sidebar .ui-state-default a:link,
#sidebar .ui-state-default a:visited {
  color: #b1b3b6;
  text-decoration: none;
  outline: none;
}
#sidebar .ui-state-hover,
#sidebar .ui-widget-content .ui-state-hover,
#sidebar .ui-state-focus,
#sidebar .ui-widget-content .ui-state-focus {
  font-weight: bold;
  color: #c77405;
  outline: none;
}
#sidebar .ui-state-hover a,
#sidebar .ui-state-hover a:hover {
  color: #636466;
  text-decoration: none;
  outline: none;
}
#sidebar .ui-state-active,
#sidebar .ui-widget-content .ui-state-active {
  border: 1px solid #d1d3d4;
  background: #f7f8fc;
  font-weight: bold;
  color: #636466;
  outline: none;
}
#sidebar .ui-state-active a,
#sidebar .ui-state-active a:link,
#sidebar .ui-state-active a:visited {
  color: #636466;
  outline: none;
  text-decoration: none;
}
/* Corner radius */
#sidebar .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}
#sidebar .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
#sidebar .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
#sidebar .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
#sidebar .ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
#sidebar .ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
#sidebar .ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
#sidebar .ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
#sidebar .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* tabs */
#sidebar .ui-tabs {
  padding: 20px 9px 0;
  zoom: 1;
}
#sidebar .ui-tabs .ui-tabs-nav {
  list-style: none;
  position: relative;
  padding: 2px 5px 0;
}
#sidebar .ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  border-bottom-width: 0 !important;
  margin: 0 0 -1px 0;
  padding: 0;
}
#sidebar .ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  padding: 8px 7px 3px;
}
#sidebar .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 1px;
  border-bottom-width: 0;
  -moz-box-shadow: 0 -1px 1px #d1d3d4;
  -webkit-box-shadow: 0 -1px 2px #d1d3d4;
}
#sidebar .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
#sidebar .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
#sidebar .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
#sidebar .ui-tabs .ui-tabs-nav li a,
#sidebar .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#sidebar .ui-tabs .ui-tabs-panel {
  padding: 18px 22px;
  display: block;
  border: 1px solid #d1d3d4;
  background: #f7f8fc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 1px 1px 5px #d1d3d4;
  -webkit-box-shadow: 1px 1px 5px #d1d3d4;
}
#sidebar .ui-tabs .ui-tabs-hide {
  display: none !important;
}
/* 07 =UTILITY
---------------------------------------------------------- */
#dsq-content .dsq-item-cp {
  display: none;
}
/* hides Disqus community page link */
.clickable {
  cursor: pointer;
}
.stretcher {
  clear: both;
  height: 1px;
  visibility: hidden;
}
.nomargin {
  margin-bottom: 0px;
}
.floatl {
  float: left;
  margin: 0;
  padding: 0 10px 10px 0;
}
.floatr {
  float: right;
  margin: 0;
  padding: 0 0 10px 10px;
}
.floatl-nomargin {
  float: left;
  margin: 0;
  padding: 0;
}
.floatr-nomargin {
  float: right;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
  height: 0;
  margin: 0;
  font-size: 1px;
  line-height: 0;
}
.required {
  color: red;
}
i,
em {
  font-style: italic;
}
b,
strong {
  font-weight: bold;
}
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}
.cufon-loading a {
  visibility: hidden !important;
}
body {
  background: #ebe4e9;
  /** was# 431e63 url(bg.jpg) repeat-x left top **/
  color: #333;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.5;
}
.fontsize {
  float: right;
  text-transform: uppercase;
  color: #f1f2d5;
  padding-top: 15px;
  padding-right: 15px;
  font-size: 14px;
}
.fontsize a {
  color: #f1f2d5;
}
.fontsize a:hover {
  text-decoration: none;
  color: #f1f2d5;
}
h2 {
  color: #431e63;
}
h3 {
  color: #431e63;
}
h4 {
  color: #431e63;
}
h5 {
  color: #f2f3d5;
  font-size: 14px;
}
h5 a {
  color: #f2f3d5;
  font-size: 14px;
}
h5 a active {
  color: #fff;
}
a {
  color: #004F99;
}
a:hover {
  color: #004F99;
}
blockquote {
  background-color: #eae3e8;
  border: 1px solid #644289;
  color: #000;
}
.codeblock {
  background-color: #f5f5f5;
  border: 1px solid #f1f1f1;
  border-left: 20px solid #02296E;
}
.header {
  background-color: #64428a;
  border-left: 0px solid #e0e1e2;
  border-right: 0px solid #e0e1e21;
}
.branding h1 a {
  color: #f2f3d5;
}
.branding h1 a:hover {
  color: #4b4b4b;
}
#searchresults td {
  border: 1px solid #eee;
}
.resultHead {
  background-color: #333;
  color: #fff;
  border: 1px solid #ccc;
}
.searchsubmit {
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  color: #335482;
}
.content {
  background-color: #fff;
  border-left: 2px solid #e0e1e2;
  /** was#431e63**/
  border-right: 2px solid #e0e1e2;
}
#mainowl {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  background-color: #fff;
  border-left: 2px solid #e0e1e2;
  border-right: 2px solid #e0e1e2;
}
#maincontent {
  background-color: #fff;
  float: left;
  width: 643px;
  height: auto;
}
.maincontentbase {
  padding: 30px 25px 0;
  width: 553px;
}
.contactinfo {
  color: #333;
  background-color: #fff;
  border-left: 1px solid #e0e1e2;
  border-right: 1px solid #e0e1e2;
}
/* @group Navigation */
.navigation {
  background: #4e336a url(http://www.owl-national.org/images/wrappers/nav_bg.jpg) repeat-x left top;
  border-left: 1px solid #e0e1e2;
  border-right: 1px solid #e0e1e2;
}
ul.nav li a {
  color: #fff;
}
ul.nav li ul li a {
  color: #666;
}
ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {
  color: #000;
  background: #ccc;
}
ul.nav li a:active {
  color: #666;
  background: #fff;
}
ul.nav li:hover ul li a {
  color: #444;
}
ul.nav li:hover ul li a:hover {
  color: #000;
  background: #fff;
}
ul.nav li:hover ul li a:active {
  color: #666;
  background: #fff;
}
ul.nav li.current a {
  color: #666;
  background: #fff;
}
ul.nav li.current ul,
ul.nav li.current {
  background: #cccccc !important;
}
ul.nav li.current ul li a {
  color: #444;
  background: #ccc;
}
ul.nav li.current ul li a:hover {
  color: #000;
  background: #fff;
}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {
  color: #666;
  background: #fff;
}
ul.main li a {
  color: #f1f2d5;
}
ul.main li ul li a {
  color: #f2f3d6;
  border-top: 1px solid #fff;
  background: #333333;
}
ul.main li a:focus {
  color: #f2f3d6;
  background: #666666 url(http://www.owl-national.org/images/wrappers/nav_hover.jpg) repeat-x left top;
}
ul.main li ul li a:hover {
  color: #f2f3d6;
  background: #555;
}
/* Changes the color of the drop down menus */
ul.main li:hover a {
  color: #f2f3d6;
  background: #431e63 url(http://www.owl-national.org/images/wrappers/nav_hover.jpg) repeat-x left top;
}
ul.main li:hover ul li a {
  color: #f2f3d6;
  background: #431e63;
}
ul.main li:hover ul li a:hover {
  color: #f2f3d6;
  background: #7a5e94;
}
/* @end */
.rotator {
  background-color: #fff;
  border-left: 1px solid #e0e1e2;
  border-right: 1px solid #e0e1e2;
}
.ads {
  background-color: #fff;
  border-left: 1px solid #e0e1e2;
  border-right: 1px solid #e0e1e2;
}
.ads img {
  border: 1px solid #ccc;
}
.comments {
  border: 1px dashed #ccc;
  background-color: #eee;
}
.submit {
  background-color: #666;
  border: 1px solid #333;
  color: #fff;
}
.footer {
  background: url(http://www.owl-national.org/images/wrappers/footer_bg.jpg) repeat-x left bottom;
  border-left: 1px solid #e0e1e2;
  border-right: 1px solid #e0e1e2;
  border-bottom: 0px solid #431e63;
}
.footerinner p {
  color: #F2F3D6;
  font-size: 15px;
}
.footerinner a {
  color: #431e63;
  font-size: 15px;
}
.posted a {
  color: #333;
  text-transform: uppercase;
  text-decoration: none;
}
.posted a hover {
  color: #333;
  font-size: 14px;
  line-height: 140%;
  font-style: italic;
  text-transform: uppercase;
  text-decoration: underline;
}
.newsflashitem {
  border-bottom: 1px solid #823502;
  color: #fff;
}
.requiredfield {
  color: #ff0000;
}
#customform {
  border: 1px dashed #ccc;
  background-color: #EEEEEE;
}
#submit {
  border: 1px solid #666;
  background-color: #7a7a7a;
}
.comment {
  border: 1px dashed #ccc;
  background-color: #eee;
}
.hiddenFields {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-indent: -5000px;
}
/* AAI Styles */
/* 03 =LAYOUT
---------------------------------------------------------- */
#wrap {
  margin: 0 auto;
  width: 944px;
}
#content {
  margin-bottom: 8px;
}
#header {
  height: 120px;
  background: #4475ba url("/page/-/wrappers/images/mastheadnew.gif") 50% 0 no-repeat;
  position: relative;
}
#header h2 {
  height: 109px;
  width: 350px;
  color: #FFF;
  background: url("/page/-/wrappers/images/logonew.gif") 5px 0 no-repeat;
  font-size: 26px;
}
#header h2 a {
  height: 109px;
  width: 350px;
  position: absolute;
  display: block;
  color: #f7f8fc;
  text-indent: -9999em;
}
#header label,
#header input.text {
  color: #555;
  font-size: 10px;
}
#header input.text {
  position: relative;
  top: -9px;
  height: 14px;
}
#quick-signup {
  position: absolute;
  right: 25px;
  top: 55px;
  width: 450px;
}
#quick-signup fieldset {
  float: right;
}
#quick-signup legend {
  color: #a1bee6;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .1em;
}
#quick-email {
  width: 200px;
}
#quick-zip {
  width: 100px;
}
#cse-search-box {
  position: absolute;
  right: 25px;
  top: 120px;
  width: 155px;
}
#quick-search {
  width: 120px;
}
#navigation {
  margin-left: 5px;
}
#navigation li.first {
  background: none;
}
#navigation a {
  color: #f7f8fc;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 14px 11px 15px 12px;
}
#navigation li {
  background: url("/page/-/wrappers/images/site-nav-border.gif") 0 50% no-repeat;
  height: 40px;
  padding-left: 1px;
}
#navigation li ul {
  padding-left: 1px;
}
#navigation li li {
  background: #153765;
  padding-left: 0;
}
#navigation li li a {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
}
#navigation a:hover,
#site-nav a:active,
#navigation li.sfHover a {
  background: url("/page/-/wrappers/images/site-nav-hvr.gif") 0 0 repeat-x;
  text-decoration: none;
}
#navigation li.sfHover li a {
  background: none;
}
#main {
  float: left;
  width: 530px;
  padding: 25px;
}
#home #social-icons,
#error404 #social-icons,
#bsd #social-icons {
  display: none;
}
#social-icons {
  position: absolute;
  bottom: -35px;
  right: 325px;
}
#social-icons li {
  float: left;
  padding-left: 4px;
}
#sidebar {
  width: 313px;
  float: right;
  background: url("http://www.owl-national.org/images/wrappers/sidebar-bg.gif") 100% 100% no-repeat;
  font-size: 12px;
}
#sidebar-inner {
  background: url("http://www.owl-national.org/images/wrappers/sidebar.gif") 0 0 no-repeat;
  padding: 13px 13px 13px 12px;
}
#sidebar h3 {
  font-size: 18px;
  text-align: center;
  color: #431e63;
}
#sidebar h3 a {
  font-size: 18px;
  text-align: center;
  color: #431e63;
}
#actions,
#dr-zogby,
#sidebar-events,
#sidebar-arab-voices {
  background: #ffffff url("http://www.owl-national.org/images/wrappers/sidebar-box-bg.gif") 0 100% no-repeat;
}
#actions,
#sidebar-events,
#sidebar-arab-voices {
  padding-top: 1px;
  background: #ffffff url("http://www.owl-national.org/images/wrappers/actions.gif") 0 0 no-repeat;
}
#sidebar-events h3 {
  padding: 0 10px;
}
#sidebar-events ul {
  padding: 10px 22px;
  background: #fff;
  margin: 10px;
  border: 1px solid #d1d3d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 5px #d1d3d4;
  -webkit-box-shadow: 1px 1px 5px #d1d3d4;
  box-shadow: 1px 1px 5px #d1d3d4;
}
#sidebar-events ul li {
  padding: 10px 0;
  border-top: 1px dotted #2B4A75;
}
#sidebar-events ul li:first-child {
  border: none;
}
#sidebar-events h4 {
  font-size: 16px;
  line-height: 14px;
  font-weight: normal;
}
ul#social {
  background: #f7f8fc url("http://www.owl-national.org/images/wrappers/sidebar-box-bg.gif") 100% 100% no-repeat;
  padding: 5px 10px 20px;
  margin-bottom: 0px;
}
#social li {
  display: inline;
  font-size: 11px;
}
#social li a {
  color: #4d4d4f;
  padding: 15px 10px 10px 42px;
  border-left: 0px dotted #b2b4b6;
}
#social a#fb {
  background: url("http://www.owl-national.org/images/wrappers/fb.gif") 0 5px no-repeat;
  border: none;
  padding-left: 35px;
}
#social a#tw {
  background: url("http://www.owl-national.org/images/wrappers/tw.gif") 5px 5px no-repeat;
}
#social a#yt {
  background: url("http://www.owl-national.org/images/wrappers/yt.gif") 5px 5px no-repeat;
  padding-right: 0;
}
#sidebar #more-events {
  background: #ffffff url("/page/-/wrappers/images/sidebar-box-bg.gif") 100% 100% no-repeat;
  padding: 0 10px 10px;
}
.promo {
  background: #FFF;
  width: 267px;
  height: 86px;
  padding: 20px 0 20px 20px;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: normal;
  overflow: hidden;
}
.promo img {
  float: right;
  margin: -20px 0 0 10px;
}
/*** arab voices sidebar image ***/
.promo-arabvoices {
  background: #FFF;
  width: 268px;
  height: 26px;
  padding: 15px 0 20px 20px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.0;
  font-weight: normal;
  overflow: hidden;
}
.promo-arabvoices img {
  float: right;
  margin: -20px 0 0 10px;
}
#footer {
  clear: both;
  padding: 12px 0 30px;
  border-top: 10px solid #e2e3e4;
  font-size: 11px;
  margin: 8px auto 0;
  width: 937px;
}
#footer li {
  display: inline;
  padding: 0 4px 0 7px;
  background: url("/page/-/wrappers/images/footer-link.gif") 0 40% no-repeat;
}
#footer li.first {
  background: none;
}
#copyright {
  float: left;
}
#links {
  text-align: right;
}
#copyright,
#copyright a:link,
#copyright a:visited {
  color: #6f84a2;
}
/*** SUPERFISH STYLES ***/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height: 1.0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 40px;
  /* match top ul list item height */
  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
ul.sf-menu li ul {
  background: padding: 0 20px 10px;
  width: 160px;
}
ul#navigation.sf-menu li li {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
ul#navigation.sf-menu li li a {
  color: #fff;
  text-indent: 0px;
  text-decoration: none;
  height: auto;
  width: 136px;
}
ul#navigation.sf-menu li li a:hover {
  background: url("/page/-/wrappers/images/site-nav-hvr.gif") 0 0 repeat-x;
}
.sf-menu a,
.sf-menu a:visited {
  color: #000;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
  outline: 0;
}
ul#navigation.sf-menu li.sfHover li {
  height: auto;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url('/page/-/images/wrapper/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
ul#navigation.sf-menu li ul {
  display: none;
}
.sf-sub-indicator {
  display: none;
}
/* 04 =HOMEPAGE
---------------------------------------------------------- */
#feature {
  height: 315px;
  background-color: #f7f8fc;
  padding: 0px 9px 0;
  position: relative;
  overflow: hidden;
}
#rotator {
  font-size: 13.5px;
  color: #633;
  line-height: 1.3;
  overflow: hidden;
  height: 307px;
}
#rotator h2 {
  font-size: 20px;
  padding: 30px 0 20px;
  color: #633;
}
#rotator h2 a {
  color: #9f0f0f;
}
.slide {
  width: 630px;
}
.slide img {
  float: left;
  margin-right: 28px;
  padding-top: 4px;
  padding-left: 5px;
}
/* was 33px */
.slide p {
  margin-right: 20px;
  font-size: 14px;
  margin-top: 0;
}
#pager {
  position: absolute;
  bottom: 25px;
  right: 54px;
  z-index: 10;
}
#pager a,
a.more {
  border-radius: 5px;
  background-clip: padding-box;
  background: #b1f339;
  color: #513570;
  font-size: 14px;
  margin: 0 1px;
  text-transform: uppercase;
  padding: 0 6px 3px 7px;
  text-align: center;
}
a.more {
  font-size: 12px;
  width: 80px;
  font-weight: bold;
  left: 340px;
  bottom: 18px;
  position: absolute;
  letter-spacing: .05em;
  padding: 3px 11px 3px;
}
#pager a:hover,
#pager a:active,
a:hover.more,
a:active.more {
  text-decoration: none;
}
#pager a.activeSlide {
  background: #88151a url("/page/-/wrappers/images/pager-hvr.gif") 0 0 repeat-x;
}
#welcome {
  background: #4c6d92 url("/page/-/wrappers/images/welcome-bg.gif") 0 100% no-repeat;
  margin: 5px 0;
  font-size: 12px;
}
#welcome h3 {
  height: 35px;
  padding-top: 25px;
  text-indent: 7px;
  text-align: center;
  color: #f7f8fc;
  background: #5c7da0 url("/page/-/wrappers/images/welcome.gif") 0 0 no-repeat;
  font-size: 14px;
}
#welcome p {
  color: #FFF;
  padding: 15px 25px 25px;
}
#newsblog {
  background: url("/page/-/wrappers/images/newsblog-bg.gif") 0 100% no-repeat;
  padding: 0 0 25px;
}
#newsblog h3 {
  height: 36px;
  padding-top: 23px;
  text-indent: 3px;
  text-align: center;
  color: #2b4a75;
  background: #ecedf0 url("/page/-/wrappers/images/newsblog.gif") 0 0 no-repeat;
  font-size: 14px;
}
#newsblog h3 a {
  height: 100%;
  display: block;
}
.entry {
  color: #4d4d4f;
  width: 580px;
  padding: 5px 0 17px;
  margin: 0 auto;
}
.entry.first {
  background: none;
}
.entry h4 {
  font-size: 18px;
  color: #431e63;
  font-weight: bold;
  text-decoration: none;
}
.entry h4 a {
  font-size: 16px;
  color: #431e63;
  font-weight: bold;
  text-decoration: none;
}
/* changed this to change blog appearance */
.date {
  font-size: 11px;
  text-transform: uppercase;
}
#press .date {
  margin: 25px 0 0;
}
.base p.meta,
.meta {
  color: #2b4a75;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 15px;
}
.entry img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #e2e3e4;
}
/* 05 =SUBPAGES
---------------------------------------------------------- */
p.legis-summary {
  margin-bottom: 0;
}
#SKIN h1 {
  color: #2B4A75 !important;
}
#event_results .event_footer .links {
  float: left !important;
}
#event_results .event_footer .links .detail_button a {
  margin: 0 !important;
}
/* 06 =FRAMEWORK
---------------------------------------------------------- */
/*
SKIN OVERRIDES
Last Update: JUNE 11, 2010
NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework".
For the YUI styles to work the body id should be "bsd"
*/
/*=TYPOGRAPHY
---------------------------------------------------------- */
#framework #SKIN h1,
#framework #SKIN .basic .main #eventdetail .title,
#framework #profiledetail #sectionheader,
#framework #stdheader #title {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 6px;
}
#framework h4 {
  margin-bottom: 10px;
}
/*if using cufon or typekit for headers be sure to target the following header ids/classes
#titletext - header for Outeach pages
.headertitle — header for Comunity pages
*/
#framework #contribution .contribheader,
#framework #SKIN h2,
#framework #sectionheader,
#framework #SKIN .widget_header,
#framework #SKIN .widget_title,
#framework #community .communitypostinlist .title,
#framework #community .header,
#framework #community .communitypostfull .title,
#framework #community .journaltitle,
#framework #community .journalarchive .journalarchivetitle,
#framework a#host-button,
#framework #loginform .logintitle,
#framework #signupform .signuptitle,
#framework #outreach_content #loginform .logintitle,
#framework #outreach_content #signupform .signuptitle,
#framework #manageform .managetitle,
#framework #forgotpw .header {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
}
#framework #SKIN h3,
#framework #SKIN .basic .main .typedescheader,
#framework #community .postlist table.head .text,
#framework #community .subheader,
#framework #community .profileteaser .title,
#framework #odgettingstarted .odsechead,
#framework #odprogress .odsechead,
#framework #odyourpage .odsechead,
#framework #odstats .odsechead,
#framework #odaddress .odsechead,
#framework #odgroup .odsechead,
#framework #outreach_content .omhead {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 6px;
}
#framework #SKIN h4,
#framework #SKIN h5 {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}
/*HEADERS WITH BOTTOM BORDERS*/
#framework #contribution .contribheader,
#framework #sectionheader,
#framework .sectionheader,
#framework #SKIN .header,
#framework #SKIN .basic .main .typedescheader,
#framework #community .header,
#framework #community .communitypostfull .title,
#framework #community .journaltitle,
#framework #community .journalarchive .journalarchivetitle,
#framework #stdheader,
#framework #community .profileteaser .title,
#framework #odgettingstarted .odsechead,
#framework #odprogress .odsechead,
#framework #odyourpage .odsechead,
#framework #odstats .odsechead,
#framework #odaddress .odsechead,
#framework #odgroup .odsechead,
#framework #outreach_content .omhead,
#framework #manageform .managetitle,
#framework #forgotpw .header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}
/*WIDGET HEADERS*/
#framework #SKIN .widget_header {
  background: #eee;
  border-bottom: 1px solid #ddd;
  margin-bottom: 6px;
  padding: 5px 10px;
  position: relative;
}
/*SUB-HEADERS*/
#framework #SKIN .widget_subheader,
#framework #community .subheader {
  background: #F2F7F7;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
}
/*=BUTTONS
---------------------------------------------------------- */
/*INPUT BUTTONS*/
/*Targets most Buttons*/
/*INPUT HOVER STATES
Note this will only work for modern browsers*/
/*RSVP and DETAILS BUTTONS*/
#framework #event_results .event_footer .links {
  float: left;
}
#framework #event_results .event_footer .links .detail_button,
#framework #event_results .event_footer .links .rsvp_button {
  float: right;
}
#framework #event_results .event_footer .links .detail_button a,
#framework #event_results .event_footer .links .rsvp_button a {
  display: block;
  margin-left: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 2px 10px;
}
#framework #event_results .event_footer .links .detail_button a {
  background: #eee;
  border: 1px solid #ccc;
  padding: 2px 10px 1px;
}
#framework #event_results .event_footer .links .rsvp_button a {
  background: #555;
  color: #fff;
  padding: 3px 10px 2px;
}
#framework #event_results .event_footer .links .detail_button a:hover,
#framework #event_results .event_footer .links .rsvp_button a:hover {
  background: #333;
  border-color: #333;
  color: #eee;
}
/*Hover state for RSVP and Details buttons*/
/*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/
#framework #contact_importer_button {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px;
}
/*You can change the background color to match your other input button styles*/
/*SEARCH BUTTON*/
/*=TEXT INPUT FIELDS AND TEXTAREAS
---------------------------------------------------------- */
#framework input.text,
#framework textarea {
  padding: 3px;
}
/*Use this definition to target most of the text input fields*/
/*=TABS
NOTE If the background color for your page is not white you will have to update the bottom border color for the active tabs for Framework, Events and Friends i.e.
#framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #f7f8fc; font-weight: bold; }
#framework ul#event_order li.active { background: none; border-bottom: 1px solid #f7f8fc; font-weight: bold; }
#framework #SKIN #friends_tabs ul li.active_tab  { background: none; border: 1px solid #ddd; border-bottom: 1px solid #f7f8fc; }
---------------------------------------------------------- */
/*FRAMEWORK TABS*/
#framework #SKIN #blue_hat {
  background: none;
  border-bottom: 1px solid #ddd;
  height: 43px;
}
#framework #SKIN #blue_hat ul {
  display: inline;
  float: right;
  height: auto;
  margin: 0 5px;
  padding: 18px 0 0 0;
}
#framework #SKIN #blue_hat li {
  background: #eee;
  border: 1px solid #ddd;
  border-top-left-radius: 3px;
  display: inline;
  float: right;
  padding: 5px 10px 4px;
  text-decoration: none;
}
#framework #SKIN #blue_hat li a {
  color: #888;
  text-decoration: none;
}
#framework #SKIN #blue_hat .blue_hat_active {
  background: none;
  border-bottom: 1px solid #f7f8fc;
  font-weight: bold;
}
#framework #SKIN #blue_hat .blue_hat_active a {
  color: #555;
}
#framework #SKIN #blue_hat li a:hover {
  background: none;
  color: #555;
}
/*EVENT TABS*/
#framework ul#event_order {
  border-bottom: 1px solid #ddd;
  clear: both;
  float: left;
  list-style-type: none;
  margin: 0 0 10px 0;
  top: 0;
  width: 100%;
}
#framework ul#event_order li {
  background: #eee;
  border: 1px solid #ddd;
  color: #888;
  display: inline;
  float: left;
  margin: 0 0 -1px 5px;
  padding: 5px 10px 4px;
  text-decoration: none;
}
#framework ul#event_order li a {
  color: #888;
}
#framework ul#event_order a:hover {
  color: #555;
}
#framework ul#event_order li.active {
  background: none;
  border-bottom: 1px solid #f7f8fc;
  font-weight: bold;
}
#framework ul#event_order li.active a {
  color: #555;
}
/*WIDGET TABS*/
/*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/
#framework #SKIN .widget_tabs {
  margin: 0;
  padding: 0;
}
#framework #SKIN .widget_tabs li {
  border-top-left-radius: 3px;
  float: left;
  list-style: none;
  padding: 5px 10px 4px 10px;
  margin: 0 5px 0 0;
  list-style-type: none;
}
#framework #SKIN .widget_tabs li.active_tab {
  background: #eee;
  font-weight: bold;
}
#framework #SKIN .widget_tabs li.inactive_tab {
  background: #ddd;
}
/*FRIENDS TABS*/
#framework #SKIN #friends_tabs {
  border-bottom: 1px solid #ddd;
  margin: 18px 0 6px 0;
}
#framework #SKIN #friends_tabs ul {
  margin: 0;
  padding: 5px 0 0 0;
  list-style: none;
}
#framework #SKIN #friends_tabs li {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: inline;
  float: left;
  margin: 0 0 -1px 5px;
  list-style-type: none;
  padding: 5px 10px 4px;
}
#framework #SKIN #friends_tabs ul li.active_tab {
  background: none;
  border: 1px solid #ddd;
  border-bottom: 1px solid #f7f8fc;
}
#framework #SKIN #friends_tabs ul li.active_tab a {
  color: #555;
  font-weight: bold;
}
#framework #SKIN #friends_tabs ul li.inactive_tab {
  background: #eee;
  border: 1px solid #ddd;
}
/*=SPEAKOUT TABS*/
#framework #speakout #tabs {
  margin-top: 18px;
}
#framework #speakout #nav-tabs {
  border-bottom: 1px solid #ddd;
  clear: both;
  float: left;
  list-style-type: none;
  margin: 0 0 18px 0;
  top: 0;
  width: 100%;
}
#framework #speakout #nav-tabs li {
  background: #eee;
  border: 1px solid #ddd;
  color: #888;
  display: inline;
  float: left;
  margin: 0 0 -1px 5px;
  padding: 5px 10px 4px;
  text-decoration: none;
}
#framework #speakout #nav-tabs li.tab-on {
  background: none;
  border-bottom: 1px solid #f7f8fc;
  color: #555;
  font-weight: bold;
}
#framework .group_field {
  margin-bottom: 10px;
}
#framework #speakout .splash {
  margin: 0 0 20px 0;
}
#framework #speakout table {
  clear: left;
  margin: 0 20px 10px 0;
}
#framework #speakout .recipient-header {
  font-weight: bold;
}
#framework #speakout .recipient-divider {
  padding-top: 10px;
  font-style: italic;
}
#framework #speakout .stat {
  text-align: right;
}
#framework #speakout td {
  vertical-align: top;
}
#framework #speakout .field {
  width: 50%;
  padding-left: 10px;
}
/*YUI POP OVER
This controls the style of the pop over opened after clicking the contact importer button
As noted above, in order for this to work the body id should be "bsd"
---------------------------------------------------------- */
#bsd .yui-panel {
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#bsd .yui-panel-container.shadow .underlay {
  display: none;
}
#bsd .yui-panel .container-close {
  right: 10px;
}
/*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/
#bsd .yui-panel .hd {
  background: #eee;
  color: #333;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
  padding: 10px;
}
#bsd .yui-panel .bd {
  font-size: 12px;
  line-height: 18px;
  padding: 6px;
}
#bsd #contact_importer_wrapper {
  margin: 0;
}
#bsd #contact_importer_wrapper #contact_importer_error {
  margin: 18px 0 0 0;
}
#bsd #contact_importer_dialog .button-group button {
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  padding: 3px 10px;
}
/*Contact Listings*/
#bsd #contact_importer_wrapper #results_table_header {
  background: #eee;
}
#bsd #contact_importer_wrapper #results_table_outer {
  border: 1px solid #ddd;
}
/*=LAYOUT
---------------------------------------------------------- */
/*SOCIAL NET WIDGET COLUMNS*/
#framework #SKIN #widget_group_1 {
  float: left;
  width: 49%;
}
/*Left column*/
#framework #SKIN #widget_group_2 {
  float: right;
  width: 49%;
}
/*Right column*/
/*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW
---------------------------------------------------------- */
#framework #SKIN #widget_directory_search_groups_by_keyword {
  float: none !important;
}
/* JQUERY UI-TABS */
#framework {
  font-size: 12px;
}
#sidebar .ui-widget input,
#sidebar .ui-widget select,
#sidebar .ui-widget textarea,
#sidebar .ui-widget button {
  font-size: 1em;
}
#sidebar .ui-widget-content {
  background: #FFF;
}
#sidebar .ui-widget-content a {
  color: #333333;
}
#sidebar .ui-widget-header {
  border: 1px solid #e78f08;
  color: #ffffff;
  font-weight: bold;
}
#sidebar .ui-widget-header a {
  color: #ffffff;
}
/* Layout helpers
----------------------------------*/
#sidebar .ui-helper-hidden {
  display: none;
}
#sidebar .ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}
#sidebar .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
#sidebar .ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#sidebar .ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
#sidebar .ui-helper-clearfix {
  display: block;
}
/* end clearfix */
#sidebar .ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction states
----------------------------------*/
#sidebar .ui-state-default,
#sidebar .ui-widget-content .ui-state-default {
  font-weight: bold;
  color: #1c94c4;
  outline: none;
}
#sidebar .ui-state-default a,
#sidebar .ui-state-default a:link,
#sidebar .ui-state-default a:visited {
  color: #b1b3b6;
  text-decoration: none;
  outline: none;
}
#sidebar .ui-state-hover,
#sidebar .ui-widget-content .ui-state-hover,
#sidebar .ui-state-focus,
#sidebar .ui-widget-content .ui-state-focus {
  font-weight: bold;
  color: #c77405;
  outline: none;
}
#sidebar .ui-state-hover a,
#sidebar .ui-state-hover a:hover {
  color: #636466;
  text-decoration: none;
  outline: none;
}
#sidebar .ui-state-active,
#sidebar .ui-widget-content .ui-state-active {
  border: 1px solid #d1d3d4;
  background: #f7f8fc;
  font-weight: bold;
  color: #636466;
  outline: none;
}
#sidebar .ui-state-active a,
#sidebar .ui-state-active a:link,
#sidebar .ui-state-active a:visited {
  color: #636466;
  outline: none;
  text-decoration: none;
}
/* Corner radius */
#sidebar .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}
#sidebar .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
#sidebar .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
#sidebar .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
#sidebar .ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
#sidebar .ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
#sidebar .ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
#sidebar .ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
#sidebar .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* tabs */
#sidebar .ui-tabs {
  padding: 20px 9px 0;
  zoom: 1;
}
#sidebar .ui-tabs .ui-tabs-nav {
  list-style: none;
  position: relative;
  padding: 2px 5px 0;
}
#sidebar .ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  border-bottom-width: 0 !important;
  margin: 0 0 -1px 0;
  padding: 0;
}
#sidebar .ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  padding: 8px 7px 3px;
}
#sidebar .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 1px;
  border-bottom-width: 0;
  -moz-box-shadow: 0 -1px 1px #d1d3d4;
  -webkit-box-shadow: 0 -1px 2px #d1d3d4;
}
#sidebar .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
#sidebar .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
#sidebar .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
#sidebar .ui-tabs .ui-tabs-nav li a,
#sidebar .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#sidebar .ui-tabs .ui-tabs-panel {
  padding: 18px 22px;
  display: block;
  border: 1px solid #d1d3d4;
  background: #f7f8fc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 1px 1px 5px #d1d3d4;
  -webkit-box-shadow: 1px 1px 5px #d1d3d4;
}
#sidebar .ui-tabs .ui-tabs-hide {
  display: none !important;
}
/* 07 =UTILITY
---------------------------------------------------------- */
#dsq-content .dsq-item-cp {
  display: none;
}
/* hides Disqus community page link */
.clickable {
  cursor: pointer;
}
.stretcher {
  clear: both;
  height: 1px;
  visibility: hidden;
}
.nomargin {
  margin-bottom: 0px;
}
.floatl {
  float: left;
  margin: 0;
  padding: 0 10px 10px 0;
}
.floatr {
  float: right;
  margin: 0;
  padding: 0 0 10px 10px;
}
.floatl-nomargin {
  float: left;
  margin: 0;
  padding: 0;
}
.floatr-nomargin {
  float: right;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
  height: 0;
  margin: 0;
  font-size: 1px;
  line-height: 0;
}
.required {
  color: red;
}
i,
em {
  font-style: italic;
}
b,
strong {
  font-weight: bold;
}
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: inline-block;
}
.cufon-loading a {
  visibility: hidden !important;
}
.feature h2 {
  margin-bottom: 9px;
}
/* Sidebar Buttons
================================*/
#buttons {
  list-style: none;
  padding: 0;
}
#buttons li {
  text-align: center;
  text-transform: uppercase;
  margin: 0 10px 3px;
  padding: 9px 10px 9px;
  height: auto;
  min-height: 18px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: .07em;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #513570;
  background-image: -webkit-linear-gradient(top, #472f63, #513570);
  background-image: linear-gradient(to bottom, #472f63, #513570);
}
#buttons li a {
  color: #f1f2d5;
  text-decoration: none;
}
#buttons .button-secondary {
  background: #b1f339;
  color: #513570;
}
#buttons .button-secondary a {
  color: #513570;
}
/* Navigation
================================*/
.nav .nav-secondary a {
  background: #b1f339;
  color: #513570;
}
.page-observer .maincontentbase a {
  color: #00a4c4;
}