/*********************
IMPORTING STYLES
*********************/
/*********************
RESET STYLES
*********************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/*********************
BASE
*********************/
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  line-height: 1.231; }

/*********************
TYPOGRAPHY
*********************/
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*********************
LISTS
*********************/
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/*********************
EMBEDDED CONTENT
*********************/
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/*********************
FIGURES
*********************/
figure {
  margin: 0; }

/*********************
FORMS
*********************/
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
  line-height: normal;
  *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input {
  *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] {
  cursor: pointer;
  -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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-decoration {
  -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/*********************
TABLES
*********************/
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* Variables */
/* Fonts */
@font-face {
  font-family: 'MyriadProLightBold';
  src: url("http://shrineofstjude.claretians.org/responsive/fonts/myriadpro-semibold-webfont.eot");
  src: local("☺"), url("http://shrineofstjude.claretians.org/responsive/fonts/myriadpro-semibold-webfont.woff") format("woff"), url("http://shrineofstjude.claretians.org/responsive/fonts/myriadpro-semibold-webfont.ttf") format("truetype"), url("http://shrineofstjude.claretians.org/responsive/fonts/myriadpro-semibold-webfont.svg#MyriadProLightBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Mixins */
/* border radius */
/* box shadow */
/* menu inset shadow */
/* gray gradient */
/* aqua gradient */
/*********************
STYLES
*********************/
/* main */
#container {
  min-width: 796px;
  width: 796px; }

/* Typography */
.eventtitle,
.headline,
.objtitle,
.pagetitle,
h1 {
  font-size: 20px; }

.subhead,
.subheadtop,
.subheading,
div.smallmargin p.centered strong,
h2 {
  font-size: 16px; }

/* main */
#wrapper {
  margin: 8px auto;
  width: 820px; }

#container {
  margin: 0 auto 8px;
  min-width: 796px;
  width: 796px; }

/* old input style */
.Button {
  font: 11px Verdana, Arial, Helvetica, sans-serif; }

/*********************
HEADER
*********************/
.header {
  height: auto;
  margin-bottom: 23px;
  width:796px; }
  .header .common {
    height: 122px; 
    width:100%;}
    .header .common .left {
      background: transparent url(../images/2012-bkgrnd-action-left.png) right 0 no-repeat;
      display: block;
      margin-left: 74px;
      min-width: 154px; }
      .header .common .left #socialmedia {
        width: 154px; }
  .header .action {
    background: transparent url(../images/2012-bkgrnd-action.png) 0 0 no-repeat;
    display: block;
    height: 112px;
    position: absolute;
    padding: 2px 5px;
    right: 22px;
    top: 0;
    width: 250px; }
    .header .action table input#cons_email {
      margin-top: 0; }

/* translation link */
#locale {
  padding: 0 9px 14px 0!important;
  text-align: right; }
  #locale a {
    color: white; }

#logo {
  float: left;
  height: 92px;
  width: 286px; }
  #logo + .left {
    float: left; }

ul.menu {
  width: 510px; }
  ul.menu > li.hover > a {
    background-color: #868383;
    color: white;
    -webkit-box-shadow: inset 0 0 4px #666666;
    -moz-box-shadow: inset 0 0 4px #666666;
    box-shadow: inset 0 0 4px #666666;
    text-shadow: 0 1px 0 #4B4949; }
  ul.menu li {
    float: left;
    height: 29px;
    position: relative; }
    ul.menu li:first-child {
      display: block; }
    ul.menu li ul.sub-menu {
      background-color: #c5c5c5;
      border-top: 0;
      position: absolute;
      display: none;
      top: 0;
      width: 196px;
      z-index: 8999; }
      ul.menu li ul.sub-menu li {
        background: none;
        clear: left;
        height: auto;
        width: 100%; }
        ul.menu li ul.sub-menu li a {
          color: #504D4D;
          display: block;
          font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
          padding: 4px 4px 6px 10px;
          text-shadow: none; }
          ul.menu li ul.sub-menu li a:hover {
            background-color: #504d4d;
            color: white;
            text-shadow: none;
            text-decoration: underline; }
        ul.menu li ul.sub-menu li:first-child {
          background: url(../images/bg-menu.gif) 0 0 repeat-x; 
          }
          ul.menu li ul.sub-menu li:first-child a {
            padding-top: 6px; 
            }
        ul.menu li ul.sub-menu li:hover {
          background-color: #504d4d; }
    ul.menu li a {
      color: #343e42;
      display: block;
      font-size: 17px;
      padding: 4px 13px;
      text-decoration: none; }
      ul.menu li a:hover {
        color: white; }
    ul.menu li:hover ul {
      display: block;
      top: auto; }
  ul.menu li.last {
    background: url(../images/2012-menu-divider.png) right 0 repeat-y;
    text-align: left; }
    ul.menu li.last ul.sub-menu a {
      width: auto; }
      
ul.menu.spanish li a {padding:4px 13px;}

header .left #socialmedia,
td.white a,
#preview-devotion {
  display: block; }

.action table tr:first-child + tr,
.action table tr:first-child + tr + tr {
  display: table-row; }

/*********************
MAIN
*********************/
#main {
  padding: 0;
  width: 100%; }
  #main #secondary-menu {
    display: block;
    float: left;
    width: 145px; }
  #main article {
    float: right;
    padding: 0 25px 15px 40px;
    width: 586px; }


.eventtitle, .headline, .objtitle, .pagetitle, h1 {
font-size: 20px;
}
/*********************
FOOTER
*********************/
#bottom {
  width: 796px; }
  #bottom .col {
    display: block;
    float: left;
    margin-right: 18px;
    width: 165px; }
    #bottom .col p {
      margin-top: 21px; }
      #bottom .col p a {
        text-decoration: underline; }
        #bottom .col p a:hover {
          text-decoration: none; }
          
#bottom #socialmedia {display:none;}

#bottom div:first-child {
  margin-left: 20px;
  margin-right: 25px;
  width: 177px; }
  #bottom div:first-child > a {
    margin-left: 7px; }

#bottom .col.last {
  margin-right: 0;
  width: 205px; }

#bottom div.Smaller {
  color: black;
  clear: none;
  font-size: 10px;
  text-align: center; }
  #bottom div.Smaller a {
    clear: none;
    color: #002F5D;
    font-size: 10px;
    text-decoration: underline; }
  #bottom div.Smaller b {
    color: black;
    display: block;
    font-weight: bold;
    position: relative;
    top: 20px; }

.home#wrapper #main {
  padding-bottom: 4px; }