html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,article, aside, canvas,
details, figcaption, figure, 
footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/

select, input, textarea, button { font:99% sans-serif; }
/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* *************************** */
/* Non-semantic helper classes */
/* *************************** */
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/*END RESET*/

/* this makes default font-size 10px and default line-height 15px */
body {font: 70%/1.2 Trebuchet MS, Arial, Helvetica, sans-serif; background: #999; margin: 0; padding: 0; text-align: center;}

a {color: #036;}
a:visited {color: #92abb1;}
a img {border: 0;}
fieldset {margin: 0; padding: 0; border: 0;}
form {padding: 0; margin: 0;}
input, select, th, td {}	/* supposed to fix ie relative-font-sizing problem */
input.text {width: 200px;}
th {text-align: left;}
hr {clear: both; border: 0; width: 100%; color: #d5d5d5; background-color: #d5d5d5; height: 1px; margin: 8px 0; padding: 0;}
h1,h2,h3,h4,h5{clear: left; margin: 1.33em 0;}
h1 {font-weight: normal; font-size:2.2em;}  /* will be displayed at a little over 24 px in #content, thanks to 1.1em setting there */
h2 {font-size:1.5em; font-weight: normal; color: #036; margin-top: 0; margin-bottom: 0;}  /* displayed at 15px normally; in #content, it's 18px (1.5em here x 1.2 em there). */
h3 {font-size:1.4em }  /* displayed at 14px normally; in #content, it's 16.8px (1.4em here x 1.2 em there). */
h4, span.inline_h4 {font-size:1.2em }  /* displayed at 12px normally; in #content, it's 14.4px (1.2em here x 1.2 em there). */
span.inline_h4 {font-weight: bold;}
h4.no_bottom_margin {margin-bottom: 0;}
h5 {font-size:1.2em; margin-top: 0; margin-bottom: 6px; background: url(/images/bg_rule.gif) bottom repeat-x; color: #036;}   /* same as h4 above, but with a long dotted line underneath */
div.additional_resources { background: url(/images/bg_rule.gif) bottom repeat-x; padding-bottom: 2px;} 
div.additional_resources h5 { background: none;  } 
div.additional_resources img { margin-bottom: 2px; } 
/*
div.additional_resources h5 { background: none; display: inline; vertical-align: middle; margin-right: 5px; } 
div.additional_resources img { margin-bottom: -5px; } 
*/
h6 {font-size:1.4em}  
p{padding: 0; margin: 0 0 .6em 0;}
p.right {float: right;}
ul, ol { margin: 0 0 .4em 1.8em; }
ol { list-style-type: decimal; }

/*
 * Containers
 * A centers the whole site; B provides the white background and the left-float we're going to need
 * from here on in; C creates the thin blue border as well as the 2 pixels of space inside of it;
 * if there's a left nav, D uses the "faux columns" technique to create a gray background for it.
 */
 
 /*
RESIZING equivalents 
adding 191 px overall
769 - 960
759 - 950
749 - 940
753 - 944 (936)
386 - 577 (video player)
*/
 
#container_A {background: #fff; margin: 25px auto; text-align: left; width: 966px;}
#container_B {background: #fff; float: left; padding: 7px; width: 948px;}
#container_C {border: 1px solid #036; padding: 5px; width: 936px; float: left;}
#container_D {background: url(../images/bg_subnav-2011.gif) repeat-y; float: left;}

/*
 * Homepage specific
 */
#homepage_banner {position: relative; z-index: 2000; float: left; width: 936px; margin: 2px 0 0 0; background-color: #fff;}
#homepage_banner .flashHolder {float: right; width: 677px; height: 281px;}
#homepage_feature_tout {float: left; width: 677px; height: 281px; border-right: 4px #fff solid;}
#homepage_scroller {float: left; width: 235px;}
.scroller_photo {float: left; width: 58px; margin-right: 8px;}
#scroller_content {float: left; color: #036; font-size: 1.2em; height: 98px; width: 217px; overflow: hidden; background: #ebebeb;}
#scroller_content h3 {font-size: 1em; margin: 0;}
#scroller_content p {margin: 0;}
.scroller_controller {float: left; width: 9px; z-index: 1; position: relative;}
#scroller_content #filmstrip {float: left; width: 1302px;}
#scroller_content #filmstrip .frame {float: left; width: 203px; height: 88px; padding: 10px 7px 0 7px; overflow: hidden;}
#homepage_our_focus {float: left; padding: 15px 0 0 15px; width: 220px; height: 84px; overflow: hidden; background: #ebebeb; margin-top: 2px;}
#homepage_our_focus select {width: 163px !important;}

#homepage_content {float: left; width: 936px; margin: 0 -3px 0 0; padding: 9px 0 20px 0; font-size: 1.2em;}
#homepage_content a {font-weight: bold; color: #036; text-decoration: underline;}
#homepage_content .mod{width: 292px; padding: 10px; float: left;}
#homepage_content .mod-recent-grants{width: 240px;}
#homepage_content .mod-recent-news{width: 390px;}
#homepage_content .mod-spotlight{width: 240px;}
#homepage_content .mod h2{margin-bottom: 0.6em; color: #607859; font-size: 1.7em; font-family: "Arial Narrow",arial,helvetica,sans-serif;}
#homepage_content .mod dt h2{margin-top: 1.8em; font-size: 1.4em;}
#homepage_content .mod h3{margin-bottom: 0.6em; font-size: 1.0em; font-weight: bold;}
.mod-recent-grants ul{margin-left: 1.4em;}
.mod-recent-grants li{list-style-image: url(../images/blt-arrow.png); margin-bottom: 1.2em;}
.mod-recent-grants p{margin: 1em 0 2em 0;}
.mod-recent-news ul{margin: 4px 0 0 0; padding: 0; overflow: hidden; list-style-type: none;}
.mod-recent-news ul.more li{float: left; margin-right: 16px; padding-left: 18px; background: url(../images/blt-arrow.png) left center no-repeat;}
.mod-recent-news li{margin: 4px 0 1.2em 0; padding: 0; overflow: hidden; list-style-type: none;}
.mod-recent-news img {/*width: 82px; height: 72px;*/ float: left; margin-right: 8px;}
.mod-spotlight dd{float: left; margin: 3px;}

/* Homepage Flyouts */
#target-note-main a:visited,
#launcher_holder a:visited,
#homepage_our_focus a:visited {color: #036;}
#launcher_holder div {width: 114px; float: left; background: #d7e7e9; border: 1px #999 solid;}
#quicklinks_launcher {margin-right: 3px;}
#programs_launcher span a img,
#quicklinks_launcher span a img {margin-left: 5px;}
#launcher_holder h2,
#homepage_our_focus h2 {font-weight: bold; padding: 8px 3px 8px 20px; margin: 0; border-bottom: 1px #999 solid;}
#launcher_holder h2 {background: #accdd2 url(/images/bullet-trefoil-4.gif) 10px 15px no-repeat;}
#homepage_our_focus h2 {background: #9ab891 url(/images/bullet-trefoil-5.gif) 10px 15px no-repeat;}

#launcher_holder span {display: block; padding: 4px 3px 4px 20px; font-weight: bold; font-size: 1.2em;  }
#launcher_holder h2 a,
#homepage_our_focus h2 a {font-size: 1.0em; padding: 0; border: none; text-decoration: none;}
#launcher_holder a img {position: relative; top: 4px;}

#homepage_our_focus {width: 233px; height: 130px; padding: 0; margin: 3px 0 0 0; position: relative; background: #cddcc8; border: 1px #999 solid;}
#homepage_our_focus h2 {font-weight: bold;}
#homepage_our_focus p {color: #666; padding: 5px 0 5px 20px; margin: 0; font-size: 1.2em; width: 80px;}
#homepage_our_focus fieldset {position: relative; z-index: 20; padding: 0 0 0 20px; margin: 44px 0 0 0;  }
#homepage_our_focus img.floater {position: absolute; top: 10px; right: 0; z-index: 10;}

.note-holder {display: none;}
#target-note-main {width: 430px; margin-left: -520px; margin-top: -30px; background: url(/images/flyover-arrow-rt-equ.gif) no-repeat; background-position: 430px 10px !important; padding: 0 29px 0 0 !important;}
#target-note-main a {text-decoration: none;}
#target-note-main h2 {border-bottom: 1px #999 solid; padding: 11px 5px;}
#target-note-main li a {display: block; padding: 4px 5px; background: #d7e7e9;}
#target-note-main li a:hover {background: #accdd2;}
#target-note-main ul {list-style-type: none; margin: 0; padding: 0; height: 278px; overflow: hidden;}
#target-note-main ul li {border-bottom: 1px #fff solid; padding: 0;}
#target-note-main img {border-color: #999; border-style: solid; border-width: 1px 1px 1px 0px;}
#target-note-main p.close {border: none; background: #ccc; clear: both;}
#target-note-main p.close a,
#target-note-main p.close a:visited {color: #036 !important; font-weight: bold; font-size: 0.9em; float: right;}

.links {width: 260px; float: left; /*background: #9DC2C8 none repeat scroll 0%; */ background: #fff; border:1px solid #999; font-size:1.0em; padding: 5px 10px 5px 5px; margin-bottom: 10px; margin-left: 80px !important;}
/* Homepage Flyouts */

/* Header area */
#header {background: #0f467f url(/images/bg_header.gif) right repeat-y; float: left; width: 936px;}
#logo,
#print-logo {float: left; width:  247px; margin-left: 12px;}
#print-logo {display: none;}
#search {float: right; width: 280px; margin: 6px 10px 0 0;}
#search .quicklinks,
#search .quicklinks a {color: #fff;}
#search .quicklinks {display: block; padding-bottom: 16px;}
#search .query {vertical-align: middle; border: 0; height: 18px; width: 184px; margin-right: 3px; font-size: 1.3em;}
#search .button {vertical-align: middle; margin-right: 0;}
/* Building Page */
#slideshow-nav {float: left; position: relative; top: 20px; margin-left: 20px;}
#subnav_area img.building-image {width: 154px; height: 297px; position: relative; top: 0;}

/* Top nav */
#top_nav {position: relative; z-index: 3000; background: #9ab891; width: 912px; padding: 0 12px; margin-top: 2px; float: left; font-size: 120%;}
#top_nav ul {margin: 0; padding: 0; list-style-type: none;}
#top_nav li {float: left; margin-right: 38px; list-style-type: none;}
#top_nav li a {display: block; height: 40px; margin: 0; text-decoration: none; border: none; color: #fff;}
#top_nav li a:visited {color: #fff;}
#top_nav li a:hover,#top_nav li.sfHover a {color: #666;}

#top_nav .aboutMott{width: 122px;}
#top_nav .fundingInterests{width: 163px;}
#top_nav .grantsAndGuidelines{width: 200px;}
#top_nav .mottNews{width: 112px;}
#top_nav .aboutMott h2 a{background-image: url(/images/tNav-aboutMott-on.png);}
#top_nav .fundingInterests h2 a{background-image: url(/images/tNav-fundingInterests-on.png);}
#top_nav .grantsAndGuidelines h2 a{background-image: url(/images/tNav-grantsAndGuidelines-on.png);}
#top_nav .mottNews h2 a{background-image: url(/images/tNav-mottNews-on.png);}
#top_nav h2 a:hover img,
#top_nav .sfHover h2 a img, #top_nav li.on h2 a img{visibility: hidden;}
#top_nav .superPanel{position: absolute; top: 40px; z-index: 2000; display: none; margin: 0 -1px; padding: 15px; background: #fff; border: 1px #a6c09e solid; border-top: none; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); box-shadow: 5px 5px 5px rgba(0,0,0,0.5); behavior: url(PIE.htc) !important;}
#top_nav .hide{display: none;}
#top_nav .superPanel p{position: absolute; clear: both; padding: 2%; background: #ededed; color: #333; font-style: italic; overflow: hidden;}
#top_nav .superPanel a{display: inline; height: auto; margin: 0; color: #036 !important;}
#top_nav .superPanel a:hover{text-decoration: underline; background-color: Transparent; }
#top_nav .superPanel p a{color: #069 !important; text-decoration: underline;}
#top_nav .superPanel ul{clear: left; width: auto; overflow: hidden;}
#top_nav .superPanel li{margin: 0 0 8px 0; padding: 0; line-height: 1.3;}
#top_nav .superPanel h3{margin-bottom: .6em; color: #333; font-size: 1.1em; font-weight: bold;}
#top_nav .superPanel h3 a{color: #333 !important;}

#top_nav .aboutMott .superPanel{width: 460px;}
#top_nav .fundingInterests .superPanel{width: 620px; padding-top: 60px;}/*add padding if more info P needed*/
#top_nav .grantsAndGuidelines .superPanel{width: 530px; padding-bottom: 60px;}
#top_nav .mottNews .superPanel{width: 200px;}

#top_nav .aboutMott .superPanel p{width: 440px; top: 10px; left: 10px;}
#top_nav .fundingInterests .superPanel p{width: 600px; top: 10px; left: 10px;}/*position P if present*/
#top_nav .grantsAndGuidelines .superPanel p{width: 510px; bottom: 10px; left: 10px;}
#top_nav .mottNews .superPanel p{width: 180px;}

#top_nav .navGroup{float: left; width: 40%; padding: 2%;}
#top_nav .aboutMott .group2,
#top_nav .aboutMott .group3{float: right; clear: right; width: 44%; padding-right: 3%;}
#top_nav .fundingInterests .navGroup{float: left; width: 30%; padding-top: 3%; padding-right: 3%; margin-top: 3%;}
#top_nav .grantsAndGuidelines .group1{clear: left;}
#top_nav .grantsAndGuidelines .group1{width: 24%}
#top_nav .grantsAndGuidelines .group3{width: 60%; float: right;}
#top_nav .grantsAndGuidelines .group3 ul{float: left; clear: none; width: 44%; margin-right: 2%;}

/*#top_nav .grantsAndGuidelines .group1{width: 24%}
#top_nav .grantsAndGuidelines .group2{clear: left;}
#top_nav .grantsAndGuidelines .group3{width: 60%; float: right; margin-top: -98px;}
#top_nav .grantsAndGuidelines .group3 ul{float: left; clear: none; width: 44%; margin-right: 2%;}*/

#site_tools {float: right; width: 255px;}
#site_tools a {margin: 0;}
a#rss_feeds {width: 63px; background: url(/images/tools_rf.gif) no-repeat;}
a#newsletters {width: 72px; background: url(/images/tools_nl.gif) no-repeat;}
a#login {width: 46px; background: url(/images/tools_l.gif) no-repeat; margin-right: 0;}
a#logout {width: 46px; background: url(/images/tools_lo.gif) no-repeat; margin-right: 0;}

p.subscribe {width: 256px; height: 34px; margin: 0 3px 0 0; padding: 0; background: url(/images/subscribe.gif) 0 0 no-repeat;}
p.subscribe a {display: block; width: 234px; height: 34px; text-indent: -9999em;}

/* Section header/feature tout */
#section_header {background: #9dc2c8; height: 69px; width: 936px; margin-top: 2px; float: left;}
#section_name {margin: 29px 0 0 11px;}
#feature_tout {border-left: 2px solid #fff; float: right;}

#homepage_banner {position: relative;}
#homepage_banner a.search {display: block; position: absolute; right: 6px; top: 4px; height:25px; width:118px; background: url(/images/btn-resourceCentral.png) 0 0 no-repeat; text-indent: -9999em;}

#programAreas {width: 207px; height: 233px; padding: 24px; overflow: hidden; float: left; background: #e9e9e9; color: #666; font-size: 1.2em; font-weight: bold; line-height: 1.4;}
#programAreas ul{margin: 1.2em 0 0 1.1em;}
#programAreas li{list-style-image: url(/images/blt-homeProgAreas.png); margin-bottom: 0.6em;}
#programAreas li a{text-decoration: none;}
#programAreas li a:visited {color: #036;}

/* Subnav area */
#subnav_area {width: 178px; float: left; font-size: 1.08em; border-top: 2px solid #fff; overflow: hidden;}
#subnav_area ul {padding: 0; margin: 0; background-color: #fff;}
ul#subnav {width: 178px; border-bottom: 1px solid #fff;}

ul#subnav li {list-style: none; color: #036; margin-bottom: 1px; background-color: #ebebeb; background-repeat: no-repeat; background-position: 6px 8px;}

ul#subnav li a {color: #333; text-decoration: none; display: block; padding: 6px 9px 6px 20px;}
/* this is true for level3nav and level4nav items */
ul#subnav li li {margin-bottom: 0; background-position: 16px 8px;}
ul#subnav li li a{padding-left: 30px;}
ul#subnav li.hasChildren {background-image: url(/images/navBlt-default.png);}
ul#subnav li.hasChildren.expanded {background-image: url(/images/navBlt-expanded.png);}
ul#subnav li.active {background-color: #c8e1e5;}
ul#subnav li.active a{color: #0f467f;}
ul#subnav li.expanded li.active a{color: #0f467f;}
ul#subnav li.active li a{color: #333;}
ul#subnav li.expanded li.active li a{color: #333;}
#subnav_area ul ul li{background-color: #ebebeb;}
ul#subnav li li li a{padding-left: 40px;}

#subnav_area_additional {clear: both; border-bottom:2px solid #FFFFFF; background:#f7f6b3 url(/images/bullet_subnav_contracted.gif) no-repeat scroll 4px 6px; padding:9px;}
#subnav_area_additional a {text-decoration:none; font-weight: bold; font-size: 1.2em;}
/************************************************************/
/* Issues and Regions menu - added for issue redesign - SMS */
/************************************************************/
/*
ul.issues li a {background-color: #d7e3d3 !important;}
ul.issues li a:hover {background-color: #92abb1 !important;}
*/
/************************************************************/
/* local nav */
.local_nav_box {background: #dbdbdb; padding: 8px 8px; float: left; color: #036; width: 178px; margin-bottom: 2px;}
#subnav_area .local_nav_box ul {background: transparent;}
.local_nav_box ul li {list-style: none;}
.local_nav_box li a {color: #036; text-decoration: none; width: 160px; display: block; padding: 4px 5px 4px 14px; background: url(/images/bullet_local_nav.jpg) 4px 6px no-repeat; margin: 0 !important;}
.local_nav_box li a:visited {color: #036;}

/* tout for downloadable materials */
#download_tout {background: #dbdbdb; padding: 10px; float: left; color: #036; width: 134px;}
#download_tout img#tout_image {float: left; margin-right: 5px; width: 63px;}
#download_tout p {margin: 0 0 5px 0;}
#download_tout p.pdf_link {background: url(/images/icon_pdf.gif) no-repeat; padding: 3px 0; margin-left: 60px;}
#download_tout p.pdf_link a {color: #666; text-decoration: none; padding-left: 19px;}

/* intro box */
#intro_box {background: #cbd7c7; padding: 10px; float: left; color: #036; width: 134px; margin-bottom: 2px;}
#intro_box h5 {margin: 0; background: transparent; font-size: 1em;}
#intro_box p {margin: 0 0 5px 0; font-size: 0.9em;}

img.promo-survey {margin-top: 1.0em;}

/*
 * Content area
 * If a style has both a #container_D and a no-#container_D version, the first is for pages _with_
 * a left nav and the second is for pages without one.
 * Note: usable content area, without subnav area, is 556px.  With subnav area should be 400px.  Jump nav width is 195px.
 */
#content {position: relative; width: 718px; padding: 0 0 10px 2px; float: left; color: #666; font-size: 1.2em; border-top: 2px solid #fff;}
#content td, #content th {color: #666;} /* another ie hack. */
#content table.no-borders,
#content table.no-borders td {border: none !important; vertical-align: top;}
#container_C #content {width: 930px;}
#container_D #content {width: 743px; padding-left: 10px; border-left: 2px solid #fff;}
#subsection_header {/*background: #e8f1f2;*/ float: left; margin-bottom: 15px;}
#subsection_header {width: 556px;}

/***********************************/
/* Added for issues redesign - SMS */
/***********************************/
#subsection_header #intro_box {background-color: transparent; width: 90%; padding: 0 0 10px 20px;}
#subsection_header #intro_box h5 {margin-bottom: 5px;}
/***********************************/
#container_D #subsection_header {width: 564px;}
#subsection_header #subection_image, #content #subsection_header #header_text {margin-left: 11px;}
#subsection_header #subection_image {margin-bottom: 5px;}
#subsection_header #header_text {margin-bottom: 5px;}
#breadcrumbs {float: left; width: 500px !important; /*TDA 20120109was 554px*/ margin-left: 0; padding: 7px 0; font-size: .95em; background-color: #fff;}
/*#container_D #breadcrumbs {width: 378px;}*/
.breadcrumbs_above_subsect_hdr {background: #e8f1f2; /*border-bottom: 1px #666 dotted;*/ margin-bottom: 10px;}
#breadcrumbs a {color: #04467f; text-decoration: none;}
#breadcrumbs #thispage {color: #666;}
#breadcrumbs, #subsection_header {margin-left: -11px; display: inline;}
#content p, 
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5 {margin-left: 0px; /*margin-right: 11px;*/ } 
#content h1,
#content h2 {font-weight: bold; clear: left; color: #036; font-size: 1.3em; margin-top: 1em;}
#content h1.issues,
#content h2.issues {padding-left: 10px; margin: 0 0 10px 10px; background: url(/images/bullet-trefoil-2.gif) 0 7px no-repeat;}
#content p {margin-top: 0;}
#content h1 {margin: 0 0 10px 0; clear: left;}
#content h2 a {}
#content ul {margin: 0 0 12px 0; padding: 0;}
#content ul ul {margin-left:12px;}
#content li {list-style-type: none; background: url(/images/bullet_standard_list.gif) 0px 4px no-repeat; padding-left: 10px; margin: 0 0 8px 0;}

/* following is some crazy gyration to make IE behave. When li's aren't surrounded by <ul></ul> tags,
IE interprets everything that follows as being inside the <li> -- even when it is closed normally. So we have
to fiddle with margins of everything that might have this problem, but only for IE. */
/* okay, on top of that, the RTE sometimes seems to actually put lots of <p>s and <h1>s, etc., inside <li> tags.
So we have to make aspects of this fix available to Mozilla browsers too. */

/*TDA 2008-06-17: I removed this tweak.  This causes bullets on items where a <p> is inside the <li> to overlap the start of the text.  There shouldn't be a case where there are <li>s not wrapped in <ul>s, and if there are, they should be fixed. */

/*#content li p, 
#content li h1, 
#content li h2, 
#content li h3, 
#content li h4, 
#content li h5,
#content li table {margin-left: -10px; text-indent: 0;}*/

.button {vertical-align: middle; margin-right: 10px;}
.lead_photo {float: left; margin: 0 15px 15px 11px;}

blockquote p {margin: 0 !important;}

#photo-header {position: static; float: left; z-index: 20; /*height: 222px; */width: 754px; margin: -69px 0 0 4px; background-color: #9DC2C8; overflow: hidden;}
.intro_box {color: #666; margin-bottom: 10px; margin-left: 10px; padding-left: 10px;}

/* Specialized types of content */
.publication_record {padding-top: 5px;}
.publication_record:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.publication_record h3 {color: #036; margin-bottom: 10px; margin-top: 0;}
.publication_record p {margin-top: 0;}
.publication_record p.description {font-size: 1.1em;} /* should put us at 12px, or a tad over */
.publication_record p.links {margin-bottom: 0;}
#first img.publication_image {/* margin-right: 0; */ }
img.publication_image {float: right; margin: 0 12px 12px 12px; /*0 11px 12px 0*/}
.pager {margin-top: 5px; padding-bottom: 20px;}
.pager a {text-decoration: none;}
.pager a:hover {text-decoration: underline;}
.pager a.prev, .pager a.next {font-weight: bold;}

#article_image {float: left; width: 90px; margin: 0 6px 20px 0px;}
/* Issue #104 (publication layout) changed bottom padding from 15px to 5px and removed rule info*/
/*#article_header_info {float: left; width: 440px; padding-bottom: 5px;} */
#article_header_info {width: 440px; padding-bottom: 5px;} /* Issue #104 (removed float) */
/*#content #article_header_info .rule {margin-right: 0; margin-top: 5px; margin-bottom: 10px;}*/
#article_header_info p {margin-top: 0; margin-bottom: 0;}
#article_header_info h3 {padding-top: 20px; margin-top: 0; margin-bottom: 0; color: #036;}
#article_text {float: left; width: 634px; padding-bottom: 15px;} /* this div was removed from the layout */
#article_text h4 {margin-top: 0; margin-bottom: 5px;}
#article_text ul {margin-bottom: 15px;}
#article_text li {margin-bottom: 4px;}
div#publication {overflow: hidden;}
div#publication p,
div#publication ul,
div#publication h4 {margin-left: 100px }/* Issue #104 (added left margin to accomodate loss of article_text div) */

.article_teaser {font-size: .95em;}

.publication_record_small {float: left; padding-bottom: 7px; margin: 5px 0 0 -2px;}
.publication_record_small img.publication_image {float: left; width: 45px; margin-right: 0;}
.publication_record_small .publication_info {float: left; width: 680px;}
#container_D .publication_record_small .publication_info {float: left; width: 541px;}
#content .publication_info p {margin-left: 10px;}

.photoCaption-right,
.photoCaption-left {background: #ebebeb; font-style: italic; padding: 10px; display: block;}
.photoCaption-right {float: right; margin: 0 11px 10px 10px;}
.photoCaption-left {float: left; margin: 0 16px 10px 0;}
.photoCaption-right img,
.photoCaption-left img {margin: 0 auto 10px auto !important; display: block;}
.photoCaption-right p,
.photoCaption-left p {margin: 0 !important;}


/* Issue #150 (spacing btwn pub header and desc)
#content .publication_info p a {display: block; margin-bottom: 10px;}
#content .publication_info p br {display: none;}
 */
.important {color: #c30;}

table#pr_list {width: 520px;}
table#pr_list td {padding-bottom: 10px; vertical-align: top;}
table#pr_list td.date {width: 120px;}

p#pr_article_date {margin-bottom: 0;}
p#news_article_date {}
h2#pr_article_header, h2#news_article_header {margin-bottom: 10px;}

a.news_article,a.transcript_asset,a.video_asset,a.audio_asset,a.press{padding: 2px 0 2px 20px; background-position: 0 4px; background-repeat: no-repeat;}
a.news_article{background-image: url(/images/icon_text.png);}
a.transcript_asset{background-image: url(/images/icon_text.png);}
a.video_asset{background-image: url(/images/icon_video.png);}
a.audio_asset{background-image: url(/images/icon_audio.png);}
a.press{background-image: url(/images/icon_text.png);}

.photo {float: left; font-size: .95em; margin: 0 10px 10px 0px; display: inline;}

.sidebar {float: right; background: #ebebeb; font-style: italic; width: 150px; padding: 10px; margin: 0 11px 10px 10px; display: block;}
.sidebar img {margin: 0 auto 10px auto !important; display: block;}
.sidebar p {margin: 0 !important;}

/* FLYOVER STYLES  (http://mott.beaconfire.com/ourissues/AfterschoolPrograms.aspx) */
.flyover-launcher {width: 270px; float: left; border: 1px #999 solid; margin-bottom: 20px;}
#newslog-col {margin-left: 5px; background-color: #fff;}
#news-col {background-color: #d7e7e9;}
.flyover-launcher h5 {width: 250px; margin: 0;}
.flyover-launcher h6 {width: 245px; margin: 0;}
.flyover-launcher h5 {font-size: 1.4em; padding: 10px 0 5px 20px; background-position: 8px 16px; background-repeat: no-repeat;}
.flyover-launcher h6 {color: #f2f7f8; font-size: 1.2em; padding: 0 5px 10px 20px }
.flyover-launcher dt {margin: 5px 0 0 0; padding: 0 20px 0 20px; background-position: 5px 4px; background-repeat: no-repeat;}
.flyover-launcher dt a {color: #666;}
.flyover-launcher dt a:hover {color: #555;}
.flyover-launcher td td {margin: 0; padding: 5px 20px 0 19px;}
.flyover-launcher a {text-decoration: none;}
.flyover-launcher td td a {font-weight: bold; text-decoration: underline;}
#news-col h5,
#news-col h6 {background-color: #9dc2c8;}
#newslog-col h5,
#newslog-col h6 {background-color: #ccc;  }
#news-col h5 {background-image: url(/images/bullet-trefoil-4.gif);}
#newslog-col h5 {background-image: url(/images/bullet-trefoil-5.gif);}
#news-col dt {background-image: url(/images/bullet-arrow-news.gif);}
#newslog-col dt {background-image: url(/images/bullet-arrow-newslog.gif);}

#newslog-col h5 img{float: right; margin-right: 46px;}
#newslog-col h5 .facebook{width: 101px; height: 24px; background: transparent url(/images/facebookLogo-regions.png) 0 0 no-repeat; text-indent: -9999em; display: inline-block;}
#newslog-col dl{padding: 0 10px;}
#newslog-col dl h2{clear: none;}
#newslog-col dl img{float: left; margin: 0 10px 0 0; padding: 2px; border: 1px #dfdfdf solid;}

.flyover-target .headline-pic {font-size: 1.2em; border: 1px #999 solid; background: #9dc2c8; padding: 5px;}
.flyover-target p {font-size: 1.2em; color: #666; padding: 10px; background: #cee1e4; border: 1px #999 solid; margin: 0; border-top: none;}
.flyover-target table {color: #666; padding: 10px; background: #cee1e4; border: 1px #999 solid; border-bottom: none; margin: 0;}
.flyover-target table td {margin: 0; padding: 2px 0 0 5px;}
.flyover-target table td.label {font-weight: bold;}
.flyover-target .headline-pic img {float: right; margin-left: 10px;}
.flyover-target .headline-pic p {color: #fff; padding: 0; background: #9dc2c8; border: none;}
.flyover-target .headline-pic h5 {font-size: 1.2em; font-weight: bold; margin: 0 0 1px 0;}
.flyover-target .headline-pic h5 {color: #036; background: none;}
/* .flyover-target .headline-pic:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} */
.flyover-target span {display: block; padding: 10px !important; background: #ccc !important; border: 1px #999 solid;  }
.flyover-target {width: 300px; background: url(/images/flyover-arrow.gif) no-repeat; background-position: 0 40px !important; padding: 0 0 200px 29px !important; border: none; color: #000; text-align: left; margin: -100px 0 0 0;}
.flyover-news .headline-pic {font-size: 0.8em; border-bottom: 1px #999 solid; background: #9dc2c8; padding: 5px;}
.flyover-news p {font-size: 0.8em; color: #666; padding: 10px; background: #cee1e4; border: 1px #999 solid; margin: 0; border-top: none;}
.flyover-news .headline-pic img {float: right; margin-left: 10px;}
.flyover-news .headline-pic p {color: #fff; padding: 0; background: #9dc2c8; border: none;}
.flyover-news .headline-pic h5 {font-size: 1.2em; font-weight: bold; margin: 0 0 1px 0;}
.flyover-news .headline-pic h5 {color: #036; background: none;}
.flyover-news .headline-pic:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.flyover-news span {display: block; padding: 10px !important; background: #ccc !important; border: 1px #999 solid;  }
.flyover-news {width: 400px; padding: 0 0 200px 29px !important; border: none; color: #000; text-align: left; margin: -100px 0 0 0;}
/* Here's our default note styles. */
.flyover-target {position: absolute; visibility: hidden; overflow: hidden;}
dd {/*display: none;*/}
.clear {clear: both; margin: 0; padding: 10px;}

#content ul.notes {clear: both; margin-top: 50px;}
#content ul.notes li {font-size: .95em; background: url(/images/bullet_dot.gif) 0px 4px no-repeat;}

h2.grant_detail_org_name {margin-bottom: 10px;}
table.grant_detail_table {width: 524px; margin: 0 0 10px 0px;}
table.grant_detail_table td {padding-bottom: 2px;}
table.grant_detail_table td.label {width: 120px; font-weight: bold;}
.grant_detail_project_contact {font-weight: bold;}

/* regular search results stuff */
.search_highlight {color:#036; font-weight: bold;}

/* grants search pages stuff */
h4.keyword_search {clear: left; float: left; margin-bottom: 10px; margin-top: 10px; margin-bottom: 0px;}
input#keyword {float: left;}
a.hide, a.show {vertical-align: middle;}
a.show {background: url(/images/bullet_collapsed.gif) 0 3px no-repeat; padding-left: 15px;}
a.hide {background: url(/images/bullet_expanded.gif) 0 3px no-repeat; padding-left: 15px;}
#content fieldset#gs {width: 547px;}
#content fieldset#gs div {width: 547px;}
#content fieldset#gs div div {margin: 0;}
#content fieldset#gs div#searchToggle {} /* float: left; width: 200px; padding: 0 0 3px 11px; margin: 7px 0 0 0; position: relative; top: -5px; */
#content fieldset#gs input#search_button {margin-left: 25px;}
#content fieldset#gs input,
#content fieldset#gs select {margin-bottom: 15px;}
#content fieldset#gs div fieldset {border: 1px solid #ccc; float: left; width: 230px; padding: 0 5px 10px 10px;}
#content fieldset#gs div fieldset legend {font-weight: bold; color: #036; margin: 10px 0;}
#content fieldset#gs div#advancedSearch {display: none;} /* eventually display: none; */
#content fieldset#gs div#advancedSearch h2 {margin-left: 0; clear: left;}
#content fieldset#gs div#advancedSearch h4 {margin: 0; clear: left;}
#content fieldset#gs div#advancedSearch #programarea_submenu, 
#content fieldset#gs div#advancedSearch #geo_submenu, 
#content fieldset#gs div#advancedSearch #geo_subsubmenu {width: 200px; margin: 0;}
#content fieldset#gs div#advancedSearch #programarea_submenu select, 
#content fieldset#gs div#advancedSearch #geo_submenu select, 
#content fieldset#gs div#advancedSearch #geo_subsubmenu select {font-size: .9em;}
#content fieldset#gs div#left, #content fieldset div#right {float: left; width: 260px; margin: 0;}
#content fieldset#gs label {float: none; margin: 0 0 5px 0; clear: left; text-align: left; width: auto;}
#content fieldset#gs div#advancedSearch select#Grant_Fiscal_YearTo, 
#content fieldset#gs div#advancedSearch select#Grant_Fiscal_YearFrom,
#content fieldset#gs div#advancedSearch select#AmountComparitor {width: auto;}
#content fieldset#gs div#advancedSearch input#Grant_Amount {width: 70px;}

/* grants search results stuff */
p.search_results {font-weight: bold; color: #036;}
p.top_search_results_pager {margin-bottom: 5px; padding-bottom: 0 !important;}
table.search_results_table {width: 931px !important;}
.search_results_table th {padding: 3px 0; vertical-align: middle; background: #E0E0E0;}
.search_results_table th input {margin: 0; padding: 0;}
.search_results_table th.Program {width: 100px;}
.search_results_table th.Amount {width: 100px;}
.search_results_table td {padding: 8px 10px 8px 0; vertical-align: top; background: url(/images/bg_rule.gif) left bottom repeat-x;}
.search_results_table .title {width: 229px;}
.search_results_table .organization {width: 170px; padding-left: 5px;}
.search_results_table .location {width: 105px;}
.search_results_table .amount {width: 80px;}
.search_results_table .program {width: 82px;}
.search_results_table .title div.project_website {margin-top: 4px;}
.search_results_table .title div.project_website img {vertical-align: middle;}

/* general form stuff */
#content fieldset {margin: 0; float: left; width: 564px;}
#content fieldset div {margin: 5px 0 11px 0; width: 564px; float: left; display: inline;}
#content fieldset div input {vertical-align: middle; margin: 0 0 4px 0;}
#content fieldset div select,
#content fieldset div input#first_name,
#content fieldset div input#last_name,
#content fieldset div input#email,
#content fieldset div input#address_line1,
#content fieldset div input#address_line2,
#content fieldset div input#city,
#content fieldset div input#state,
#content fieldset div input#postal_code,
#content fieldset div input#country,
#content fieldset div input#phone_1,
#content fieldset div input#subject {width: 200px;}
#content fieldset.publications-search div select{width: 400px;}
#content fieldset.publications-search div select.program-area{/*width: auto;*/}
#content fieldset div textarea.message {width: 350px; height: 200px;}
#content fieldset div label {display: block; margin: 3px 10px 0 0; float: left; width: 100px; vertical-align: middle; text-align: right;}
#content fieldset div label.required {font-weight: bold;}
#content fieldset div.select_group label {padding: 2px 0 4px 0;}
#content fieldset div.select_group div {width: 454px; float: left;}
#content fieldset div.select_group div select {width: auto;}
#content fieldset div.radio label {margin: 0;}
#content fieldset div.radio input {margin: 0 5px 0 15px;}
#content fieldset span.radio_group label {display: inline; margin: 0; float: none; width: auto; vertical-align: middle; text-align: left;}
#content fieldset div.checkbox input {margin-right: 5px; width: auto;}
#content fieldset div.checkbox label {margin-top: 0;}

#formpopup {border-top: none;}
#formpopup fieldset {margin: 0; float: left; width: 400px;}
#formpopup fieldset div {margin: 5px 0 11px 0; float: left; display: inline;}
#formpopup fieldset div input {vertical-align: middle; margin: 0 0 4px 0;}
#formpopup fieldset div textarea { }
#formpopup fieldset div select,
#formpopup fieldset div input#first_name,
#formpopup fieldset div input#last_name,
#formpopup fieldset div input#email,
#formpopup fieldset div input#address_line1,
#formpopup fieldset div input#address_line2,
#formpopup fieldset div input#city,
#formpopup fieldset div input#state,
#formpopup fieldset div input#postal_code,
#formpopup fieldset div input#country,
#formpopup fieldset div input#phone_1,
#formpopup fieldset div input#subject {width: 200px;}
#formpopup fieldset div textarea.message {width: 350px; height: 200px;}
#formpopup fieldset div label {display: block; margin: 3px 10px 0 0; float: left; width: 80px; vertical-align: middle; text-align: right;}
#formpopup fieldset div label.required {font-weight: bold;}
#formpopup fieldset div.select_group label {padding: 2px 0 4px 0;}
#formpopup fieldset div.select_group div {width: 454px; float: left;}
#formpopup fieldset div.select_group div select {width: auto;}
#formpopup fieldset div.radio label {margin: 0;}
#formpopup fieldset div.radio input {margin: 0 5px 0 15px;}
#formpopup fieldset span.radio_group label {display: inline; margin: 0; float: none; width: auto; vertical-align: middle; text-align: left;}
#formpopup fieldset div.checkbox input {margin-right: 5px; width: auto;}
#formpopup fieldset div.checkbox label {margin-top: 0;}

/* Issues Landing Page */
.subsection_tabs {height: 29px; padding: 0; float: left; margin: 0 !important; background: #fff url(/images/2pixel-d9e4d6.gif) bottom left repeat-x;}
.subsection_tabs li {height: 29px; float: left; margin: 0 2px 0 0 !important; padding: 0 0 0 10px !important; background: url(/images/tabBlank-off.gif) top left no-repeat !important; position: relative; bottom: 2px;}
.subsection_tabs li.news {width: 100px;}
.subsection_tabs li.facebook {position: relative; width: 160px;}
.subsection_tabs li.facebook img{position: absolute; float: right; top: 10px; right: 10px;}
.subsection_tabs li.active {background-image: url(/images/tabBlank-on.gif) !important; padding-bottom: 1px; bottom: 0;}
.subsection_tabs li a {display: block; height: 21px; padding: 8px 20px 11px 10px; font-size: 1.0em; color: #fff; text-decoration: none; font-weight: bold; background: url(/images/tabBlank-off.gif) top right no-repeat !important; outline: none;}
.subsection_tabs li.active a {color: #7d9875 !important; background-image: url(/images/tabBlank-on.gif) !important;}
 #tab-content {width: auto; padding: 10px; margin-bottom: 20px; clear: left; background-color: #fff !important; border: 2px #d9e4d6 solid; border-top: none;}
#tab-content a.next,
#tab-content a.previous {font-weight: bold;}
#tab-content a.previous {padding-right: 160px;}
#tab-content dt{padding: 0 0 8px 10px; background:transparent url(/images/bullet_standard_list.gif) no-repeat scroll 0 4px;}
.subsection_tabs {width: 100%;}
.content-tabs {width: 320px; float: left;}
.content-tabs-wide {width: 570px; float: left;}
.full-width-tabs {width: 570px; float: left;}
.resource-central {width: 230px; float: left; margin-left: 20px;}
.resource-central h2 {background:transparent url(/images/bullet-trefoil-2.gif) no-repeat scroll 0 7px; margin:0 0 10px 10px; padding-left:10px;}
.resource-central h3 {font-size: 1.1em; margin-bottom: 4px;}
.resource-central ul {margin-left: 10px !important;}
.featured-content {padding-bottom: 20px;}

/*inquiryForm global*/
#content .inquiryForm{width: 760px;}
#content .inquiryForm fieldset {width: 740px; display: block; clear: both; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .inquiryForm fieldset div {margin: 5px 0; float: left;}
#content .inquiryForm legend {border-top: 1px solid #ebebeb; border-right: 2px solid #dedede; border-bottom: 2px solid #dedede; border-left: 1px solid #ebebeb; margin-left: 30px; padding: 4px; font-weight: bold; color: #036;}
#content .inquiryForm div label.required {font-weight: bold;}
#content .inquiryForm h4 {width: 300px; display: block; clear: both; margin: 20px 0 0px 30px; padding: 10px 0 10px 10px; border: 1px solid #ccc; z-index: 10; background-color: white; position: relative;}
/*inquiryForm personalInformation*/
#content .inquiryForm .personalInformation {width: 700px; height: 100px; display: block; clear: both; padding: 1.0em; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .inquiryForm .personalInformation div {margin: 5px 0; float: left;}
#content .inquiryForm .personalInformation div.prefix{width: auto;}
#content .inquiryForm .personalInformation div.prefix label{width: auto;}
#content .inquiryForm .personalInformation div.prefix input{width: 30px; margin-right: 10px;}
#content .inquiryForm .personalInformation div.firstName{width: auto; clear: none;}
#content .inquiryForm .personalInformation div.firstName input{width: 140px;  margin-right: 5px;}
#content .inquiryForm .personalInformation div.middleInitial{width: auto;}
#content .inquiryForm .personalInformation div.middleInitial label{width: auto;}
#content .inquiryForm .personalInformation div.middleInitial input{width: 20px;  margin-right: 10px;}
#content .inquiryForm .personalInformation div.lastName{width: auto;}
#content .inquiryForm .personalInformation div.lastName input{width: 140px;}
/*inquiryForm personalContactInformation*/
#content .inquiryForm .personalContactInformation {width: 700px; height: 100px;  display: block; clear: both; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .inquiryForm .personalContactInformation div {margin: 5px 0; padding-left: 1em; float: left;}
#content .inquiryForm .personalContactInformation div.emailAddress{width: 300px;}
#content .inquiryForm .personalContactInformation div.confirmEmailAddress{width: 360px;}
#content .inquiryForm .personalContactInformation div.emailAddress label {width: 120px; float:left; display: block;}
#content .inquiryForm .personalContactInformation div.confirmEmailAddress label {width: 160px; float:left; display: block;}
#content .inquiryForm .personalContactInformation div.phoneNumber {clear: both; margin-top: -10px; width: 300px;} 
#content .inquiryForm .personalContactInformation div.phoneNumber label {width: 120px; float:left; display: block;}
#content .inquiryForm .personalContactInformation input{width: 160px;}
/*inquiryForm organizationInformation*/
#content .inquiryForm .organizationInformation {width: 700px; height: 100px;  display: block; clear: both; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .inquiryForm .organizationInformation div {margin: 5px 0; padding-left: 1em; float: left;}
#content .inquiryForm .organizationInformation div.organizationName{width: 340px;}
#content .inquiryForm .organizationInformation div.organizationWebSite{width: 340px;}
#content .inquiryForm .organizationInformation div.organizationName label {width: 160px; float:left; display: block;}
#content .inquiryForm .organizationInformation div.organizationWebSite label {width: 160px; float:left; display: block;}
#content .inquiryForm .organizationInformation div.EIN label {width: 200px;}
#content .inquiryForm .organizationInformation input{width: 160px;}
/*inquiryForm organizationContactInformation*/
#content .inquiryForm .organizationContactInformation {width: 700px; height: 150px;  display: block; clear: both; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .inquiryForm .organizationContactInformation div {margin: 5px 0; padding-left: 1em; float: left;}
#content .inquiryForm .organizationContactInformation div.address1{width: 320px;}
#content .inquiryForm .organizationContactInformation div.address2{width: 320px;}
#content .inquiryForm .organizationContactInformation div.address1 label {width: 90px; float: left;}
#content .inquiryForm .organizationContactInformation div.address1 input {width: 190px;}
#content .inquiryForm .organizationContactInformation div.address2 label {width: 107px; float: left; margin-left: -28px;}
#content .inquiryForm .organizationContactInformation div.city{width: 290px; clear: left;}
#content .inquiryForm .organizationContactInformation div.city label{width: 90px; float: left;}
#content .inquiryForm .organizationContactInformation div.city input{float: left; width: 190px;}
#content .inquiryForm .organizationContactInformation div.state{width: 170px;}
#content .inquiryForm .organizationContactInformation div.state label{width: 120px;}
#content .inquiryForm .organizationContactInformation div.state input{width: 20px;}
#content .inquiryForm .organizationContactInformation div.postalCode{width: 190px; margin-left: -35px;}
#content .inquiryForm .organizationContactInformation div.postalCode label{width: 90px; float: left;}
#content .inquiryForm .organizationContactInformation div.postalCode input{width: 70px;}
#content .inquiryForm .organizationContactInformation div.country label{width: 90px; float: left; display: block;}
#content .inquiryForm .organizationContactInformation div.country {float: left; clear: both; width: 300px;}
#content .inquiryForm .organizationContactInformation div.country input{width: 190px;}
/*inquiryForm descriptions*/
#content .inquiryForm .descriptions {width: 700px; height: 400px;  display: block; clear: both; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .inquiryForm .descriptions div {margin: 5px 0; float: left;}
#content .inquiryForm .descriptions{padding-left: 20px; width: 720px;}
#content .inquiryForm .descriptions legend{margin-left: 0;}
#content .inquiryForm .descriptions label{float: none; width: 700px; text-align: left;}
#content .inquiryForm .descriptions textarea {width:620px !important; margin-left: 10px;}

input {margin-right:2px !important;}
#ctl02_ctl05_rfvEmail {position:absolute;}

/***********************************/
/* eNewsletter Subscriptions form  */
/***********************************/
/*inquiryForm global*/
#content .newsletterSubscribeForm {width: 760px;}
#content .newsletterSubscribeForm div label.required {font-weight: bold;}
#content .newsletterSubscribeForm h4 {width: 300px; display: block; clear: both; margin: 20px 0 0px 30px; padding: 10px 0 10px 10px; border: 1px solid #ccc; z-index: 10; background-color: white; position: relative;}
/*inquiryForm personalInformation*/
#content .newsletterSubscribeForm .personalInformation {width: 700px; height: 100px; display: block; clear: both; float:left; padding: 1.0em 1em 20px; margin: -.5em 1em  2em; padding-top: 18px; border: 1px #ebebeb solid;}
#content .newsletterSubscribeForm .personalInformation div {margin: 5px 0; float: left;}
#content .newsletterSubscribeForm .personalInformation div label {padding-right:8px; width:112px; display:block; float:left; text-align:right;}
#content .newsletterSubscribeForm .personalInformation div input {float:left; width:210px !important;}
#content .newsletterSubscribeForm .personalInformation div.prefix{width: auto;}
#content .newsletterSubscribeForm .personalInformation div.prefix label{width: auto;}
#content .newsletterSubscribeForm .personalInformation div.prefix input{width: 30px; margin-right: 10px;}
#content .newsletterSubscribeForm .personalInformation div.firstName{width: auto; clear: none;}
#content .newsletterSubscribeForm .personalInformation div.firstName input{width: 140px;  margin-right: 5px;}
#content .newsletterSubscribeForm .personalInformation div.middleInitial{width: auto;}
#content .newsletterSubscribeForm .personalInformation div.middleInitial label{width: auto;}
#content .newsletterSubscribeForm .personalInformation div.middleInitial input{width: 20px;  margin-right: 10px;}
#content .newsletterSubscribeForm .personalInformation div.lastName{width: auto;}
#content .newsletterSubscribeForm .personalInformation div.lastName input{width: 140px;}
/*newsletterSubscribeForm personalContactInformation*/
#content .newsletterSubscribeForm .personalContactInformation {width: 700px; height: 100px;  display: block; clear: both; margin: 1.0em; padding-top: 18px; border: 1px #ebebeb solid;}
#content .newsletterSubscribeForm .personalContactInformation div {margin: 5px 0; padding-left: 1em; float: left;}
#content .newsletterSubscribeForm .personalContactInformation div.emailAddress{width: 300px;}
#content .newsletterSubscribeForm .personalContactInformation div.confirmEmailAddress{width: 360px;}
#content .newsletterSubscribeForm .personalContactInformation div.emailAddress label {width: 120px; float:left; display: block;}
#content .newsletterSubscribeForm .personalContactInformation div.confirmEmailAddress label {width: 160px; float:left; display: block;}
#content .newsletterSubscribeForm .personalContactInformation div.phoneNumber {clear: both; margin-top: -10px; width: 300px;} 
#content .newsletterSubscribeForm .personalContactInformation div.phoneNumber label {width: 120px; float:left; display: block;}
#content .newsletterSubscribeForm .personalContactInformation input{width: 160px;}
/*newsletterSubscribeForm contactInformation*/
#content .newsletterSubscribeForm .contactInformation {width: 725px; float:left;   display: block; clear: both; margin: -.5em 1em 2em; padding-top: 18px; padding-bottom:20px; border: 1px #ebebeb solid;}
#content .newsletterSubscribeForm .contactInformation div {margin: 5px 0; padding-left: 1em; float: left;}
#content .newsletterSubscribeForm .contactInformation div label {padding-right:8px; width:112px !important; display:block; float:left; text-align:right;}
#content .newsletterSubscribeForm .contactInformation div input {float:left; width:210px !important;}
#content .newsletterSubscribeForm .contactInformation div.organizationName {width: 600px;}
#content .newsletterSubscribeForm .contactInformation div.organizationWebSite{width: 340px;}
#content .newsletterSubscribeForm .contactInformation div.organizationName label {width: 160px; float:left; display: block;}
#content .newsletterSubscribeForm .contactInformation div.organizationWebSite label {width: 160px; float:left; display: block;}
#content .newsletterSubscribeForm .contactInformation div.organizationName input {width: 425px !important;}
#content .newsletterSubscribeForm .contactInformation input{width: 160px;}
/*newsletterSubscribeForm organizationContactInformation*/
#content .newsletterSubscribeForm .organizationContactInformation {width: 700px; height: 150px;  display: block; clear: both; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .newsletterSubscribeForm .organizationContactInformation div {margin: 5px 0; padding-left: 1em; float: left;}
#content .newsletterSubscribeForm .contactInformation div.address1{width: 600px;}
#content .newsletterSubscribeForm .organizationContactInformation div.address2{width: 320px;}
#content .newsletterSubscribeForm .organizationContactInformation div.address1 label {width: 90px; float: left;}
#content .newsletterSubscribeForm .contactInformation div.address1 input {width: 425px !important;}
#content .newsletterSubscribeForm .organizationContactInformation div.address2 label {width: 107px; float: left; margin-left: -28px;}
#content .newsletterSubscribeForm .organizationContactInformation div.city{width: 290px; clear: left;}
#content .newsletterSubscribeForm .organizationContactInformation div.city label{width: 90px; float: left;}
#content .newsletterSubscribeForm .contactInformation div.city input{float: left; width: 140px !important;}
#content .newsletterSubscribeForm .organizationContactInformation div.state{width: 170px;}
#content .newsletterSubscribeForm .contactInformation div.state label{width: 110px !important;}
#content .newsletterSubscribeForm .organizationContactInformation div.state input{width: 20px;}
#content .newsletterSubscribeForm .organizationContactInformation div.postalCode{width: 190px; margin-left: -35px;}
#content .newsletterSubscribeForm .contactInformation div.postalCode label{width: 60px !important; float: left;}
#content .newsletterSubscribeForm .contactInformation div.postalCode input{width: 60px !important;}
#content .newsletterSubscribeForm .organizationContactInformation div.country label{width: 90px; float: left; display: block;}
#content .newsletterSubscribeForm .organizationContactInformation div.country {float: left; clear: both; width: 300px;}
#content .newsletterSubscribeForm .organizationContactInformation div.country input{width: 190px;}
/*newsletterSubscribeForm descriptions*/
#content .newsletterSubscribeForm .eNewsletters {width: 700px;  display: block; float:left; clear: both; margin:-2em 1em 1.0em; padding-top: 18px; padding-bottom:20px; border: 1px #ebebeb solid;}
#content .newsletterSubscribeForm .eNewsletters div {margin: 5px 0; float: left;}
#content .eNewsletters .checkbox {width:600px;}
#content .newsletterSubscribeForm .eNewsletters{padding-left: 20px; width: 720px;}
#content .newsletterSubscribeForm .eNewsletters legend{margin-left: 0;}
#content .newsletterSubscribeForm .eNewsletters label{float: none; width: 700px; text-align: left;}
#content .newsletterSubscribeForm .eNewsletters textarea {width:620px !important; margin-left: 10px;}
#content .newsletterSubscribeForm .captchaField {display: none;}
.occasionalNews {width:100%; font-weight:bold;}
.captcha {margin:0 6px; float: right; text-align: right;} 
#vrCaptchaImage {margin-left:8px; margin-right: 8px; float: right;}
.captcha input {float: right; margin: 4px;}
.captcha input.text {width: 100px;}
.captchaText {display: block; clear: both; margin: 10px 4px; width: auto;}
.captchaText span {color: Red;}
/*#ctl02_ctl05_SubmitButton, ctl02_ctl05_SubmitCancelButton {margin-top:1em; margin-left:12px; margin-right:4px;}*/
#content .newsletterSubscribeForm .eNewsletters div.chkAtLeastOne { }

/*inquiryForm message*/
#content .contactForm .message {width: 700px; display: block; clear: both; padding: 1.0em; margin: 1.0em; padding-top: 10px; border: 1px #ebebeb solid;}
#content .contactForm .message div.yourMessage{width: 690px;}
#content .contactForm .message textarea {width:560px !important; height: 100px;}
#content .contactForm .personalContactInformation div {margin: 5px 0; float: left;}
#content .contactForm .personalContactInformation div {margin: 5px 0; padding-left: 0; float: left;}
#content .contactForm .personalInformation div.firstName label {width: 110px;}
#content .contactForm .personalInformation div.firstName input{width: 192px;}
#content .contactForm .personalInformation div.lastName label {width: 110px;}
#content .contactForm .personalInformation div.lastName input{width: 218px;}
#content .contactForm .personalInformation div.emailAddress {width: 340px;}
#content .contactForm .personalInformation div.emailAddress label {width: 110px; float: left;}
#content .contactForm .personalInformation div.emailAddress input{width: 192px;}
#content .contactForm .personalInformation div.phone {width: 340px;}
#content .contactForm .personalInformation div.phone input{width: 220px;}
#content .contactForm .personalContactInformation div.organization {width: 700px;}
#content .contactForm .personalContactInformation div.organization label {width: 110px;}
#content .contactForm .personalContactInformation div.organization input {width: 550px;}
#content .contactForm .personalContactInformation div.address1{clear: left; width: 380px;}
#content .contactForm .personalContactInformation div.address2{width: 320px;}
#content .contactForm .personalContactInformation div.address1 label {width: 110px; float: left;}
#content .contactForm .personalContactInformation div.address1 input {width: 192px;}
#content .contactForm .personalContactInformation div.address2 label {width: 88px; float: left; margin-left: -28px;}
#content .contactForm .personalContactInformation div.address2 input {width: 220px;}
#content .contactForm .personalContactInformation div.city{width: 320px; clear: left;}
#content .contactForm .personalContactInformation div.city label{width: 110px; float: left;}
#content .contactForm .personalContactInformation div.city input{float: left; width: 192px;}
#content .contactForm .personalContactInformation div.state{width: 160px;}
#content .contactForm .personalContactInformation div.state label{width: 120px;}
#content .contactForm .personalContactInformation div.state input{width: 20px;}
#content .contactForm .personalContactInformation div.postalCode{width: 210px;}
#content .contactForm .personalContactInformation div.postalCode label{width: 60px; float: left;}
#content .contactForm .personalContactInformation div.postalCode input{width: 120px;}
#content .contactForm .personalContactInformation div.country label{width: 110px; float: left; display: block;}
#content .contactForm .personalContactInformation div.country {float: left; clear: both; width: 500px;}
#content .contactForm .personalContactInformation div.country input{width: 192px;}
#content .contactForm .personalContactInformation div.phone label{width: 110px; float: left; display: block;}
#content .contactForm .personalContactInformation div.phone {float: left; clear: both; width: 500px;}
#content .contactForm .personalContactInformation div.phone input{width: 190px;}

#content .inquiryForm .personalInformation, #content .inquiryForm .personalContactInformation, #content .inquiryForm .organizationInformation, #content .inquiryForm .organizationContactInformation, #content .inquiryForm .descriptions, #content .inquiryForm .descriptions, #content .contactForm .message {margin: -10px 1em 20px 1em; z-index: 1; padding: 20px 0 20px 10px; width: 700px; float: left; height: auto;} 
#content .inquiryForm .organizationContactInformation div.popup-country{width: 666px; display:none; border: 2px #666 solid; background: #eee; padding:10px; margin: 20px 0 0 0; font-weight: bold; color: #000;}

/* My Dashboard styles */
body#dashboard {}
/* wider = increase width by 188px */
#dashboard #content {width: 900px; padding-left: 18px;}
#dashboard .content-with-leftnav {width: 760px !important;}
#gt_tools {padding: 7px 11px 14px 0;}
#gt_tools .status {font-weight:bold; color: red;}
table.gt_grants, table.gt_urgent_items, .uploaded-pending table {margin: 0 0 10px 0px; width: 900px !important; border-collapse: collapse; border: none;}
table.gt_grants_detail {width:700px;}
table.document-review-table {margin: 0 0 10px 0px; width: 878px !important; border-collapse: collapse; border: none;}
table.gt_grants th, table.gt_urgent_items th, table.document-review-table th, .uploaded-pending th {background-color: #ECECEC; border-bottom: 2px solid #000000; padding: 4px;}
table.gt_grants td, table.gt_urgent_items td, table.document-review-table td, .uploaded-pending td {vertical-align: top; padding: 4px; border-style: none !important; border-width: 0px !important;}
table.gt_grants_inner {width: 100% !important;}
table.gt_grants table.gt_grants_inner td {padding: 0;}
.current-requirements table.gt_grants td,
.completed-requirements table.gt_grants td,
.uploaded-pending table.document-review-table td {padding-left: 4px;}
table.document-review-table td img {position: relative; top: 4px; margin-right: 6px;}
table.upload-a-file{position: relative;}
.uploaded-pending {margin-bottom: 10px; margin-top: 10px;}
.uploaded-pending table.document-review-table td {padding-top: 4px;}
.gt_urgent_items td {padding-bottom: 2px;}
.gt_urgent_items td a {display: inline !important;}
.gt_urgent_items th.id {width: 125px;}
.gt_urgent_items th.item {width: 200px;}
.gt_urgent_items th.due_date {width: 105px;}
.gt_urgent_items th.status {width: 145px;}
.gt_grants table {width: 96%;}
.gt_grants td {/*padding-bottom: 10px;*/ }
.gt_grants th.grants {width: 210px;}
.gt_grants th.amount {width: 120px;}
.gt_grants th.approval_date {width: 110px;}
.gt_grants th.id {width: 135px;}
/* form fields within the grantee toolbox section */
#content fieldset#gt div label {float: none; width: auto; margin: 0; text-align: left;}
select#select_project, input#email, input#phone, input#fname, input#lname {width: 200px;}
input#send_me_gt_stuff {margin: 5px 5px 5px 0; padding: 0; vertical-align: middle;}
#content fieldset div#name_block div {width: 215px; float: left; margin: 0;}
input#job_title {width: 415px;}
#content fieldset #password_block {border: 1px solid #666; padding: 3px 0 3px 10px; width: 260px;}
input#pass1, input#pass2 {width: 100px;}
#content fieldset#gt #password_block label {float: left; width: 130px; padding: 8px 0; clear: left;}
#content fieldset#gt #password_block input {margin: 6px 0;}
p.form_message {clear: left; float: left;}
table.gt_grants table.inline-table {float: right; margin-top: -16px; width: 250px;}
a.alert-message {position: relative; top: -2px; margin-left: 10px; padding: 2px 12px 2px 14px; text-decoration: none; background: url(/images/icon-help-ffffdd.png) 1px 0 no-repeat; font-size: 1.04em; color: #ffffdd;}
h3 a.alert-message {top: 0; background-position: 1px 1px; font-size: 1.04em; color: #ffffdd;}
a.alert-message:visited {color: #ffffdd; font-weight: bold;}
td.report-type-select {position: relative;}
td.report-type-select select {position: relative; top:1px;}
td.report-type-select a {position: relative; top:3px;  }
table.gt_grants a.acceptance-letter {display: block; float: right;}
table.gt_grants a.acceptance-letter img {height: 16px; width: 16px;}

#step-descriptions {height: 15px;}
#step-descriptions div {display: block; width: 440px; float: left; margin: 0; padding: 0;}
.step-number {position: absolute; top: 6px; left: -30px;}

.login {width: 300px; padding: 20px 20px 40px 20px; background: #cde8ec; border-top: 1px #9DC2C8 solid; border-right: 1px #0F467F solid; border-left: 1px #9DC2C8 solid; border-bottom: 1px #0F467F solid;}
.login fieldset {width: 300px !important;}
.login label {display: block; width: 80px; height: 20px;}
.login input.text {position: relative; width: 200px !important; left: 85px; top: -20px;}
.login span.remember {padding: 0; float: left;}
.login label.remember {float: left;}
.login .button-forgot {position: relative; left: 86px;}
.login .button-forgot input {margin: 0 5px 0 0;}
.login .login-button {float: right; margin-right: 20px;}
.login .password-link {position: relative; top: -10px; left: 86px; font-size: 0.9em;}
.login .status {display: block; position: absolute; top: 20px; left: 90px; width: 300px; font-weight: bold; color: #900;}

#dashboard-header {width: 936px; height: 69px; background: url(/images/bg-mydashboard.gif) bottom right no-repeat;}
#dashboard-header img {position: relative; top: 20px; left: 8px; float: left;}
#dashboard-header ul {float: right; position: relative; top: 29px; right: 5px;}
#dashboard-header li {float: left; list-style-type: none; padding: 5px 15px; margin-left: 5px; background: #fff; opacity: .7; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
#dashboard-header li a {position: relative; color:#003366; font-size: 1.4em; font-weight: bold; text-decoration: none;}
#dashboard-header li a:hover {text-decoration: underline;}

.overdue-reports,
.pending-reports {padding: 10px;}
div.overdue-reports,
div.pending-reports {clear: both; border: 1px #900 solid;}
span.overdue-reports,
span.pending-reports {clear: right; position: relative; float: right; margin-bottom: -34px; color: #900;}
.overdue-reports table.gt_grants,
.overdue-reports table.gt_urgent_items {width: 877px !important;}

.current-requirements,
.future-requirements,
.completed-requirements {margin-bottom: 20px;}
.current-requirements h2,
.future-requirements h2,
.completed-requirements h2 {font-size: 1.1em !important; margin-bottom: 10px;}
.current-requirements th,
.future-requirements th,
.completed-requirements th {border-bottom: 2px #666 solid; background-color: #ececec; padding: 2px;}
table .reqRow td {padding: 3px 0 0 0;}
table .paymentRow td {padding: 0 0 5px 10px; vertical-align: top; background: url(/images/bg_rule.gif) left bottom repeat-x; font-style: italic;}
.download-templates,
.requirement-due-date {font-size: 1.0em; margin-bottom: 10px;}
.upload-document {position: relative; border: 1px #cecece solid; padding: 10px; margin-bottom: 20px; margin-top: -10px;}
.upload-document-instructions {position: relative; border: 1px #cecece solid; padding: 5px; margin-bottom: 20px; margin-top: -5px; background-color:#CCE2FC!important;}

.upload-document input.description {width: 200px;}
.file-upload {/*width: 150px;*/ }
.upload-document span {font-weight: bold; color: #900; /*padding: 10px; */}
td.description {font-weight: bold; line-height: 1.0em;}
.upload-document h3 {font-size: 1.1em; color: #036; margin: 0; padding: 0;}
.files-pending {clear: both; margin-top: 20px;}

.warning {margin: 0; padding: 10px; background: #ffffcc; border: 1px #900 solid; color: #000;}

#dashboard-wrapper div div table {width: 535px;}
#dashboard-wrapper div div table table {width: auto;} /* pagination table on 'my grantees' table */
#dashboard-wrapper div div table table td {padding-right: 10px;}
#dashboard-wrapper #file-uploader table td {padding: 0px !important;}

/*table sorting*/
table.filtertable th {height: 32px; padding: 1px 5px; background: #e0e0e0 url(/images/bg-filterBar.png) bottom left repeat-x !important; border-bottom: none; border-right: 1px #a3a3a3 solid; vertical-align: top;}
table.filtertable th a{text-decoration: none; color: #333;}
table.filtertable th a:hover{color: #000;}
.div_request_header_text,
.div_contact_header_text{position: absolute; top: 18px; font-size: 0.8em; line-height: 0.8;}
.div_request_header_text{left: 518px; width: 93px;}
.div_contact_header_text{left: 651px; width: 78px;}
.div_show_all_link {left: 110px; position: absolute; top: -28px;}
#ctl03_ctl04_panelMain{position: relative; min-height: 300px;}
.filterTrigger{display: block; position: absolute; height: 32px; width: 24px; top: 0; background-image: url(/images/filterArrow-over.png); overflow: hidden;}
.filterTrigger:hover img{display: none;}
.filterTrigger.active{background-image: url(/images/filterArrow-active.png);}
.filterTrigger.active img{display: none;}
#arrow_ddlStaff{left: 103px;}
#arrow_ddlOrganization{left: 488px;}
#arrow_ddlRequest{left: 620px;}
#arrow_ddlLastName{left: 747px;}
#arrow_ddlFirstName{left: 875px;}
.selectReplace{position: absolute; top: 32px; overflow: auto; background-color: #ececec; display: none;  -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888;}
.selectReplace li{background: none !important; margin: 0 !important; padding: 0 2px !important;}
.selectReplace li:hover{cursor: pointer; color: #000;}
#replace_ddlStaff{height: 200px; width: 128px;}
#replace_ddlOrganization{height: 200px; width: 433px; left: 125px;}
#replace_ddlRequest{height: 200px; width: 130px; left: 513px;}
#replace_ddlLastName{height: 200px; width: 115px; left: 645px;}
#replace_ddlFirstName{height: 200px; width: 106px; left: 772px;}
.gt_filters{visibility: hidden; display: none;}
.gt_grants{clear: both;}
th.columnstaff{width: 118px;}
th.columnorganization {width: 381px}
th.columnorganization_wide{width: 510px}
th.columnrequest{width: 122px;}
th.columnlastname{width: 117px;}
th.columnfirstname{width: 118px;}

#content ul.grant_nav{margin: 10px 0 20px; background-color: #ececec; border-bottom: 2px #d6d6d6 solid; overflow: hidden;}
#content ul.grant_nav li{float: left; padding: 6px 0 0 4px; background-image: none;}
#content ul.grant_nav a:visited{color: #003366;}
/*a.reports_download{position: absolute; right: 26px; margin-top: -30px; text-decoration: none;}*/
a.reports_download{float: right; margin-top: -26px;}

/* Jump nav area */
#jump_nav_area {float: right; width: 164px; /*TDA 20120109 was, AAT 20120119 was 218px*/ padding: 15px 8px 0 17px; background: #fff; font-size:  0.9em !important;}
#jump_nav_area .flyover-target {width: 350px !important; overflow: visible; background: url(/images/flyover-arrow-rt-equ.gif) no-repeat; background-position: 350px 45px !important; padding: 0 29px 200px 0 !important; margin: -90px 0 0 -380px;}
#jump_nav_area .flyover-target input[type="text"],
#jump_nav_area .flyover-target textarea {width: 200px;}
#jump_nav_area .flyover-target p {border-top: 1px #999 solid;}
 /* shooting for 11 px base size here, considering that we're inside #content(1.2em) */
div.sidebar_w_background {background: #e7f1f2 !important;}
div.jump_up {position: relative; top: -55px;}
#content #jump_nav_area fieldset {margin: 0; float: none; width: auto;} /* needed to counteract the "general form stuff" that makes fieldsets behave correctly in the main content, but badly here */
#jump_nav_area #formpopup fieldset div {width: 320px;}

img.graphic_header {margin-bottom: 5px; display: block;}
#content #jump_nav_area p {margin-left: 0; margin-right: 0;}
#our_focus input, #our_focus select, 
#homepage_our_focus input, #homepage_our_focus select {vertical-align: middle; margin-bottom: 8px;}
#our_focus select,
#homepage_our_focus select {width: 122px;/*TDA 20120109 was, AAT 20120119 was 176px*/ height: 18px; margin-right: 4px; border: 1px solid #a5acb2;}
#search_grants p {margin: 3px 0 5px 0;}
#utilities a {display: block; margin: 0 2px; padding-left: 20px; color: #666; text-decoration: none; font-size: 1.0em; line-height: 1.5;}
#utilities a#print {background: url(/images/icon_print.gif) 0 3px no-repeat;}
#utilities a#email {background: url(/images/icon_email.gif) 0 3px no-repeat;}
#utilities a#popular {background: url(/images/icon_popular.gif) 0 3px no-repeat;}
#utilities a.tellus {background: url(/images/icon-tellus.gif) 0 5px no-repeat;}
#related {color: #036;}
#related ul {padding: 0; margin: 0;}
#related li {list-style-type: none; padding-left: 10px; background: url(/images/bullet_jumpnav_area.jpg) 0 1px no-repeat; margin-bottom: 10px;}
#related a {font-weight: bold; color: #036; text-decoration: none;}
/* Ratings */
#utilities {position: relative;}
#utilities .ratepage {height: 18px; padding: 0 0 0 70px; margin-bottom: 2px; background: #135992 url(/images/ratepage-endcap.gif) 100% 0 no-repeat;}
#utilities img.ratelabel {position: absolute; top: 4px; left: 5px;}
.ratingStar {font-size: 0pt; width: 14px; height: 12px; margin: 2px 0 0 0; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;}
.filledRatingStar {background-image: url(/images/ratingFilledStar.png);}
.emptyRatingStar {background-image: url(/images/ratingEmptyStar.png);}
.savedRatingStar {background-image: url(/images/ratingSavedStar.png);}

/* Footer */
#footer {position: relative; clear: both; float: left; width: 916px; margin-top: 2px; padding: 14px 0; border-top: 1px solid #e0e0e0; font-size: 0.9em; color: #666; background: #fff;}
#footer a:visited {color: #003366;}
#footer p {width: 650px; margin: 0; padding: 0 0 0 2em;}
#footer ul {position: absolute; top: 26px; right: 0; padding-left: 0; list-style-type: none; float: right;}
#footer li {float: left; height: 14px; padding: 0 2px; font-size: 1.1em; font-weight: bold;}
#footer li.rss {padding-left: 16px; background: url(/images/icon-rss.png) 0 0 no-repeat;}
#footer li a {padding-right: 2px;}
#footer .social{width: auto; position: absolute; right: 0; top: 6px;}
#footer .social a {display: block; float: left; height: 20px; text-indent: -9999em; background-repeat: no-repeat; background-position: 0 0;}
#footer .social a{width: 21px;}
#footer .social span {display: block; float: left; padding-right: 6px; color: #003366; font-size: 1.2em;}
#footer .social a.facebook {background-image: url(/images/icon-facebook-foot.gif);}
#footer .social a.twitter {background-image: url(/images/icon-twitter-foot.gif);}
#footer .social a.youtube {background-image: url(/images/icon-youtube-foot.gif);}

/* Utility classes */
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.rule, #content #jump_nav_area .rule {font-size: 2px; line-height: 2px; height: 1px; background: url(/images/bg_rule.gif) repeat-x; margin: 10px 0;}
#content .rule {margin: 10px 11px 10px 0;}
#content td .rule {margin: 0;}
p.between_h5s {margin: 0;}

/* toolbox */
table.gt_grants td.userid,
table.gt_grants th.userid {display: none;}
table.gt_grants td.amount,
table.gt_grants th.amount {text-align: right; padding-right: 30px;}
th.grant_requirement,
th.grant_due_date,
th.grant_rcd_date,
th.grant_done_date {width: 25%;}

.toolbox-login {height: 55px; width: 360px !important; padding-left: 45px; padding-top: 12px; float: right; background: #fff url(/images/bg-login.gif) top left no-repeat; color: #666; border: 1px #849f7c solid; font-size: 1.2em;}
.text-fields {width: 180px; float: left; padding: 0; margin: 0;}
.remember-forgot {width: 180px; float: left; padding: 0; margin: 0;}
.toolbox-login label.username,
.toolbox-login label.password {display: block; float: left; width: 62px; padding-top: 3px;}
.toolbox-login label.remember {display: block; float: left; padding-top: 0;}
.toolbox-login input#username,
.toolbox-login input#password {border-top: 1px #8e8e8e solid; border-left: 1px #8e8e8e solid; border-right: 1px #fafafa solid; border-bottom: 1px #fafafa solid; background: #fff url(/images/bg-login-input.gif) top left no-repeat;}
.toolbox-login .remember input {margin: 0 2px 0 0;}
.toolbox-login .remember-forgot input {display: block; clear: both; float: left; margin-top: 0; margin-right: 0.5em;}
.toolbox-login #forgot {float: left; margin-top: .8em;}
.toolbox-login #forgot a {text-decoration: none;}
.toolbox-login .button-forgot {clear: both; margin-top: 20px;}

/* Issue #132 (amount alignment) */
table#ctl02_ctl04_GridView1 th,
table#ctl02_ctl04_GridView1 td { }

table#ctl02_ctl04_fvEmailFriends td div,
table#ctl02_ctl04_fvEmailFriends td div label {margin: 0; padding: 0 10px 5px 0;}

/* File UPloader renders differently in IE and firefox */
/* width:0px!important; display:none!important; */

input#ctl03_ctl04_auImageMedia_i_0 {width:100px!important;   }
#ctl03_ctl04_resourceHelpLink a {margin-top:5px;}
#ctl03_ctl04_ddlUploadDocumentType select {margin-top:-5px;}

/* News Log*/
#blogTease {clear: both; margin-left: 0;}
#blogTease h2 {position: relative; height: 26px; background: #fff url(/images/moblog-headLeft.gif) left no-repeat; padding-left: 20px; margin: 0;}
#blogTease h2 a {font-size: 0.7em; margin-left: 25px; text-decoration: none;}
#blogTease h2 img#blogTitle {margin-top: 5px;}
#blogTease ul { }
#blogTease li {background: none; margin-bottom: 0;}
#blogTease img.end {position: absolute; right: 0;}
#blogTease #blogFeed {padding: 5px 5px 0 5px; border: 2px #f2f4f5 solid; border-top: 1px #e6e9ec solid; border-bottom: none;}
img.survey-promo {position: relative; right: -10px; top: 10px;}
#blogTease-footer {position: relative; height: 10px; background: #fff url(/images/moblog-footerLeft.gif) bottom left no-repeat; margin-bottom: 2em;}

.newslogtable {margin-right: 200px;}
.newslogtable p {margin-bottom: 0.7em;}
.newslogtable .published {font-weight: bold; margin-bottom: 0.7em;}
p.newsloglink {height: 20px; margin: 0; padding: 0 0 20px 0; text-align: right; font-style: italic; font-size: 0.9em;}
p.newsloglink a {display: block; float: left; font-weight: bold; font-style: normal;}

#jump_nav_area dt {background: url(/images/bullet-arrow-nobg.gif) 0px 5px no-repeat; padding-left: 10px; margin-bottom: 2px;}
#jump_nav_area dt a {text-decoration: none; color: #666; font-size: 0.9em;}

.player {background: #e1edee; width: 552px; padding-top: 0; clear: left; margin-top: 5px; border-top: 1px #666 dotted;}
#content .player h3 {margin: 0 0 0 5px; padding-left: 10px; color: #036; font-size: 1.3em; background: transparent url(/images/bullet-trefoil-2.gif) 0 7px no-repeat;}
#content .audio h3 { }
.player p {padding-left: 10px;}
.player strong,
.player a {font-weight: bold;}
.player a {float: right; margin-top: -1.6em;}
.video-holder,
.video_holder {width: 200px; float: left;}
.video .description,
.video_description {float: left; padding: 4px 0 10px 0;}
.player .text {margin-left: 0; float: left; margin-right: 30px;}
.audio .flash-audio-player {width: 200px; float: left;}
.player .close {float: right; margin-right: 20px; text-align: right;}
.player .close a {float: none; margin-top: 0;}
.video .text { }
.audio #player {width: 200px; float: left; margin-left: 30px;}
.player br {display: none;}

.collapsed #player,
.collapsed .description,
.collapsed .video-holder,
.collapsed .video_holder {display: none;}
#content .collapsed h3 {width: 180px; float: left; font-size: 1.0em;}
.collapsed .text {float: left; /*margin-top: -12px;*/ }
.collapsed td {background-color: #e1edee;}

#content ul.arrows li {background-image: url(/images/bullet-arrow-nobg.gif); margin-left: 20px;}


/* ADDED FOR LOADING AJAX SCREEN IN TOOLBOX */
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlaySplash {border-top-width: medium; border-left-width: medium; z-index:2000; -moz-opacity:.50; opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
left: -13px; background: #000; visibility: visible; display: block; border-bottom-width: medium; width: 962px; position: absolute; top: 1px; height: 900px; border-right-width: medium;}
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlaySplashInner {z-index: 2050;  visibility: visible; display: block; position: absolute; top: 75px; left: 20%; background: #fff; border: 10px solid #5f5f5f;}
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlayContent {font-family: arial,verdana,sans-serif; font-size: 1.0em; padding: 5px; background-color: #fff;}
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlayContent .close {display: block; margin: 0; width:70px; height: 16px; float: right; background: url(../img/facebox/icon-close-facebox.png) 0 0 no-repeat; text-indent: -9999em;}

/* Remove this style when photo headers are ready to go */
/* Remove this style when photo headers are ready to go */
/*#photo-header {display: none;}*/
/* Remove this style when photo headers are ready to go */
/* Remove this style when photo headers are ready to go */

 #web-tab img {
 float: left; 
 margin-bottom:6px;
 margin-right:6px;
}
 #web-tab h2 {clear: none;}
 
.fbHeadline a {font-weight:bold;text-decoration:underline;}
/***********************
 * Grant Users Editing *
 ***********************/

div.grantUsersNav {margin: 20px; float: right;}
div.grantUsersNav a:visited {color: #003366;}
a.changePrimary {}

#dashboard-wrapper table.activeUsers, 
#dashboard-wrapper table.inactiveUsers, 
#dashboard-wrapper table.newUser {margin-bottom: 10px; border-collapse: collapse; border: 1px #d9d9d9 solid;}
#dashboard-wrapper table.activeUsers td, 
#dashboard-wrapper table.inactiveUsers td,
#dashboard-wrapper table.activeUsers th, 
#dashboard-wrapper table.inactiveUsers th, 
#dashboard-wrapper table.newUser td, 
#dashboard-wrapper table.newUser th {padding: 4px; background: #f2f2f2;}
#dashboard-wrapper table.activeUsers .fullNameText,
#dashboard-wrapper table.activeUsers .valueText,
#dashboard-wrapper table.activeUsers .userLink{background: #e4e4e4;}
#dashboard-wrapper table.inactiveUsers .fullNameText,
#dashboard-wrapper table.inactiveUsers .valueText,
#dashboard-wrapper table.inactiveUsers .userLink{background: #e4e4e4;}

#dashboard-wrapper table .fullNameText {color: #000000;  font-weight: bold; font-size: 14px;}
#dashboard-wrapper table .fullNameText span.primaryContactText 
{display: block; text-transform: uppercase; font-weight: normal; font-size: smaller;  }

td.fullNameText {width: 150px;}
td.valueText {width: 200px;}
td.userLink {width: 100px;}

#dashboard-wrapper table.newUser,
#dashboard-wrapper table.activeUsers,
#dashboard-wrapper table.inactiveUsers{width: 532px;}

#dashboard-wrapper #content .pnlActiveUsers h2,
#dashboard-wrapper #content .pnlInactiveUsers h2 {color: #000000; margin-top: 30px; margin-bottom: 20px;  }

div.changePrimaryForm {border: 2px solid #d9d9d9; background: #f2f2f2; padding: 15px 10px; margin: 10px; display: none; float: right; clear: both;}
td.formButtons {padding: 5px; height: 40px;}
a.saveProfile, a.cancelProfile, a.btnConfirmPrimary, a.btnCancel{border-style: outset; background-color: #C0C0C0; text-align: center; margin-right: 10px; padding: 2px 7px; text-transform: uppercase; text-decoration: none;}
a.saveProfile:hover, a.cancelProfile:hover,
 a.btnConfirmPrimary:hover, a.btnCancel:hover {background-color: #a0a0a0; border-style: groove;}

.changePrimaryButtons {display: block; text-align: center; padding: 10px 5px 5px; margin-top: 5px;}

/***********************
 * Grant Users Filter  *
 ***********************/
 #dashboard-wrapper table.filtertable .alternateRow {background: none repeat scroll 0 0 #F2F2F2;} 
 
 /* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} /* IE fix for Mac */