/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td
{
     margin:0;
     padding:0;
     border:0;
     font-weight:inherit;
     font-style:inherit;
     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: inherit;
     vertical-align:baseline;
}

em
{
     font-style: italic;
}

table                                                        { border-collapse:separate;border-spacing:0; }
caption, th, td                                              { text-align:left;font-weight:normal; }
table, td, th                                                { vertical-align:top; }
blockquote:before, blockquote:after, q:before, q:after       { content:""; }
blockquote, q                                                { quotes:"" ""; }
a img                                                        { border:none; }

table.data
{
     margin: 5px auto 20px auto;
}

table.data td
{
     padding: 10px;
}


/* Custom styles for layout */
body
{
     background: #03a5a7 url(../img/page_bg.png) top repeat-x;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-weight: normal;
     font-size: 12px;
     line-height: 1.7em;
     color: #333;
}

strong
{
     color: #0f0f0f;
}

/*
p, li, div, ol, ul, blockquote
{
     font-size: 12px;
     line-height: 20px;
}
*/

ul.standard
{
     list-style-image: url(/img/standard_bullet.gif);
     margin: -10px 0 25px 0;
}

ul.standard li
{
     margin: 8px 0 0 20px;
}

ul.standard_tan
{
     list-style-image: url(/img/standard_bullet_tan.png);
     margin: -10px 0 5px 0;
}

ul.standard_tan li
{
     margin: 8px 0 0 20px;
}

.left
{
     float: left;
     width: 47%;
}

.right
{
     float: right;
     width: 47%;
}

.right, .left
{
     padding: 0 5px 0 0;
}

div#wrap
{
     width: 978px;
     margin: 0 auto 0 auto;
     position: relative;
}

img#logo
{
     margin: 0 0 0 25px;
}

img#asrs_logo
{
     position: absolute;
     right: 35px;
     top: 10px;
}

div#top-nav
{
     width: 948px;
     border-left: 1px solid #fff;
     border-right: 1px solid #fff;
     height: 31px;
     background: url(../img/nav_bg.png) top repeat-x;
     margin: 0 auto 0 auto;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-weight: normal;
     font-size: 12px;
     line-height: 20px;
}

div#top-nav ul
{
     float: right;
     list-style: none;
     margin: 5px 43px 0 0;
}

div#top-nav ul li
{
     display: inline;
     margin: 0;
     font-size: 12px;
     line-height: 13px;
}

div#top-nav a,
div#top-nav a:link,
div#top-nav a:visited,
div#top-nav a:active,
div#top-nav a:hover
{
     padding: 8px 14px 9px 14px;
     color: #000;
     text-decoration: none;
}

div#top-nav a:hover
{
     background: #fff;
     color: #01b4b7;
}

body a,
body a:link,
body a:visited,
body a:active,
body a:hover
{
     color: #039597;
     text-decoration: underline;
}

body a:hover
{
     color: #00BDC0;
     text-decoration: none;
}

div#welcome
{
     width: 978px;
     height: 167px;
     min-height: 167px;
     max-height: 167px;
     margin: 0 auto 0 auto;
     background: url(../img/welcome_dark2.png) 0 0 no-repeat;
}

div#welcome p, div#welcome h1
{
     margin-left: 270px;
     font-size: 13px;
     width: 680px;
}

div#welcome strong
{
     color: #fff;
}

div#welcome h1
{
     color: #fff;
     font-weight: bold;
     padding-top: 13px;
     text-transform: uppercase;
}

div#welcome p
{
     color: #fff;
     line-height: 18px;
     letter-spacing: 1px;
}

div#content-outer-wrapper
{
     width: 100%;
     background: #e9e9e9;
     border-top: 1px solid #fff;
}

div#content-inner-wrapper
{
     width: 978px;
     margin: 0 auto 0 auto;
     background: #e9e9e9 url(../img/content_wrapper_bg.png) 0 0 no-repeat;
}

div#content
{
     width: 950px;
     margin: 0 auto 0 auto;
     background: #fff;
     min-height: 272px;
     padding: 20px 0 0 0;
}

div#left-column
{
     width: 594px;
     float: left;
     padding: 0 5px 0 35px;
}

div#left-column h1, div#left-column h2, div#left-column h3, div#right-column h1, div#right-column h2, div#right-column h3
{
     color: #000; /* OLD COLOR #986b31; */
     margin: 25px 0 5px 0;
     font-weight: bold;
}

div#left-column h1
{
     font-size: 22px;
     letter-spacing: -1px;
}

div#left-column h2
{
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: -1px;
}

div#left-column h3
{
     font-size: 14px;
     margin-bottom: -1px;
}

div#left-column p.byline
{
     color: #7f7f7f;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 14px;
     margin: 0 0 10px 0;
}

img#retina-run-promo
{
     width: 489px;
     margin: auto;
}

div#left-column p
{
     margin: 0 0 25px 0;
}
div#left-column p.last
{
     margin: 10px 0 0 0;
}

div#right-column
{
     width: 300px;
     float: right;
}

div#right-column p
{
     margin: 0 0 25px 0;
}

div.clear
{
     height: 5px;
     clear: both;
     color: #74460A;
}


div#bottom
{
     width: 978px;
     min-height: 89px;
     margin: 0 auto 0 auto;
     background: url(../img/bottom_bg.png) 0 0 no-repeat;
}

div#footer
{
     background: #03a5a7 url(../img/footer_bg.png) top repeat-x;
     min-height: 104px;
     height: 100%;
     width: 100%;
}

div#copyright
{
     width: 978px;
     min-height: 37px;
     margin: 0 auto 0 auto;
     background: url(../img/copyright_bg.png) top no-repeat;
     font-size: 12px;
     letter-spacing: 1px;
     text-align: center;
     color: #7f7f7f;
}

/* File-Type Icons */
.PDF
{
     background:url(/img/icons/page_white_acrobat.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

.DOC
{
     background:url(/img/icons/page_white_word.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

.OO
{
     background:url(/img/icons/page_white_tux.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

.XLS
{
     background:url(/img/icons/page_white_excel.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

.PPT
{
     background:url(/img/icons/page_white_powerpoint.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

.Image
{
     background:url(/img/icons/picture.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

.ExternalLink
{
     background:url(/img/icons/world_link.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

.Mail
{
     background:url(/img/icons/email_edit.png) 2px 2px no-repeat;
     padding: 0 0 2px 22px;
}

div.flash_msg
{
     padding: 15px;
     margin: 15px auto 15px auto;
     font-size: 14px;
     font-weight: normal;
     letter-spacing: -1px;
     border-width: 2px;
     border-style: solid;
}

div.flash_msg p
{
     margin: 0;
     padding: 0;
     color: #74460A;
}

div.flash_msg ul
{
     font-weight: bold;
}

/* Flash Data */
div.success
{
     border-color: #f3d011;
     background: #fff7cf;
}

div.error
{
     border-color: #f3d011;
     background: #fff7cf;
}

div.notice
{
     border-color: #f3d011;
     background: #fff7cf;
}

/* Sidebar */
div#contact_info
{
     width: 280px;
     margin: 16px 0 0 0;
     background: #fbf8f3;
     border-top: 5px solid #dcc3a3;  /* border-top: 5px solid #dcc3a3; */
     border-bottom: 5px solid #dcc3a3;  /* border-bottom: 5px solid #e59833; */
     border-left: 1px solid #dcc3a3;
     border-right: 1px solid #dcc3a3;
     font-size: 11px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#contact_info ul
{
     list-style: none;
}

ul#contact_info_list li.top_level_menu_item div
{
     padding: 10px;
     background: #efe7dc;
     color: #74460a;
     text-transform: uppercase;
     letter-spacing: -1px;
     border-bottom: 1px solid #e0d1be;
     border-top: 1px solid #faf7f2;
}

ul#contact_info_list div.item_title
{
     cursor: default;
}

ul#contact_info_list ul.sub_menu
{
     padding: 5px 15px 5px 18px;
}

div#sidebar
{
     width: 280px;
     margin: 16px 0 0 0;
     background: #fbf8f3;
     border-top: 5px solid #dcc3a3;  /* border-top: 5px solid #dcc3a3; */
     border-bottom: 5px solid #dcc3a3;  /* border-bottom: 5px solid #e59833; */
     border-left: 1px solid #dcc3a3;
     border-right: 1px solid #dcc3a3;
     font-size: 11px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#sidebar ul
{
     list-style: none;
}

div.item_title
{
     cursor: pointer;
}

#ajax_loading
{
     display: none;
     padding: 25px;
     width: 31px;
     height: 31px;
     margin: auto;
}

a.button_link,
a.button_link:link,
a.button_link:active,
a.button_link:visited,
a.button_link:hover
{
     color: #74460a;
     text-transform: uppercase;
     letter-spacing: -1px;
     text-decoration: none;
}

a.button_link:hover
{
     color: #522408;
}

ul#sidebar_menu li.top_level_menu_item div
{
     padding: 10px;
     background: #efe7dc;
     color: #74460a;
     text-transform: uppercase;
     letter-spacing: -1px;
     border-bottom: 1px solid #e0d1be;
     border-top: 1px solid #faf7f2;
}

ul#sidebar_menu li.top_level_menu_item div:hover
{
     color: #522408;
     background: #eadfce;
     border-bottom: 1px solid #dcc8ad;
     border-top: 1px solid #f4eee4;
}

ul#sidebar_menu li.top_level_menu_item:hover
{
     color: #522408;
}

ul#sidebar_menu ul.sub_menu
{
     padding: 5px 15px 5px 18px;
}

ul#sidebar_menu ul.sub_menu a,
ul#sidebar_menu ul.sub_menu a:link,
ul#sidebar_menu ul.sub_menu a:active,
ul#sidebar_menu ul.sub_menu a:visited,
ul#sidebar_menu ul.sub_menu a:hover
{
     /* color: #c37611; */
     color: #74460a;
     font-weight: bold;

}

/* News section */
div.article
{
     padding: 10px 0 5px 0;
     border-bottom: 3px dotted #efe7dc;
}

div.article a.article_title
{
     font-weight: bold;
}

div.article_meta_data
{
     color: #bbb;
     font-size: 11px;
}

span.article_byline
{
     text-transform: capitalize;
}

span.article_byline:before
{
     content: "By "
}

span.article_date
{

}

.button_img,
#facebox div table tbody tr td.body div.content  .button_img
{
     border: 1px solid #027879;
     background-color: #34b8bd;
     padding: 1px 1px 0 1px;
     cursor: pointer;
}

.inline
{
     display: inline;
     float: left;
     margin: 20px 10px 0 0;
}

/* CSS for jQuery animated grant descriptions on /grants/submission page */
ul#grant_types
{
     list-style: none;
     margin: -20px 0 35px 0;
     padding: 0;
}

ul#grant_types li
{
     display: inline;
     float: left;
     margin: 0 10px 0 0;
}

div.grant_description
{
     display: none;
     border: 1px solid #777;
     background-color: #f3f3f3;
     padding: 10px;
     margin-top: 20px;
     clear: both;
}

img.close_grant_description
{
     float: right;
     cursor: pointer;
     margin: 0;
}

/* Grant overview content does not fit within confines of left_column for default layout (secondary
This div replaces the left & right column divs in grant_overview.php layout */
div#grant_overview_wrapper
{
     padding: 0 20px;
     background: inherit;
}

div#grant_overview_wrapper h1
{
     font-size: 22px;
     font-weight: bold;
     letter-spacing: -1px;
     margin: 0 0 20px 0;
}

div#grant_overview_wrapper h2
{
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: -1px;
}

div#grant_overview_wrapper h3
{
     font-size: 14px;
     font-weight: bold;
     margin-bottom: -1px;
}

/* Formatting for tables that display data */
table.data_table
{
     width: 100%;
     margin: 20px 0;
     border-bottom: 2px solid #e3e3e3;
     border-right: 1px solid #f0f0f0;
}

table.data_table tr th
{
     height: 28px;
     background: url(/img/data_table_th_bg.png) 0 0 repeat-x;
     color: #fff;
     font-weight: bold;
     text-align: left;
     padding: 3px;
}

table.data_table tr td
{
     padding: 3px;
     font-size: 11px;
     border-left: 1px solid #f0f0f0;
}

table.data_table tr.odd td
{
     background: #f7f7f7;
     border-bottom: 2px solid #e3e3e3 !important;
     border-top: 1px solid #e3e3e3 !important;
}

.hidden
{
     display: none !important;
}