* {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

.clr {
    clear: both;
}

.left {
    float: left;
}

/************************/
/* 		HEADER          */
/************************/

img#black_white_logo {
    display: none;
}

div#header {
    border-bottom: 2px solid #FFF;
    background: #222;
    width: 980px;
    margin: 0 auto;
    position: relative;
}

div#header a#logo {
    width: 240px;
    height: 49px;
    display: block;
    background: url(/images/eks.gif) 0 -1368px no-repeat;
    float: left;
}

div#header div#branding ul {
    float: right;
}

div#header div#branding ul li {
    float: left;
    position: relative;
}

div#header div#branding ul li a {
    display: block;
    height: 49px;
    background: url(/images/eks.gif) -720px -171px no-repeat;
}

div#header div#branding ul li a.storywall {
    width: 119px;
    background-position: -720px -171px;
}

div#header div#branding ul li a.biography {
    width: 119px;
    background-position: -839px -171px;
}

div#header div#branding ul li a.tributes {
    width: 103px;
    background-position: -958px -171px;
}

div#header div#branding ul li a.letters {
    width: 91px;
    background-position: -1061px -171px;
}

div#header div#branding ul li a.storywall:hover, div#header div#branding ul li.drop_down:hover a.storywall {
    width: 119px;
    background-position: -720px -220px;
}

div#header div#branding ul li.active a.storywall {
    background-position: -720px -269px;
}

div#header div#branding ul li a.biography:hover, div#header div#branding ul li.drop_down:hover a.biography {
    width: 119px;
    background-position: -839px -220px;
}

div#header div#branding ul li.active a.biography {
    background-position: -839px -269px;
}

div#header div#branding ul li a.tributes:hover, div#header div#branding ul li.drop_down:hover a.tributes {
    width: 103px;
    background-position: -958px -220px;
}

div#header div#branding ul li.active a.tributes {
    background-position: -958px -269px;
}

div#header div#branding ul li a.letters:hover, div#header div#branding ul li.drop_down:hover a.letters {
    width: 91px;
    background-position: -1061px -269px;
}

div#header div#branding ul li.active a.letters {
    background-position: -1061px -269px;
}

div#header div#branding ul li.drop_down:hover div.drop_down {
    display: block;
}

/************************/
/* 		BODY            */
/************************/

body {
    background: #383e4a;
    font-family: Times, serif;
    color: #fff;
}

/*
body.light div#body {
    background: #dcdcdc;
    color: #333;
}
*/
div#body {
    width: 980px;
    margin: 0 auto;
    background-color: #181818;
    min-height: 400px;
}

div#body.center {
    text-align: center;
}

div#body div.donate a {
    float: left;
    display: block;
    width: 300px;
    height: 69px;
    margin: 15px 0 0 0;
    background: url(../images/donate_button.gif) top left no-repeat;
}

div#body h1 {
    font: normal 28px / 32px Times, serif;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.light div#body h1 {
    padding-bottom: 12px;
    color: #333333;
    border-bottom: 1px solid #ccc;
}

body div#body.biography h2 {
    font: normal 20px / 30px Times, serif;
    padding: 0 0 10px 0;
    color: #f39531;
}

body div#body.biography p {
    font: 14px / 22px normal Arial, sans-serif;
    color: #FFF;
}

div#body p {
    font: normal 18px / 24px Times, serif;
    margin: 0 0 16px 0;
    color: #FFF;
}

div#body.biography p.article_links, div#body.biography p.article_info,
div#body.articles p.article_links, div#body.articles p.article_info {
    font: 13px / 20px normal Arial, sans-serif;
    color: #999;
}

div#body p.center {
    text-align: center;
}

div#body p.article_links.right {
    text-align: right;
    margin-bottom: 6px;
}

div#body p a {
    color: #82bed2;
    text-decoration: none;
}

div#body p a:hover {
    color: #a5dceb;
}

div#body div.article_bottom {
    margin-top: 50px;
}

div#body p a:hover {
    color: #a5dceb;
}

div#footer {
    width: 980px;
    margin: 0 auto;
    padding: 18px 0;
    background: url(../images/footer.gif) top no-repeat;
}

div#footer span {
    display: none;
}

div#footer p {
    font-size: 10px;
    font-family: Arial, sans-serif;
    color: #CCC;
    text-align: left;
}

div#footer p a {
    color: #82bed2;
    text-decoration: none;
    padding: 0 8px;
    line-height: 26px;
    display: inline-block;
    height: 26px;
}

div#footer p a:hover {
    color: #a5dceb;
}

div#footer p a img {
    line-height: 26px;
    vertical-align: middle;
}

div#footer p a img.so_logo {
    background: url(/images/eks.gif) 0 -696px no-repeat;
    width: 160px;
    height: 30px;
}

hr {
    height: 1px;
    border: none;
    background-color: #ccc;
}

a.blue_button {
    background: url(/images/eks.gif) 0 -566px no-repeat;
    margin: 0 auto -4px auto;
    width: 190px;
    height: 36px;
    display: block;
    color: #000;
    padding-top: 4px;
    font: 16px / 35px normal Times, serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

a.blue_button:hover {
    background: url(/images/eks.gif) 0 -606px no-repeat;
}

/************************/
/* 		Side Columns    */
/************************/

div#body div#left {
    width: 680px;
    float: left;
    margin-left: 21px;
    margin-top: 26px;
    margin-bottom: 20px;
    _margin-left: 10px;
}

div#body div#left .article_photo {
    float: left;
    margin: 8px 20px 10px 0;
}

div#body div#left .article_photo .caption {
    font-family: Arial, sans-serif;
    font-size: 9px;
    color: #999999;
}

div#body div#left .article_photo a span {
    _float: left;
    _position: absolute;
    text-align: right;
    font: 11px / 16px normal Arial, sans-serif;
    color: #82bed2;
    background: url(/images/eks.gif) 0 -1467px no-repeat;
    border: none;
    text-decoration: none;
    float: right;
    padding-left: 18px;
}

div#body div#left .article_photo a {
    border: none;
    text-decoration: none;
    _display: inline;
}

div#body div#right {
    width: 262px;
    _width: 240px;
    float: left;
    margin-top: 26px;
    margin-left: 16px;
    margin-right: -2px;
}

div#body.biography div#right {
    margin-top: 70px;
}

div#right div.link_box {
    padding: 20px 20px 20px 20px;
    border: 1px solid #5e5e5e;
    background-color: #333;
    margin-bottom: 10px;
    width: 208px;
    color: #FFF;
}

div#right div.link_box h3 {
    color: #f39531;
    font: 18px / 18px normal Times, serif;
    letter-spacing: .5px;
    padding-bottom: 6px;
}

div#right div.link_box h3.red {
    color: #ea0221;
}

div#right div.link_box ul {
    list-style: outside disc;
    margin-left: 11px;
}

div#right div.link_box li {
    font-size: 8px;
    padding: 2px 0;
    color: #FFF;
}

div#right div.link_box span.audio {
    display: block;
    padding-left: 50px;
    font: 13px / 16px normal Arial, sans-serif;
    color: #FFF;
    text-decoration: none;
}

div#right div.link_box li p {
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin: 0 0 0 -3px;
    padding: 0;
    line-height: 18px;
    color: #FFF;
}

div#right div.link_box li p a {
    font-size: 13px;
    color: #82bed2;
    text-decoration: none;
}

div#right div.link_box p {
    font-size: 13px;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 18px;
}

div#right div.link_box p.single {
    padding: 0;
}

div#right div.link_box p a {
    color: #82bed2;
    text-decoration: none;
}

div#right div.link_box p a:hover {
    color: #a5dceb;
}

div#right div.link_box a.special_olympics_logo {
    display: block;
    background: url(/images/eks.gif) -720px 0 no-repeat;
    width: 162px;
    height: 31px;
    margin: -4px auto;
    padding: 0 12px 8px 0;
}

div#page_header {
    background-color: #FFF;
    padding: 8px 10px 10px 10px;
    display: block;
}

div#page_header img {
    display: block;
    float: left;
}

div#page_header blockquote {
    display: block;
    float: left;
    width: 220px;
    height: 138px;
    padding: 15px;
    margin-left: 10px;
    background-color: #9bbdc7;
    font: 19px / 23px italic normal Times, serif;
    color: #333;
}

div#page_header blockquote span {
    display: block;
    font: 11px / 12px normal Arial, sans-serif;
    color: #666666;
    padding-top: 8px;;
}

/* Pagination Styles */
div.pagination {
    _height: 40px;
    _margin-top: 20px;
}

div.pagination.center {

}

div.pagination.right {
    float: right;
}

div.pagination.center ul {
    margin-left: 275px;;
}

div.pagination ul li {
    float: left;
    line-height: 30px;
}

div.pagination ul li.prev a, div.pagination ul li.next a, div.pagination ul li a {
    display: block;
    width: 25px;
    height: 30px;
    background: url(/images/eks.gif) 0 -1531px no-repeat;
    margin: 0;
}

div#body div.pagination ul li.prev a {
    background-position: 0 -1531;
    border: none;
}

div#body div.pagination ul li.next a {
    background-position: 0 -1561px;
    border: none;
}

div#body div.pagination ul li.prev a:hover {
    background-position: 0 -1681px;
    border: none;
}

div#body div.pagination ul li.next a:hover {
    background-position: 0 -1711px;
    border: none;
}

div#body div.pagination ul li.prev a.disabled {
    background-position: 0 -1621px;
    border: none;
}

div#body div.pagination ul li.next a.disabled {
    background-position: 0 -1651px;
    border: none;
}

div#body div.pagination ul li.prev a.disabled:hover {
    background-position: 0 -1621px;
    border: none;
}

div#body div.pagination ul li.next a.disabled:hover {
    background-position: 0 -1651px;
    border: none;
}

div.pagination ul li a {
    background: url(/images/eks.gif) 0 -1591px no-repeat;
    font: 13px / 30px normal Arial, sans-serif;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    width: 110px;
    border-right: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
}

div.pagination ul li a span {
    color: #999999;
}

div.pagination ul li a.active {
    border: 2px solid #787878;
    background-position: 0 -48px;
    color: #787878;
}

/* Drop Down Menu */
div.drop_down {
    width: 194px;
    border: 2px solid #B5B5B5;
    border-top: none;
    position: relative;
    z-index: 5000;
    display: none;
    clear: left;
}

div.drop_down#storywall_menu {
    position: absolute;
    top: 48px;
}

div.drop_down#biography_menu {
    position: absolute;
    top: 48px;
    width: 202px;
}

div.drop_down#tributes_menu {
    position: absolute;
    top: 48px;
    width: 190px;
}

div#header div#branding div.drop_down ul {
    border: 6px solid #FFF;
    background-color: #333333;
    display: block;
    padding: 10px 16px;
    margin: 0;
    float: none;
    z-index: 500;
}

div#header div#branding div.drop_down ul li {
    float: none;
    display: block;
}

div#header div#branding div.drop_down ul li.last a {
    border-top: 1px solid #666;
    margin-top: 2px;
    padding-top: 2px;
}

div#header div#branding div.drop_down ul li.heading {
    margin: 10px 0 0px 0;
    font: 13px / 22px normal Arial, sans-serif;
    color: #999;
    display: block;
    background: none;
    border-bottom: 1px solid #666;
    height: 1%;
    float: none;
}

div#header div#branding div.drop_down ul li a {
    font: 13px / 22px normal Arial, sans-serif;
    color: #82bed2;
    text-decoration: none;
    display: block;
    background: none;
    height: 1%;
    float: none;
}

div#header div#branding div.drop_down ul li a:hover {
    color: #a5dceb;
}

/* 404 Page */
div#body div.error_message {
    margin-left: 21px;
    margin-top: 26px;
}

div#body div.error_message h1 {
    font: 21px / 24px normal Times, serif;
    color: #CCC;
    padding-bottom: 4px;
    margin-bottom: 0;
}

div#body div.error_message p {
    font: 14px / 24px normal Arial, sans-serif;
    color: #CCC;
}

div#body div.error_message ul {
    margin-left: 16px;
    list-style-type: disc;
}

div#body div.error_message ul li {
    font-size: 10px;
}

div#body div.error_message ul li a {
    font: 14px / 24px normal Arial, sans-serif;
    color: #82bed2;
    text-decoration: none;
}

div#body div.error_message ul li a:hover {
    color: #a5dceb;
}

/* New Articles Styles */
div#body div.link_bar {
    margin: 0 20px;
}

div#body div.link_bar.top {
    padding: 16px 0 8px 0;
    border-bottom: 1px solid #606060;
}

div#body div.link_bar.bottom {
    padding: 8px 0 0px 0;
    border-top: 1px solid #606060;
}

div#body div.link_bar span {
    float: right;
}

div#body div.link_bar a {
    font: 13px / 20px normal Arial, sans-serif;
    color: #82bed2;
    text-decoration: none;
}

div#body div.link_bar a:hover {
    color: #a5dceb;
}

div#body div.link_bar span a {
    padding-left: 20px;
    margin-left: 8px;
}

div#body div.link_bar span a:hover {
    color: #a5dceb;
}

div#body div.link_bar span a.print_link {
    background: url(/images/eks.gif) 0 -1791px no-repeat;
    display: block;
    float: left;
    margin-right: 8px;
}

div#body div.link_bar span a.share_link {
    background: url(/images/share_icon.gif) top left no-repeat;
    display: block;
    float: left;
}

/* Next Box */
div#body div.next_box {
    border-right: 1px solid #5E5E5E;
    margin-bottom: 10px;
    padding: 0 15px;
    margin-right: 12px;
    text-align: right;
}

div#body div.next_box span {
    font: 13px / 20px normal Arial, sans-serif;
}

div#body div.next_box span em {
    background: url(/images/eks.gif) -720px -488px no-repeat;
    padding-right: 3px;
}

div#body div.next_box a {
    display: block;
    padding-top: 4px;
    font: 13px / 20px normal Arial, sans-serif;
    color: #82bed2;
    text-decoration: none;
}

div#body div.next_box a:hover {
    color: #a5dceb;
}

div#body div.next_box.bottom {
    margin-top: -64px;
}

/* Footer Index Link */
div#footer a.index_link {
    float: right;
    display: block;
    border: 1px solid #CCC;
    font: 11px / 11px normal Arial, sans-serif;
    color: #82bed2;
    text-decoration: none;
    padding: 2px 4px;
    margin: 6px 6px 0 0;
}

div#footer a.index_link:hover {
    color: #a5dceb;
}

/* Press Room Page */
div#body ul.press_list {
    margin: 0 0 16px 12px;
    list-style: disc outside;
    font-size: 10px;
}

div#body ul.press_list li p {
    padding: 0;
    margin: 0;
    font: 14px / 22px normal Arial, sans-serif;
}

div#body.articles p.list_title {
    color: #CCC;
    margin-bottom: 0;
}

/* Sections Menu */
div#body ul#index_menu {

}

div#body ul#index_menu li {
    float: left;
    margin-right: 15px;
    font: 13px / 13px normal Arial, sans-serif;
    text-decoration: none;
}

div#body ul#index_menu li span {
    padding: 5px 5px 5px 0;
    display: block;
    color: #999;
}

div#body ul#index_menu li a {
    display: block;
    color: #82bed2;
    font: 13px / 13px normal Arial, sans-serif;
    text-decoration: none;
    padding: 5px;
    border: 1px solid #666;
    background-color: #333;
}

div#body ul#index_menu li.active a {
    background-color: #000;
    border: 1px solid #FFF;
    color: #FFF;
}
div#body ul#index_menu li a:hover {
  color: #a5dceb;
	}

/* IE bug */

html {
    position: relative;
    z-index: -1;
}

#header {
    position: relative;
    z-index: 1;
}

div#body {
    position: relative;
    z-index: 0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
    padding: 0;
    margin: 0;
}

#TB_closeWindowButton {
    text-transform: uppercase;
    background: url(../images/close_button.gif) no-repeat right;
    padding-right: 12px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
}

#TB_window a:link {
    color: #1e82b4;
    text-decoration: none;
}

#TB_window a:visited {
    color: #1e82b4;
    text-decoration: none;
}

#TB_window a:hover {
    text-decoration: underline;
}

#TB_window a:active {
    color: #1e82b4;
}

#TB_window a:focus {
    color: #1e82b4;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(../images/macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity = 75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay {
/* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    position: fixed;
    background: #e6e6e6;
    z-index: 102;
    color: #000000;
    display: none;
    border: 9px solid #363636;
    text-align: left;
    top: 50%;
    left: 50%;
}

* html #TB_window {
/* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display: block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #e6e6e6;
    height: 27px;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

#TB_ajaxContent.TB_modal {
    padding: 15px;
}

#TB_ajaxContent p {
    padding: 5px 0px 5px 0px;
}

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load {
/* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect {
/* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}