/* OP site styles */
/* fonts and colors and tweaks */


body { font-family: 'GT America Standard', Arial, Helvetica,"Nimbus Sans L",sans-serif; font-weight: 400; color: #000000; }
em, i { font-style: italic; }
strong, b { font-weight: 600; }

.msginline, .msgstatic   {  color: #B32D29; }

#header-content { width: 90%; }
#logo1   { font-family: 'Asap-BoldItalic'; font-weight: 700; font-style: italic; } 
#header-menu-link { margin-right: 0; }
#menu2 { background: #000000; }

.subhead_h1 { line-height: normal; }

fieldset {  padding: .3em; background: #E0E0E0; margin: .8em 0; border-radius: 10px; }
fieldset  input, fieldset select, fieldset textarea { background: #FFFFFF; }

/* OA ad promotion original green */
.oa-desc-box  { padding: 1em; background: #EFEFEF; margin: 1em 0;  color: #FFFFFF; }
.oa-desc-box  h3 { margin: 0; padding: 0; }
.oa-desc-box  h3 a, .oa-desc-box  h3 a:link, .oa-desc-box  h3 a:visited, .oa-desc-box  h3 a:hover, .oa-desc-box  h3 a:active { text-decoration: none;  color: #FFFFFF; }
.oa-desc-box  h3 a:hover { border-bottom: 1px solid #FFFFFF; }
#oa-customers { background: #059142; } 
#oa-advertisers { background: #06A94D; } 
#oa-promotion { background: #06C258; } 
#oa-nonprofits { background: #07DA63; }
@media (hover: none) and (pointer: coarse) {
    .oa-desc-box  h3 a, .oa-desc-box  h3 a:link, .oa-desc-box  h3 a:visited, .oa-desc-box  h3 a:hover, .oa-desc-box  h3 a:active { text-decoration: underline;  }
    .oa-desc-box  h3 a:hover { border-bottom: none; }
}

/* OA styled blue shades */
ul.u-pagenav {  list-style:none; margin-top: 1em; }
ul.u-pagenav li { margin-left: 0; margin-top: .5em; text-align: left; }
ul.u-pagenav li a.u-pgnav-a { display: block; padding: .8em .8em; background: #000000; border: 1px solid #000000; border-radius: 3px; font-weight: bold; 
    color: #FFFFFF;  text-decoration: none;  }
ul.u-pagenav li a.u-pgnav-a h3, div.u-pgnavsub h3   { padding-top: 0; margin-bottom: 0;}	
div.u-pgnavsub { padding: .8em .8em; background: #000000; border: 1px solid #000000; border-radius: 3px; color: #FFFFFF; }
div.u-pgnavsub p:last-of-type { margin-bottom: 0; }
a.u-pgnav-b, a.u-pgnav-b:link,a.u-pgnav-b:visited, a.u-pgnav-b:hover, a.u-pgnav-b:active { color: #FFFFFF;  }

ul.u-pagenav li.u-pgnav-1 a, div.u-pgnav1a {  background: #345FD5;   border: 1px solid #345FD5; }
ul.u-pagenav li.u-pgnav-2 a, div.u-pgnav2a { background: #264EBA;  border: 1px solid #264EBA; }
ul.u-pagenav li.u-pgnav-3 a, div.u-pgnav3a { background: #183177;   border: 1px solid #183177;  }
ul.u-pagenav li.u-pgnav-4 a, div.u-pgnav4a { background: #112355;  border: 1px solid  #112355; }
ul.u-pagenav li.u-pgnav-5 a, div.u-pgnav5a { background: #0A1533; border: 1px solid #0A1533; }
ul.u-pagenav li.u-pgnav-6 a, div.u-pgnav6a { background: #030711; border: 1px solid #030711; }

/* read more link do not declare unless standard blue clashes with design */
.op-ar-rmlink { /* color: #0000C8; */    }
.op-ar-rmlink a, .op-ar-rmlink a:link, .op-ar-rmlink a:visited, .op-ar-rmlink a:hover, .op-ar-rmlink a:active { /* color: #0000C8; */ }


@media only screen and (min-width: 700px), print {	
	#header-content, #maincontent, #menu2-content, .footer-content { width: 600px; }
	#contentwrapper, .footer-content  { width: 570px; margin: 0 auto; }
	#header-content, #menu2-content { margin: 0 auto; }

    input.sm, select.sm { display: inline-block; width: 6em; text-align: left; }
}