Online Degrees & Certificates : LP5 Sample Typography page | Template = docs | Brand = docs | Academic Area =

Headlines

A proud heritage of educating those who serve.

Educating those who serve™

You’re driven to protect and serve. We’re driven to help you succeed.

Experienced academic leaders.

Institutional accreditation.
Accreditation matters.

Paragraphs & Blockquotes

In 1991, Marine Corps officer James P. Etter founded American Military University (our sister school) and broke new ground by offering career-relevant, distance education for a mobile population of military learners.

In 2002, American Public University (APU) was established as part of the American Public University System (APUS) to provide a broader audience of motivated working adults access to the same quality, affordable, and flexible programs offered at APUS.

Today American Public University System is one of the largest providers of online higher education offering more than 190 academic programs with more than 100,000 students enrolled worldwide. The APUS student body is full of ambitious professionals from all fields sharing a common motivation for continuing their education and preparing to reach their career potential. View all programs

APUS Marketing Department

We value your privacy.

By submitting this form, you agree to receive e-mails, texts, and phone messages from American Public University System, Inc. (which includes American Military University (AMU) and American Public University (APU)), its affiliates, and representatives. You understand that this consent is not a condition of enrollment or purchase.

You may withdraw your consent at any time. Please refer to our privacy policy, terms, or contact us for more details.

Four-time recipient of the prestigious Online Learning Consortium’s Effective Practice Award.

Lists

  1. Defense Activity for Nontraditional Education Support (DANTES)
  2. Military OneSource Voluntary Education
  3. Council of College and Military Educators (CCME)
  4. InMilitaryEducation blog
  5. University readmission policy for military students

Tables

Default Table

16-Week ADP Schedule  
Upon Registration 1/4 tuition due + technology fee
15th of Session's First Month 1/4 of tuition due (i.e., for May 5th course, payment due 5/15)
15th of Session's Second Month 1/4 of tuition due (i.e., for May 5th course, payment due 6/15)
15th of Session's Third Month 1/4 of tuition due (i.e., for May 5th course, payment due 7/15)

Alternate Table

Colspan = 2 Column 3 Column 4
Upon Registration 1/4 tuition due + technology fee Column 3 Column 4
15th of Session's First Month 1/4 of tuition due (i.e., for May 5th course, payment due 5/15) Column 3 Column 4
15th of Session's Second Month 1/4 of tuition due (i.e., for May 5th course, payment due 6/15) Column 3 Column 4
15th of Session's Third Month 1/4 of tuition due (i.e., for May 5th course, payment due 7/15) Column 3 Column 4

CTA Buttons

Default Button match Utility Bar Buttons

Default Inverted Ghost Button Ghost Button Inverted

Button Alternate 1

Alt1 Alt1 Inverted Alt1 Ghost Button

Button Alternate 2

Alt2 Alt2 Inverted Alt2 Ghost Button

Button Alternate 3

Alt3 Alt3 Inverted Alt3 Ghost Button

Important Button

Important Important Inverted Important Ghost Button

Dark Grey Button (Program finder)

Alt4 Alt4 Inverted Alt4 Ghost Button

Light Grey Button (Program finder)

Alt5 Alt5 Inverted Alt5 Ghost Button

Form Elements (coming soon)

Find the program that's right for you.

At a Glance Panel

Degree at a Glance

Apply for Admission

/*! * 09/01/2017 * Version 1.1 * APUS Typographic Styles * wsoe@apuswsoe.info * George Fox */ html, body { font-size: 16px; color: #555; /* 20150304 changed from #63656a */ line-height: normal; font-weight: normal; font-style: normal; line-height: normal; font-family: GibsonLight, Fallback, sans-serif; } h1, h2, h3, h4, h5, h6, ol, ul, p { margin: 16px 0; } h1 { font-size: 2em; } .banner h1 { font-size: 2em; } h2 { font-size: 200%; } /* 2em */ h3 { font-size: 150%; } /* 1.5em */ h4 { font-size: 108%; } /* 1.08em */ h5 { font-size: 104%; } /* 1.04em */ h6 { font-size: 100%; } /* 1em */ .banner p { font-size: 108%; /* 1.08em */ line-height: 1.4em; } p { font-size: 100%; /* 1em */ line-height: 1.5em; } ol, ul { margin-left: 1.6em; } ol li, ul li { margin-bottom: .5em; } a { font-weight: bold; color: #107bb0; /* 20150304 changed from #59a0c3 */ } a:link, a:visited { text-decoration: none; } a:active, a:hover { text-decoration: underline; opacity: 0.75; } a:visited { } em { font-style: italic; } strong { font-weight: bold; } h1, h2, h3, h4, h5, h6 { clear: both; } a[rel=follow] { display: block; } a[rel=follow]:after { content: "⟩"; margin-left: .2em; } sup, .fine, .finePrint, .fineprint, .small, .smallPrint, .smallprint, .sources { font-family: "GibsonRegular"; font-size: .75em; margin-top: 2em; } sup { position: relative; bottom: .5em; } footer p { font-family: "GibsonRegular"; font-size: .7em; margin: .6em 0; } footer a { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } footer a:link, footer a:visited { color: #fff; text-decoration: underline; } footer a:active, footer a:hover { color: #fff; opacity: 1; text-decoration: none; } .nowrap { display: inline-block; } i { font-style: italic; color: #b27c7c; } code { background-color: #2c2c2c; color: #dcdcdc; display: block; padding: 1em; white-space: pre; overflow: auto; font: 80% "Courier New", Courier, mono; margin-top: 1em; margin-bottom: 1em; } /* Inline images and elements; default = left, alt = right */ .inline { float: left; padding: .3em 1em .7em 0; } .inline.alt { float: right; padding: .3em 0 .7em 1em; } /*Tables*/ table { border-collapse: collapse; margin: 2em 0; width: 100%; } table + table { margin-top: -1em; } thead { border-bottom: 1px solid #bac6cd; } th { font-size: 1.18em; font-weight: bold; text-align: left; } th, td { padding: .5em; width: auto; } tbody tr:nth-of-type(even) { background-color: #eaeaea; } table.alt thead { border-bottom-style: none; color: #fff; background-color: #59a0c3; } table.alt th:nth-of-type(even) { background-color: #7cb2cd; } /*table.alt th { border-right: 1px solid #fff; } table.alt th:last-of-type { border-right-style: none; }*/ table.alt tbody tr:nth-of-type(even) { background-color: rgba(232, 240, 245, 0.7); } table.alt td { border-right: 1px solid #d9dfe4; } table.alt td:first-of-type { border-left: 1px solid #d9dfe4; } hr { display: block; clear: both; border-bottom-style: solid; border-bottom-width: 1px; } /* At A Glance */ .at-a-glance { color: #fff; background-color: #5a6c7a; padding: 2em; margin-top: 1em; position: relative; } .at-a-glance>h3 { } .at-a-glance>h3:before, .type .at-a-glance>h3:before { display: block; margin: -.4em 0 0; position: absolute; left: 0; width: auto; height: auto; content: " "; background-color: transparent; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid white; padding: 0; } .at-a-glance span { display: block; font-weight: bold; } .at-a-glance>ul { border-top: 1px solid #778995; margin-top: 2.5em; margin-left: 0; margin-right: 0; } .at-a-glance li { list-style: none; border-bottom: 1px solid #778995; padding-top: 1em; padding-bottom: 1em; } .at-a-glance li ul { margin: -1.5em 0 0; font-size: 85%; padding: 0; } .at-a-glance li li { border-bottom-style: none; padding-top: 1em; padding-bottom: 0; } .at-a-glance a:link, .at-a-glance a:visited { color: #d5f1fd; /* d2e5ef e0edf3 daedf6 d9f2fe d3f0fd - matches footer a */ text-decoration: none; } .at-a-glance a:active, .at-a-glance a:hover { color: #fff; opacity: 1; text-decoration: underline; } .at-a-glance a.button { text-decoration: none; margin-top: 3em; } .at-a-glance .fine { font-size: 80%; } /*! --------------- Buttons --------------- */ /* Default Button: standard link color #59a0c3 */ button, .button, input[type=submit], input[type=reset] { font: 1em 'GibsonSemiBold'; font-style: normal; font-variant: normal; text-transform: uppercase; text-decoration: none; margin-bottom: 0.75em; margin-right: 0.75em; } button, .button, input, select { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; padding: 0.75em 1.5em; display: inline-block; } .button.border, input[type=submit], input[type=reset] { border-width: 2px; border-style: solid; padding: 0.64em 1.42em; } button:hover, .button:hover { text-decoration: none; opacity: 1; } .button.ghost { border-width: 2px; border-style: solid; } /* Button color updated to #005e98 on 08/25/2015 to match Utility buttons */ .button, .button.default, input[type=submit], input[type=reset] { color: #fff; background-color: #005e98; } .button.ghost, .button.default.ghost, input[type=submit] { border-color: #005e98; } .button.invert:hover, .button.default.invert:hover, .button.ghost:hover, .button:hover, input[type=submit]:hover { color: #fff; background-color: #0086d8; border-color: #0086d8; } .button.invert, .button.default.invert { color: #005e98; background-color: #fff; } .button.ghost, .button.default.ghost { color: #005e98; border-color: #0086d8; background-color: transparent; } .button.ghost.invert, .button.default.ghost.invert { color: #fff; border-color: #fff; background-color: transparent; } .button.ghost.invert:hover { color: #fff; border-color: #fff; background-color: rgba(255, 255, 255, 0.35); } /* Button Alternate 1: light blue #71cde2 */ .button.alt1 { color: #fff; background-color: #71cde2; } .button.alt1.ghost { border-color: #71cde2; } .button.alt1.invert:hover, .button.alt1.ghost:hover, .button.alt1:hover { color: #fff; background-color: #ace1ed; border-color: #ace1ed; } .button.alt1.invert { color: #71cde2; background-color: #fff; } .button.alt1.ghost { color: #71cde2; border-color: #71cde2; background-color: transparent; } /* Button Alternate 2: green #acc333 */ .button.alt2 { color: #fff; background-color: #acc333; } .button.alt2.ghost { border-color: #acc333; } .button.alt2.invert:hover, .button.alt2.ghost:hover, .button.alt2:hover { color: #fff; background-color: #c8d96f; border-color: #c8d96f; } .button.alt2.invert { color: #acc333; background-color: #fff; } .button.alt2.ghost { color: #acc333; border-color: #acc333; background-color: transparent; } /* Alternate 3: blue #59a0c3 */ .button.al3 { color: #fff; background-color: #59a0c3; } .button.alt3.ghost { border-color: #59a0c3; } .button.alt3.invert:hover, .button.alt3.ghost:hover, .button.alt3:hover { color: #fff; background-color: #92bfd6; border-color: #92bfd6; } .button.alt3.invert { color: #59a0c3; background-color: #fff; } .button.alt3.ghost { color: #59a0c3; border-color: #59a0c3; background-color: transparent; } /* Dark Grey Button (Program finder) #54565b */ .button.alt4 { color: #fff; background-color: #54565b; } .button.alt4.ghost { border-color: #54565b; } .button.alt4.invert:hover, .button.alt4.ghost:hover, .button.alt4:hover { color: #fff; background-color: #7c7f85; border-color: #7c7f85; } .button.alt4.invert { color: #54565b; background-color: #fff; } .button.alt4.ghost { color: #54565b; border-color: #54565b; background-color: transparent; } /* Light Grey Button (Program finder) #b0b0b0 */ .button.alt5, input[type=reset] { color: #fff; background-color: #b0b0b0; } .button.alt5.ghost, input[type=reset] { border-color: #b0b0b0; } .button.alt5.invert:hover, .button.alt5.ghost:hover, .button.alt5:hover, input[type=reset]:hover { color: #fff; background-color: #d2d2d2; border-color: #d2d2d2; } .button.alt5.invert { color: #b0b0b0; background-color: #fff; } .button.alt5.ghost { color: #b0b0b0; border-color: #b0b0b0; background-color: transparent; } /* Button important: orange #f4842d */ .button.important { color: #fff; background-color: #f4842d; } .button.important.ghost { border-color: #f4842d; } .button.important.invert:hover, .button.important.ghost:hover, .button.important:hover { color: #fff; background-color: #f6a464; border-color: #f6a464; } .button.important.invert { color: #f4842d; background-color: #fff; } .button.important.ghost { color: #f4842d; border-color: #f4842d; background-color: transparent; } /* Hondros Button default: medium blue #0072ce; */ .hondros .button, .hondros .button.default, .hondros input[type=submit], [default] .hondros input[type=reset] { color: #fff; background-color: #0072ce; } .hondros .button.ghost, .alt3 .hondros .button.default.ghost, .alt:hover .hondros input[type=submit] { border-color: #0072ce; } .hondros .button.invert:hover, .hondros .button.default.invert:hover, .hondros .button.ghost:hover, .hondros .button:hover, .hondros input[type=submit]:hover { color: #fff; background-color: #3c9ce8; border-color: #3c9ce8; } .hondros .button.invert, .hondros .button.default.invert { color: #0072ce; background-color: #fff; } .hondros .button.ghost, .hondros .button.default.ghost { color: #0072ce; border-color: #3c9ce8; background-color: transparent; } .hondros .button.ghost.invert, .hondros .button.default.ghost.invert { color: #fff; border-color: #fff; background-color: transparent; } .hondros .button.ghost.invert:hover { color: #fff; border-color: #fff; background-color: rgba(255, 255, 255, 0.35); } /* Hondros Button Alternate 1: light blue #00c1d5; */ .hondros .button.alt1 { color: #fff; background-color: #00c1d5; } .hondros .button.alt1.ghost { border-color: #00c1d5; } .hondros .button.alt1.invert:hover, .hondros .button.alt1.ghost:hover, .hondros .button.alt1:hover { color: #fff; background-color: #7bcdd5; border-color: #7bcdd5; } .hondros .button.alt1.invert { color: #00c1d5; background-color: #fff; } .hondros .button.alt1.ghost { color: #00c1d5; border-color: #00c1d5; background-color: transparent; } /* Hondros Button Alternate 2: green #78be20; */ .hondros .button.alt2 { color: #fff; background-color: #78be20; } .hondros .button.alt2.ghost { border-color: #78be20; } .hondros .button.alt2.invert:hover, .hondros .button.alt2.ghost:hover, .hondros .button.alt2:hover { color: #fff; background-color: #b3d96f; border-color: #b3d96f; } .hondros .button.alt2.invert { color: #78be20; background-color: #fff; } .hondros .button.alt2.ghost { color: #78be20; border-color: #78be20; background-color: transparent; } /* Hondros Dark Grey Button #707372; */ .button.alt4 { color: #fff; background-color: #707372; } .button.alt4.ghost { border-color: #707372; } .button.alt4.invert:hover, .button.alt4.ghost:hover, .button.alt4:hover { color: #fff; background-color: #a0a4a3; border-color: #a0a4a3; } .button.alt4.invert { color: #707372; background-color: #fff; } .button.alt4.ghost { color: #707372; border-color: #707372; background-color: transparent; } /* Hondros Button important #e1e000; */ .hondros .button.important { color: #03599b; background-color: #e1e000; } .hondros .button.important.ghost { border-color: #e1e000; } .hondros .button.important.invert:hover, .hondros .button.important.ghost:hover, .hondros .button.important:hover { color: #03599b; background-color: #eded92; border-color: #eded92; } .hondros .button.important.invert { color: #e1e000; background-color: #fff; } .hondros .button.important.ghost { color: #e1e000; border-color: #e1e000; background-color: transparent; } /*! --------------- Forms --------------- */ input { font-size: 1em; } /* form { background-color: rgba(50, 62, 70, 0.8); color: #fff; position: relative; } #programFinder { padding: 1em; } #programFinder span { } #programFinder label { display: none; } #programFinder select, #programFinder input { font-style: normal; font-variant: normal; text-transform: capitalize; padding: 0.75em 1.5em; display: inline-block; text-decoration: none; -webkit-appearance: none; background: rgba(150, 150, 150, 0.5); border-radius: .4em; width: 14em; color: #fff; text-align: center; margin-bottom: .5em; } fieldset { display: inline-block; position: relative; margin-left: .3em; } fieldset:after { display: block; position: absolute; content: "▾"; width: 1.3em; height: 1.3em; overflow: hidden; text-align: center; top: .6em; margin: 0; padding: 0; right: .5em; } select:focus, input:focus { outline:0; } input[type=submit] { width: auto; margin-left: .3em; } select:hover, input:hover, input[type=submit]:hover { background-color: #59a0c3; } */ @media only screen and (max-width: 767px) { h1 { font-size: 1.4em; } /* -- Mobile override -- */ .banner h1 { font-size: 1.5em; } /* -- Mobile override -- */ h2 { font-size: 1.3em; } /* -- Mobile override -- */ .at-a-glance { padding: 1em 2em; margin-top: 1em; } .at-a-glance a.button { margin-top: 0; } }