html, body { padding:0; margin:0; font-size:100%; line-height:1.4em; color:#222; font-family:"open-sans",arial,helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article { overflow:hidden; margin:0; }
article aside { border-bottom:0; }
section { padding:40px 0 20px; overflow:hidden; }
aside { border-bottom:1px solid #ddd; margin:0 0 15px; overflow:hidden; }

#branding-row .page-width { overflow:hidden; }
#branding-row #logo img { float:left; }

html, body { padding:0; margin:0; font-size:100%; line-height:1.4em; color:#222; font-family:"Open Sans",arial,helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing:-.01em; }
header, article { overflow:hidden; margin:0; }
article aside { border-bottom:0; }
section { padding:40px 0 20px; }
aside { border-bottom:1px solid #ddd; margin:0 0 15px; overflow:hidden; }

a { color:#008fbf; text-decoration:none; cursor: pointer; outline: 0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 20px; line-height:1.4em; font-family:"open-sans",arial,helvetica,sans-serif; color:#222; }
h1 { font-size:2rem; }
h2 { font-size:1.5rem; }
h3 { font-size:1.25rem; }
h4 { font-size:1rem; font-weight:bold; margin-bottom:5px; }
p { margin:0 0 20px; padding:0; }
ol { font-size:1.2rem; line-height:1.1em; margin:0 0 20px; padding:0 0 0 1.5em; }
ol li { margin:0 0 20px 0; position:relative; }
ul { list-style-type:none; margin:0 0 20px 0; padding:0; line-height:1.4em; }
ul li { margin:0 0 5px 0; padding:0; }
ul.bullet li { padding:0 0 0 10px; position:relative; }
ul.bullet li:before { content:"\2022"; display:inline-block; position:absolute; left:0; font-size:1em; vertical-align:middle; }
hr { height:0; width:100%; margin:30px 0; border:0; border-top:1px dashed rgb(221,221,221); }

*, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }


/* Common Classes */
/*------------------------------*/

.page-width { max-width:820px; width:100%; margin:0 auto; padding:0 40px; }
article .row .page-width { padding-top:20px; padding-bottom:20px; }

.nm { margin:0; }

.grid { margin-right:-40px; }
.grid:after { content:""; display:table; clear:both; }
[class*='col-'] { float: left; padding-right:40px; }
[class*='col-']:last-of-type { float:left; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.33%; }
.col-2-3 { width: 66.66%; }
.col-1-4 { width: 25%; }
.col-3-4 { width: 75%; }
.col-1-5 { width: 20%; }
.col-2-5 { width: 40%; }
.col-3-5 { width: 60%; }
.col-4-5 { width: 80%; }
.col-1-6 { width: 16.66%; }
.col-5-6 { width: 83.33%; }
.col-1-8 { width: 12.5%; }
.col-3-8 { width: 37.5%; }
.col-5-8 { width: 62.5%; }
.col-7-8 { width: 87.5%; }
.col-1-2:nth-child(3n) { clear:both; }

.aside-left { float:left; width:50%; }
.aside-right { float:right; width:50%; }

a.arrow { color:#222; text-align:center; display:block; padding-top:70px; margin-bottom:20px; }
.arrow_box {position:relative; background:#eee; border:1px solid #ccc; width:102px; margin:0 auto; }
.arrow_box:after, .arrow_box:before { bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box:before { border-color:rgba(204, 204, 204, 0); border-bottom-color:#ccc; border-width:51px; margin-left:-51px; }
.arrow_box:after { border-color:rgba(238, 238, 238, 0); border-bottom-color:#fff; border-width:50px; margin-left:-50px; }

.tags { overflow:hidden; margin:0 0 20px; }
.tags li { display:block; float:left; margin:0 5px 5px 0; padding:8px 20px; background:#b9002d; color:#fff; }


/* Row Styles */
/*------------------------------*/

#branding-row { background:#b9002d; padding:10px 0; margin:0; }
#branding-row .page-width { overflow:hidden; }
#branding-row img { float:left; width:124px; height:22px; }

#title-row .page-width { padding-top:20px; padding-bottom:20px; }
#title-row img { width:100%; max-width:456px; }

#nav-row { overflow:hidden; background-color:#f2f2f2; }
#nav-row ul { display:block; margin:0 -20px 0 -20px; }
#nav-row li { float:left; margin:0; }
#nav-row li a { display:block; padding:8px 20px; border-right:1px solid #ddd; text-transform:uppercase; color:#222; }
#nav-row li a:hover { background-color:#ddd; text-decoration:none; }
#nav-row li:last-of-type a { border-right:0; }
#nav-row li a.highlight { background-color:#ffaa00; margin-left:-1px; font-weight:bold; }
#nav-row li a.highlight:hover { background-color:#ffbb00; }

#content-row ul { list-style-type:none; margin:0 0 20px 0; padding:0; }
#content-row ul li { margin:0 0 5px 0; padding:0 0 0 15px; position:relative; }
#content-row ul li:before { content:"\2022"; display:inline-block; position:absolute; left:0; font-size:1em; }

#course-row .page-width { padding-top:30px; padding-bottom:20px; }

#course-row ul { list-style-type:none; margin:0 0 10px 0; padding:0 ; line-height:1.6em; }
#course-row li { margin:0; padding:0; }
#course-row ul li:before { content:none; }
#course-row .lesson { margin-top:20px; }
#course-row .lesson a { color:#008fbf; }
#course-row .pdfLink { color:#008fbf; }
#course-row .courseTitle { font-size:1.5rem; margin: 0 0 20px; text-align:left; font-weight:normal; line-height:1.8rem; }
#course-row .itemList { padding-left: 40px; }
#course-row .version { font-size:100%; font-weight:bold; }
#course-row .version ul { margin:0px;}
#course-row .headingList li {padding-left:20px}
#course-row .major {margin-top:20px}
#course-row .syllabus {margin-top:20px}
#course-row .itemList { padding-top: 10px; }
#course-row .versionList { margin-bottom:40px }

footer li { margin:0 0 2px; color:#999; }
.footer { text-align: left; }

#footer-logo .page-width { padding: 0 40px; margin-top:-18px; }
#footer-logo img { width:125px; height:36px; padding:8px;  background-color:#b9002d; }

#footer-nav { padding:40px 0 20px 0; background-color:#363838; font-size:100%; line-height:2rem; color:#000;}
#footer-nav ul li { margin:0 0 8px; padding: 0; color:#999; } 
#footer-nav ul li a { color:#fff; } 
#footer-nav ul li a:hover { color:#999; }
#footer-nav ul li .footer-title { text-transform: uppercase; font-weight: bold; font-size: 112.5%; letter-spacing: .1em; }

#copyright-row { margin: 0; padding:10px 0; background:#fff; color:#000; font-size:.6875rem; line-height: 1rem; }
#copyright-row p { color:#000; margin: 0;}

.animal {
float:right;
margin: -60px 0 0 0;
vertical-align: middle;
}

.animal img { max-width: 180px; display:block; }


@media (max-width:750px) {
  .animal {
  right:.625rem; 
  margin: 0;
  }
}

@media screen and (max-width: 800px) {
  #nav-row li a { font-size:.9rem; line-height:1.4rem;  }
}

@media screen and (max-width: 640px) {
  article .row .page-width { padding-top:20px; padding-bottom:20px; }

  #nav-row ul { overflow:hidden; display:block; margin:0 -15px; }
  #nav-row li a { padding:8px 15px; }

  .mobile-stack [class*='col-'] { width: 100% !important; }
  .mobile-show { display:block; }
  .mobile-hide { display:none; }
}
@media screen and (max-width: 480px) {

  #nav-row ul { overflow:hidden; display:block; margin:0 -8px 0 -8px; }
  #nav-row li a { padding:8px 8px; font-size:.8rem; line-height:1.4rem; }

  .aside-right, .aside-left { float:none; width:100%; }

  .page-width { padding:0 20px; }
  .grid { margin-right:-20px; }

  #footer-logo .page-width { padding: 0 20px; margin-top:-18px; }

  [class*='col-'] { padding-right:20px; }
}