body{background:#fbf0ee;border-top:1em solid #c0392b;border-bottom:1em solid #c0392b;color:#333;font-family:'Open Sans','Helvetica Neue',Helvetica,sans-serif;font-size:100%;padding:0;margin:0}
a{color:#c0392b;text-decoration:none}
a:hover{color: #74231a;transition:.25s}
p,li{font-size:1.125em;text-align:justify}
li>ul{font-size:.875em}
h1{clear:both;font-size:4.5em;line-height:1.1;margin-top:1.25em;margin-bottom:0;padding:0;text-align:center}
h3{clear: both;font-size:2em;line-height:1;padding:1em 0 0 0;text-align:center}
h3:first-line{background-color:#fbf0ee}
h3:before{border:1px solid #777;content:'';left:0;margin-top:.5em;position:absolute;right:0;z-index: -1}
h4{font-size:1.75em;margin-bottom: 0}
h5{font-size:1.5em;margin-bottom:0;padding-bottom:0}
h6{font-size:1.25em}
#home h4{padding-top:.5em}
blockquote{background:#f7e0de;border-radius:1em;color:#555;padding:1em;text-align:justify}
iframe{display:block;margin:1em auto}
.tag{font-size:1.5em;text-align:center}
.quote-name{text-align:right}
.back-to-top{font-weight:bold;text-align:right}
#resume a{vertical-align:top}
#resume svg{margin-top:-4px}
#home-photo{float: right}
#home-photo photo{padding-left:1.75em}
.photo{display:block;margin-left:auto;margin-right:auto}
.photo+p{text-align:center;margin-top:.75em;font-size:1em;color:#74231a}
.video{border:0}
#home object{display:inline}

#page{width:960px;margin:-2em auto 0;position:relative;padding:0}

#nav{margin:0;padding-left:0;position:absolute;right:0;top: -3em}
#nav li{display:inline-block}
#nav a{color:#333;display:inherit;margin:0 8px;text-decoration:none}
#nav a:hover{color:#c0392b;transition:.25s}
#nav path,#sub-nav path,#sub-nav polygon,#page path,svg text,rect{fill:#c0392b;transition:.5s}
#nav a:hover path,#sub-nav a:hover path,#sub-nav a:hover polygon,#page a:hover path,a:hover svg text,a:hover rect{fill:#74231a;transition:.25s}

#pages-nav{display:block;font-size:1.5em;margin:1.5em auto 2em;padding-left:0}
#pages-nav li{display:inline-block;line-height:1;padding:0 10px;text-align:center;width:300px}
#pages-nav span{font-size:2em}
#pages-nav img{border-radius:1em;margin-top:.5em;opacity:1;transition:.5s}
#pages-nav li:hover img{opacity:.85;transition:.25s}
#pages-nav li:hover a{color:#74231A;transition:.25s}

#sub-nav h2{float:left;font-size:3.25em; padding-bottom: 0;padding-top:.25em;margin-bottom:0}
h2 img {opacity:.3;margin-right:-230px;vertical-align:middle;position:relative;z-index:-1;border-radius:.5em}
#sub-nav ul{float:right;padding:2em 0 0 .5em;width:72%}
#sub-nav li{display: inline;font-size: 1.85em;text-align:left}
#sub-nav em{font-style:normal;font-size:.825em}
#sub-nav a{display:inline-block;width:11em;padding:.5em 0 .5em 16px;vertical-align: top}
#sub-nav svg{margin-top: -2px;padding-right:5px;vertical-align:middle}

table{margin:0 auto;font-size:1.125em}
td{padding:.5em 1em}
caption{display: none}
form{text-align: right}
legend{text-align: left;font-size:1.5em}
form ul{list-style-type:none;padding-left:0}
#prepay {max-width:500px;margin:0 auto}
.welcome {font-size:1.75em;text-align:center}
fieldset {padding:1em 2em}
#module-1 form,#module-2 form,#module-3 form{display:inline;text-align: left}
#new-student {position:absolute;top:-60px;left:0}
#new-student svg {vertical-align:middle}
.bullet {vertical-align:middle;padding-right:10px}

#footer{background:#c0392b;color:#f7e0de;font-size:.75em;margin-top:4em;margin-bottom:-3em;padding:.5em}
#footer p{text-align:center}
#footer a{color:#F7E0DE}
#footer a:hover{border-bottom:1px dashed #F7E0DE;transition:.25s}

#contact h2{font-size: 3.25em;margin-bottom: 0;padding-bottom: 0;float: left}
#contact #page p{font-size:1.5em;width: 60%;margin-left: 30%}
#contact #page>p:first-of-type{margin-top:2.25em}
#contact #page div p{font-size:1em;padding-top:0;margin-top:0}

#error h2{font-size: 3.25em}
#error #page p,#error #page li{font-size:1.5em}
#error #page ol{padding-left:5em}

@media screen and (max-width: 960px) {
    #page{font-size:90%;width:720px}
    #pages-nav img{height:220px;width:220px}
    #pages-nav li{width:220px}
    h1{font-size:3.75em;margin-top:1.5em}
    .tag{font-size:1.33em}
		h2 img {display:none}
 		#sub-nav h2{float:none}
    #sub-nav ul{float: none;width:100%;padding-top:.5em}
		#sub-nav li{font-size:1.5em}
    #sub-nav a{width: 45%}
}
@media screen and (max-width: 720px) {
    #page{font-size:75%;width:520px}
    #pages-nav img{height:160px;width:160px}
    #pages-nav li{padding:0 6px;width:160px}
    h1{font-size:4.5em;margin-top:1.25em}
    .tag{font-size:1.5em}
    #contact #page p{margin-left:35%}
    #sub-nav li{font-size:1.55em}
		#new-student {top:-45px}
}
@media screen and (max-width: 520px) {
    #page{font-size:100%;width:320px}
    #pages-nav img{height:300px;width:300px}
    #pages-nav li{display:block;padding:0 10px 2em 10px;width:300px}
    #pages-nav{font-size:1.125em;margin-bottom:0}
    h1{font-size:2.5em;margin-top:1em}
    #nav{position:inherit;text-align:center;margin-top: 1em;top:0}
    .tag{font-size:1.25em}
    blockquote{margin-left:0;margin-right:0}
    .video{width:320px;height:360px}
    #contact h2{float: none;text-align: center}
    #contact #page p{width: 100%;margin-left:0}
    #sub-nav a{width: 100%}
    #sub-nav h2{padding-top:0;text-align: center}
		legend {font-size:1em;font-weight:bold}
		#new-student {font-size:1em;position:relative;top:25px;text-align:center}
}