@charset "UTF-8";

/* Eric Meyer's Reset Reloaded
------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-family:Helvetica, Arial, sans-serif;!important; vertical-align: baseline; color:#333;}
ol, ul { list-style:none; margin-bottom:1em;}
ul.rss-items {margin-bottom:.75em;}
table { border-collapse:collapse; border-spacing:0; margin-bottom:1.4em; }
th, td { text-align:left; font-weight:normal; }
strong { font-weight:bold; } em { font-style:italic; }
a, a:hover {text-decoration:none;}
a img { border: none; } p img { vertical-align:text-bottom; }
/* close Reset Reloaded ------------------------------------------------ */

body{margin:0;padding:0!important; background:#f6f6f6;width:100%!important;}

.clear{clear:both;}

/* container for slides */
.images {
    position:relative;
    width:370px;
    float:left;
    margin:5px;
    cursor:pointer;
    height:265px;
    margin:auto;
    border:1px solid #ccc;
}

/* single slide */
.images div {
    display:none;
    position:absolute;
    top:0;
    left:25px;
    margin:25px 0;
    height:256px;
    font-size:12px;
}

/* header */
.images h3 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 20px 0;
    color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
    clear:both;
    margin-left:310px;
}

/* single tab */
.slidetabs a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(http://jquerytools.org/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.slidetabs a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.slidetabs a.current {
    background-position:0 -16px;
}

.slideShowContainer h5{text-align: center;}


/* prev and next buttons */
.forward, .backward {
    float:left;
    margin-top:120px;
    background:#fff url(http://jquerytools.org/media/img/scrollable/arrow/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}

/* next */
.forward { background-position: 0 -30px; clear:right; }
.forward:hover { background-position:-30px -30px; }
.forward:active	{ background-position:-60px -30px; }


/* prev */
.backward:hover	{ background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}
a.gdgbLogo {float:right;margin-top:25px;}
div.topLinks{text-align:right;font-size:12px;padding:4px 10px 0 0; color:#666; background-color:#ccd4e1; border-top:1px solid #9fb7cc; border-bottom:1px solid #9fb7cc;}
div.topLinks a, .pageWrapper .topLinks a:visited{margin:0 8px 3px; color:#006699; text-decoration:underline;}


.navigation li{display:block; float:left; display:inline;}

.navigation li a{display:block; text-decoration:none; color:#fff; float:left; display:inline;font-size:14px;font-weight:bold;padding:0 25px 0 20px;height:69px;line-height:69px;text-shadow:1px 1px 1px #39547d;}
.navigation li a:visited{color:#fff;}
.navigation .mainnav li a:hover{background-color:#8ea8d4;}
.navigation .mainnav li a:active{text-shadow:none;}
.navigation .navOn {background-color:#8ea8d4;}
.navigation .navOn a{color:#fff;}
.navigation .navOn a:visited{color:#fff;}

.pageHeader h1, .pageHeader h2 {text-indent:-9999px;height:0px;margin:0;padding:0;}
img.stj-logo {float:left;margin-left:10px;}
img.heroes-logo {float:right;}


.pageContent {background-color:#fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; position:relative; top:-7px;}

.navigation ul.social{padding:20px 10px 0 0; text-align:right;}
.navigation ul.social li{border:0px; margin-right:5px;}
.navigation ul.social li a{display