/*
 * Project:   XRDS
 * Date:      2010-03-09
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #fff; font-size: 62.5%;}

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #54a427; text-decoration: none}
a:hover, a:focus, a:active { color: #54a427; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 920px; margin: 0 auto; }
 #top { position: relative; width: 100%; height: 130px; overflow: hidden; background: url(/images/logo-screen.png) 0 25px no-repeat; }
  #logo { position: absolute; left: 0; top: 25px; width: 246px; height: 87px; }
   #logo a { position: absolute; display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; }
  #top h2 { position: absolute; left: -999em; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #top .nav { position: absolute; bottom: 80px; right: 0; color: #131410; margin: 0; font: 1.1em/1.25 Helvetica,Arial,sans-serif; text-transform: uppercase; }
  #top .nav a { color: #131410; margin: 0 3px; text-decoration: none; }
  #top .nav a:hover, #top .nav a:focus, #top .nav a:active { color: #53a326; }
  #siteinfo { position: absolute; top: 112px; right: 0; margin: 0; }
  #acm { position: absolute; top: 53px; right: 0; margin: 0; }
 #nav { width: 100%; margin: 0 0 15px; padding: 3px 0; border: 1px solid #c3c3c3; border-width: 1px 0; overflow: hidden; }
  #nav ul.main { float: left; width: 653px; list-style: none; margin: 0 0 5px; padding: 0; background: #333; }
   #nav ul.main li { display: inline; float: left; font: 600 1.2em/22px Geogrotesque,Helvetica,Arial,sans-serif; text-transform: uppercase; }
    #nav ul.main li a { display: inline; float: left; padding: 0 14px; color: #fff; text-decoration: none; }
    #nav ul.main li a:hover, #nav ul.main li a:focus, #nav ul.main li a:active, #nav ul.main li a.active { background: #53a326; }
    #nav ul.main li em { position: absolute; left: -10001px; top: -10001px; }
  #nav ul.sub { clear: both; padding: 0;  margin: 0; list-style: none; width: 100%; }
   #nav ul.sub li { display: inline; float: left; padding: 0 0 0 8px; margin: 0 0 0 8px; font: 1.1em/1.25 Helvetica,Arial,sans-serif; background: url(/images/nav-sub-sep.png) 0 50% no-repeat; }
   #nav ul.sub li.first { padding: 0; margin: 0; background: none; }
    #nav ul.sub li a { color: #1b1818; text-decoration: none; }
    #nav ul.sub li a:hover, #nav ul.sub li a:focus, #nav ul.sub li a:active, #nav ul.sub li a.active { color: #53a326; }
  #nav .search { float: right; width: 230px;margin-bottom:25px;}
   #nav .search p { position: relative; width: 100%; overflow: hidden; margin: 0; }
    #nav .search p label { position: absolute; top: 3px; left: 4px; }
    #nav .search p input { float: left; width: 160px; border: 1px solid #000; padding: 2px; }
    #nav .search p button { display: inline; float: right; width: 55px; height: 17px; margin: 2px 3px; background: url(/images/search.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; }
	#nav .sitenav {width: 650px; float:left;}
 #content { width: 100%; overflow: hidden; }
  #main { position: relative; float: left; width: 653px; }
  #aside { float: right; width: 230px; }
 #footer { width: 100%; overflow: hidden; padding: 5px 0 0; border-top: 1px solid #333; }
  #footer p { font: 1.1em/1.25 Helvetica,Arial,sans-serif; color: #2a292a; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font-size: 1.5em; }
h2.a { margin: 0 0 5px; font: 600 1.4em/22px Geogrotesque,Helvetica,Arial,sans-serif; text-transform: uppercase; text-transform: uppercase; color: #53a326; }
 h2.a span { font-weight: 500; color: #333; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h2.section-head { margin: 0 0 15px; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* links */
.more-b { font-size: 1.1em; }
 .more-b a { color: #54a427; text-transform: uppercase; }
 .more-b a:hover, .more-b a:focus, .more-b a:active { color: #53a326; text-decoration: underline; }
 
/* other */
.hr { height: 1px; background: #000; margin: 0 0 10px; }
 .hr hr { display: none; }

/* SPECIFIC
------------------------------------------- 388 + 33 = 423*/
.slideshow-a { position: relative; width: 653px; height: 423px; margin: 30px 0 15px; }
 .slideshow-a .item { position: absolute; top: 0; left: 0; }
   .slideshow-a .item .free { position: absolute; top: 318px; left: 0; width: 653px;  }
  .slideshow-a .item .image { position: absolute; top: 0; left: 0; }
  .slideshow-a .item .description { position: absolute; top: 150px; left: 295px; width: 330px; }
   .slideshow-a .item .description h2 { color: #000; font: 2.3em/1.25 Helvetica,Arial,sans-serif; }
   .slideshow-a .item .description p { color: #333; margin: 0 0 15px 30px; }
 .slideshow-a .nav { position: absolute; left: 0; bottom: 0; width: 653px; margin: 0; padding: 3px 0 1px; list-style: none; background: url(/images/slideshow-nav-bg.png); text-align: center; }
  .slideshow-a .nav li { position: relative; display: inline; margin: 0 2px; }
   .slideshow-a .nav li a img { padding: 2px; margin: 0; }
   .slideshow-a .nav li a:hover img, .slideshow-a .nav li a:focus img, .slideshow-a .nav li a:active img, .slideshow-a .nav li a.active img { border: 2px solid #53a326; padding: 0; }
    

.featured-a { width: 100%; }
 .featured-a .col { float: left; width: 205px; margin: 0 18px 0 0; }
  .featured-a .col2 { float: right; width: 205px; margin: 0 18px 0 0; }
 .featured-a .col-first { }
 .featured-a .col-last { float: right; margin: 0; }
  .featured-a .media { margin: 0 0 5px; }
  .featured-a .options { position: relative; width: 100%; overflow: hidden; margin: 0 0 10px; }
   .featured-a .options a { display: block; height: 18px; background-position: 50% 50%; background-repeat: no-repeat; color:#fff; text-align: center; font-weight: bold; padding-top: 3px; overflow: hidden; border: 1px solid; }
   .featured-a .options span { position: absolute; left: -999em; }
   .featured-a .options a.a { display: inline; float: left; width: 100px; background-color: #53a326; border-color: #53a326; text-transform: uppercase; }
   .featured-a .options a.b { display: inline; float: right; width: 101px; background-color: #85c763; border-color: #85c763; text-transform: uppercase; }
   .featured-a .options a:hover, .featured-a .options a:focus, .featured-a .options a:active { border-color: #323133; text-decoration: none; }
  /*
 .featured-a .options a.learn-more { background-image: url(/images/button-learn-more.png); }
   .featured-a .options a.read-now { background-image: url(/images/button-read-now.png); }
   .featured-a .options a.register { background-image: url(/images/button-register.png); }
   .featured-a .options a.moreevents { background-image: url(/images/button-moreevents.png); }
   .featured-a .options a.acmevents { background-image: url(/images/button-acmevents.png); }
   .featured-a .options a.contact-us { background-image: url(/images/button-contact-us.png); }
   .featured-a .options a.resources { background-image: url(/images/button-resources.png); }
*/
  .featured-a .more { position: relative; text-transform: uppercase; font-size: 1.1em; }
   .featured-a .more a { color: #54a427; text-decoration: none; }
   .featured-a .more a:hover { color: #54a427; text-decoration: underline; } 
	 .featured-a .more a:focus, .featured-a .more a:active { color: #1b1818; }

  .featured-a .event { margin: 0 0 15px; }
   .featured-a .event h3 { font: bold 1.2em/1.25 Helvetica,Arial,sans-serif; color: #000; margin: 0; }
   .featured-a .event p { margin: 0; }
   .featured-a .event p.date-location { font-weight: bold; }

  .featured-a ul { padding: 0; list-style: none; margin: 0 0 10px; }
   .featured-a ul li { }
    .featured-a ul li a { color: #54a427; text-decoration: none; }
    .featured-a ul li a:focus, .featured-a ul li a:active { color: #54a427; text-decoration: underline; }
		.featured-a ul li a:hover { color: #54a427; text-decoration: underline; }

.news-a { width: 100%; overflow: hidden; }
 .news-a h2 { margin: 0 0 10px; }
 .news-a .item { padding: 10px 0 0; margin: 0 0 10px; border-top: 1px solid #f1f1f1; }
 .news-a .item-first { border: none; padding: 0;  }
  .news-a h3 { font: 1.4em/1.25 Helvetica,Arial,sans-serif; margin: 0; }
   .news-a h3 a { color: #54a427; border-bottom: 1px dotted #000; text-decoration: none; }
   .news-a h3 a:hover, .news-a h3 a:focus, .news-a h3 a:active { color: #53a326; border-bottom: 1px dotted #53a326; text-decoration: none; }
  .news-a p { margin: 0; } 
  .news-a p.meta { color: #666; }

.ad { float: left; background-color: #fff; padding: 15px; margin: 0 0 15px; }

.featured-b { width: 100%; overflow: hidden; margin: 0 0 20px; border-bottom: 1px solid #000; }
 .featured-b .col-a { float: left; width: 436px; }
 .featured-b .col-b { float: right; width: 195px; }
  .featured-b .col-a .media { margin: 0 0 5px; }
  .featured-b .col-a h3 { margin: 0 0 5px; font: 1.4em/1.25 Helvetica,Arial,sans-serif; color: #000; }
   .featured-b .col-a h3 a { color: #54a427; }
   .featured-b .col-a h3 a:hover, .featured-b .col-a h3 a:focus, .featured-b .col-a h3 a:active { color: #53a326; }
  .featured-b .col-a p.meta { color: #666; }
   .featured-b .col-a p.meta a { color: #666; }
   .featured-b .col-a p.meta a:hover, .featured-b .col-a p.meta a:focus, .featured-b .col-a p.meta a:active { color: #53a326; text-decoration: underline; }

.featured-c { width: 100%; overflow: hidden; }
 .featured-c .a { display: table; background: #f7f7f6; width: 100%; overflow: hidden; }
  .featured-c .a .img { display: table-cell; vertical-align: middle; }
   .featured-c .a .img img { display: block; }
  .featured-c .a .desc { display: table-cell; vertical-align: middle; padding: 10px;  }
   .featured-c .a .desc p { font: italic 1.4em/1.25 Arial,Helvetica,sans-serif; margin: 0; }

 *:first-child+html .featured-c .a { display: block; }
  *:first-child+html .featured-c .a .img { float: left; display: block; }
  *:first-child+html .featured-c .a .desc { float: right; display: block; width: 195px; }

 * html .featured-c .a { display: block; }
  * html .featured-c .a .img { float: left; display: block; }
  * html .featured-c .a .desc { float: right; display: block; width: 195px; vertical-align:top; }


 .featured-c ul.nav { width: 100%; overflow: hidden; padding: 0; list-style: none; }
  .featured-c ul.nav li { float: left; font: bold 1em/1.25 Arial,Helvetica,sans-serif; text-transform: uppercase; }
   .featured-c ul.nav li a { float: left; padding: 0 10px; color: #fff; }
   .featured-c ul.nav li a.share { background: #4c9623; border: 2px solid #4c9623; }
   .featured-c ul.nav li a.comment { background: #67a545; border: 2px solid #67a545; }
   .featured-c ul.nav li a.save { background: #7aae5c; border: 2px solid #7aae5c; }
   .featured-c ul.nav li a.print { background: #8ab771; border: 2px solid #8ab771; }
   .featured-c ul.nav li a:hover, .featured-c ul.nav li a:focus, .featured-c ul.nav li a:active, .featured-c ul.nav li a.active { color: #333333; text-decoration: underline; }

.download-a { }
 .download-a h2 { margin: 0 0 10px; }
 .download-a ul { padding: 0; list-style: none;  }
  .download-a ul li { font-size: 1.1em; line-height: 1.5; }
   .download-a ul li a { color: #54a427; }
   .download-a ul li a:hover, .download-a ul li a:focus, .download-a ul li a:active { text-decoration: underline; }

.articles-a { }
 .articles-a .article { width: 100%; overflow: hidden; border-top: 1px solid #ededed; padding: 10px 0 0; }
 .articles-a .article-first { border: none; padding: 0; }
  .articles-a .article .picture { float: left; width: 90px; }
  .articles-a .article .desc { float: right; width: 545px; }
   .articles-a .article .desc h3 { font: 1.4em/1 Helvetica,Arial,sans-serif; margin: 0 0 5px; }
    .articles-a .article .desc h3 a { color: #54a427; }
    .articles-a .article .desc h3 a:hover, .articles-a .article .desc h3 a:focus, .articles-a .article .desc h3 a:active { color: #53a326; }
   .articles-a .article .desc p { margin: 0 0 5px; }
   .articles-a .article .desc p.meta { margin: 0 0 10px; }
    .articles-a .article .desc p.meta span.sep { margin: 0 12px; }
    .articles-a .article .desc p.meta a { color: #53a326; }
    .articles-a .article .desc p.meta a:hover, .articles-a .article .desc p.meta a:focus, .articles-a .article .desc p.meta a:active { text-decoration: underline; }
    .articles-a .article .desc p.meta span.tags { color: #666; }
     .articles-a .article .desc p.meta span.tags a { color: #54a427;  }
     .articles-a .article .desc p.meta span.tags a:hover, .articles-a .article .desc p.meta span.tags a:focus, .articles-a .article .desc p.meta span.tags a:active { color: #53a326; text-decoration: underline; }

.article-a { margin: 0 0 15px; }
 .article-a .head { }
  .article-a .head h2 { font: 1.8em/1.25 Arial,Helvetica,sans-serif; margin: 0; }
  .article-a .head p.author { margin: 0 0 5px; }
   .article-a .head p.author .date { font-weight: bold; }
  .article-a .head p.tags { font-size: 1.1em; }
  .article-a .inner { width: 100%; overflow: hidden; background: url(/images/article-inner-sep.png) 435px 0 repeat-y; }
   .article-a .inner .col-a { float: left; width: 415px; }
   .article-a .inner .col-b { float: right; width: 195px; }
 .article-a .article-nav { text-align: right; font: 1.1em/1.25 Arial,Helvetica,sans-serif; }
  .article-a .article-nav span { color: #000000; }
  .article-a .article-nav a { color: #000000; }
  .article-a .article-nav a:hover, .article-a .article-nav a:active, .article-a .article-nav a:focus { color: #53a326; text-decoration: underline; }
  .article-a .article-nav a.next { margin: 0 0 0 10px; text-transform: uppercase; }
  .article-a .article-nav a.prev { margin: 0 10px 0 0; text-transform: uppercase; }
 .article-a .comments { border-top: 1px solid #e0e0e0; padding: 10px 0 0; }
  .article-a .comments .comment { border-bottom: 1px solid #e0e0e0; margin: 0 0 15px; }
  .article-a .comments .comment .date { font-weight: bold; margin: 0; }
  .article-a .comments .comment .author { font-weight: bold; }
 .article-a .article-aside-section { margin: 0 0 30px; }
  .article-a .article-aside-section h3 { color: #53a326; font: 1.1em/1.25 Arial,Helvetica,sans-serif; margin: 0; }
  .article-a .article-aside-section .item { margin: 0 0 15px; overflow: hidden; }
   .article-a .article-aside-section .item h4 { margin: 0; font: 1.1em/1.25 Arial,Helvetica,sans-serif; }
    .article-a .article-aside-section .item h4 a { color: #54a427; }
    .article-a .article-aside-section .item h4 a:hover, .article-a .article-aside-section .item h4 a:focus, .article-a .article-aside-section .item h4 a:active { color: #53a326; }
   .article-a .article-aside-section .item p { font-size: 1.1em; }
   
.share span {visibility: hidden; height: 0px; width:0px;}
.bold {font: 1.1em/1.25 Arial,Helvetica,sans-serif; font-weight: bold; }

#sign-in-form  {border: none;}
.media { margin: 0 0 5px; }