@charset "utf-8";
/* CSS Document */


#donateid {color: #333 !important;} /* This changes test color on Donation Page */

/*.donate-navfontsize {font-size:1.2em;}*/

.donate-instructions {margin: 0px auto auto auto; width:60%; text-align:center;  font-size:1.2em;}

.donate-instructions ul {text-align: left;}

.donate-color {color: #333}
.donate-fontweight {font-weight:bold;}
.donate-fontsize {font-size:1.2em;}

.donate-option1 {float:left; box-shadow: 1px 15px 20px 9px #CCC; font-size:1em;}
.donate-option2 {box-shadow: 1px 15px 20px 9px #CCC; width: 320px; padding:15px;margin:55px 0px 0px 450px;}
.donate-option3 {box-shadow: 1px 15px 20px 9px #CCC; width: 320px; padding: 15px; float:right; height:auto; margin-top:-228px;margin-bottom:40px;}
.donate-flagboy {text-align:center; margin-top:17px; height:160px; width:130px;margin-left:130px; margin-top:5px; margin-bottom:15px; padding: 15px;float:left;}

.donate-contactwidth {width:80%;}

html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend, forn, input,
   table, caption, tbody, tfoot, thead, tr, th, td {font-family:Arial, sans-serif;}
   
/*** Begin New contribtopnav 1/22/2107 ***/
/* All the css here eventually worked after using !important to override existing menu code */
.menu-top-level-ul ul {display:none;}

/*.li-to-submenu > ul li {margin-top:-50px !important;}*/
.li-to-submenu > ul > li {margin-top:-15px !important; padding-top: 5px !important; }

.menu-top-level-ul li:hover ul {display: inline !important; z-index:1 !important;position: absolute;font-size:16px;left:54%; height:40px !important; width:500px !important; background: #F9F9F9; box-shadow: -4px -1px 6px #999 !important; padding: 5px !important;top:26px;} /* Needed inline here to make inline work for ul, needed absolute here since contribtopnav=relative in miscellaneous-css */
.menu-top-level-ul li:hover ul li {display: inline !important;} /* Necessary to make inline work for li */
/*** End New contribtopnav ***/

/*** Begin donate-bottomnav ***/
.donate-bottomnav {margin-top:20px;text-align:center;margin-bottom:100px;}
.donate-bottomnav a {text-decoration:none; /*color: #0009b3;*/ color:#000; font-weight:bold; }
.donate-bottomnav a:hover {color:#666eff;}
/*** End donate-bottomnav ***/

/*** Begin Media CSS ***/
@media screen and (max-width: 800px) and (orientation: landscape) {
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend, forn, input,
   table, caption, tbody, tfoot, thead, tr, th, td {font-family:Arial, sans-serif;}
   
  .donate-option1 {float:left; margin auto;}
   .donate-option2 {float:left; margin-top:30px; margin-left:28px; }
   .donate-option3 {float:left; margin-top:30px; margin-left:28px;}
   .donate-flagboy {float:left;margin-top:30px;}
   
}

@media screen and (min-width: 400px) and (max-width: 600px) and (orientation: portrait) {
    html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend, forn, input,
   table, caption, tbody, tfoot, thead, tr, th, td {font-family:Arial, sans-serif;}
   
  .donate-option1 {float:left; margin auto;}
   .donate-option2 {float:left; margin-top:30px;margin-left:28px;}
   .donate-option3 {float:left; margin-top:30px;margin-left:28px;}
   .donate-flagboy {float:left;margin-top:30px;}
   .donate-contactwidth {width:100%;}
}

@media screen and (min-width: 300px) and (max-width: 399px) and (orientation: portrait) {
  html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend, forn, input,
   table, caption, tbody, tfoot, thead, tr, th, td {font-family:Arial, sans-serif;}

   .donate-option1 {float:left; margin auto; }
   .donate-option2 {float:left; margin-top:30px; margin-left:28px; }
   .donate-option3 {float:left; margin-top:30px; margin-left:28px;}
   .donate-flagboy {float:left;margin-top:30px; }
   .donate-contactwidth {width:100%;}
}

/*** End Media CSS ***/

