article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
} 

body { 
  background:#fcfcef;margin:0;padding:0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  line-height: 18px;
  color:#333;
}


img {
  max-width:100%;
  height:auto;
}

sup {
  font-size: 7pt;
  position: relative;
  top: -0.5em;
}
h2 sup{
  top: -1em;
}
h1 sup{
  top: -1.2em;
}

/*  --------------------------------------------------
  Accessibility
  -------------------------------------------------- */

#skip {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

/*  -------------------------------------------------
  Links
  -------------------------------------------------- */


a, a:visited, a:link { 
  color:#0072bc; 
}

a.button {
  color:#FFF;
}

a:hover { 
  color:#2A85E8;
}

a img { 
  border:0; 
}

/*  --------------------------------------------------
  Lists
  -------------------------------------------------- */


ul, ol {
    margin: 0 0 9px 25px;
    padding: 0;
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
    margin-top:10px;
}
ul {
    list-style: disc outside none;
}
ol {
    list-style: decimal outside none;
}
li {
    line-height: 18px;
}
ul.unstyled, ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}
dl {
    margin-bottom: 18px;
}
dt, dd {
    line-height: 18px;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 9px;
}

dl.tabs dd {
  margin-left:0;
}

ul.tabs-content {
  list-style-type:none;
}

/*End Lists*/

#majors-sub, #occs-sub {
  float:left;
  width:100px;
  margin-right:20px;
  text-align:center;
}

ul.inner-tab-content {
  margin-left:25%;
  width:75%;
  height:250px;
  overflow-y:scroll;
}

ul.spaced li {
  padding-top:.25em;
  padding-bottom:.25em;
}

dl.sub-nav.vertical {
    display: block;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding-top: 4px;
    width: auto;
}
dl.sub-nav.vertical dt, dl.sub-nav.vertical dd {
    display: block;
    float: none;
    margin-bottom: 4px;
}

dl.sub-nav.vertical dt {
  margin-left:0;
}

dl.sub-nav.vertical dd {
  margin-left:9px;
}


/*  --------------------------------------------------
  Layout
  -------------------------------------------------- */

.panel {
  border:1px solid #DDD;
}

.row {
  max-width:1140px;
}

.row p.centered { 
  text-align:center; 
  margin-bottom:1.25em;
}

#header {
  background: #002d62; /* Old browsers */
  background: -moz-linear-gradient(top,  #2a4b79 0%, #002d62 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a4b79), color-stop(100%,#002d62)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* IE10+ */
  background: linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* W3C */
  margin-bottom:30px;
}

#branding { 
  position:relative; 
}

#mark { 
  padding:25px 0; 
  display:block;
  float:left;
  width:170px;
  height:39px;
}

a#acct { 
  float:right; 
  color:#FFF;
  padding:5px 20px 7px;
  font-weight:bold;
  background:#002d62;
  border-radius:0 0 5px 5px;
  border-bottom:1px solid #555;
}

a#acct:hover {
  background:#1b3d6f;
}

#search { 
  margin:8px 0 8px 10px;
}

#searchfield {
  width:120px;
  border:0;
  border-radius:4px;
  padding:3px 5px;
}

#searchbtn { 
  padding-left:5px;
  vertical-align:middle;
}

nav.primary {
  background: #002d62; /* Old browsers */
  background: -moz-linear-gradient(top,  #2a4b79 0%, #002d62 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a4b79), color-stop(100%,#002d62)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* IE10+ */
  background: linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4b79', endColorstr='#002d62',GradientType=0 ); /* IE6-9 */
  font-weight:bold;
  border-radius:5px 5px 0 0;
}

.primary ul {
  margin:0 10px;
  background:transparent;
  border:0;
}

.primary ul > li {
  border:0;
  line-height:22px;
}

.primary ul > li > a {
  color: #EEE;
}

.nav-bar {
  height:auto;
}

.nav-bar > li > a.main {
  padding: 10px 12px 11px;
  font-size:13px;
}

.primary ul > li > a:hover {
  background-color: #2a4b79;
  color: #eeeeee;
  text-decoration: none;
}

.primary .nav .active > a, .primary .nav .active > a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  text-decoration: none;
}

.primary li.active a { 
  color:#999;
  background:url(http://media.actstudent.org/designimages/arrow_white.gif) 50% 100% no-repeat; 
}

.breadcrumb {
  background-color: #f2f2ef;
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  border-top:0;
  margin: -30px 0 30px 0;
  padding: 10px 20px;
  overflow:hidden;
}

.breadcrumb li {
  display: inline;
  text-shadow: 0 1px 0 #FFFFFF;
}

.breadcrumb .divider {
  color: #999999;
  padding: 0 3px 0 8px;
}

.breadcrumb .active a {
  color: #333333;
}

.sidebar { 
  float:left; 
  margin:15px 2% 0 0; 
  border:3px solid #333;
  border-radius:10px; 
  width:24%; /* 255px / 1140px */
}

#section-title { 
  display:block;
  font-weight:bold;
  font-size:14px; 
  text-align:center; 
  color:#FFF; 
  margin:0;
  padding:7px 7px 10px;
  border-radius:5px 5px 0 0;
  background: #002d62; /* Old browsers */
  background: -moz-linear-gradient(top,  #2a4b79 0%, #002d62 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a4b79), color-stop(100%,#002d62)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* IE10+ */
  background: linear-gradient(top,  #2a4b79 0%,#002d62 100%); /* W3C */
}

.sidebar nav ul { 
  list-style-type:none; 
  margin:0; 
  padding:0;
}

nav.secondary ul {
  margin:0;
  border:2px solid #002d62;
  border-top:0;
  border-radius:0 0 5px 5px;
}

nav.secondary li {
  border-bottom:1px dashed #CCC;
  line-height:1.1em;
  margin:0;   
  list-style-type:none;
}

.secondary li:last-child {
  border-bottom:0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.secondary li > a { 
  text-decoration:none; 
  background:url(http://media.actstudent.org/designimages/arrow.gif) 10px 50% no-repeat; 
  padding:10px 10px 10px 20px; 
  color:#444; 
  display:block; 
}

.secondary li > a:hover { 
  color:#000;
  text-decoration:underline; 
}

.secondary li.nav-header { 
  padding:7px 7px 7px 12px; 
  font-weight:bold;
  color:#333;
  font-size:14px;
  background: #eee; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
  border-top:1px solid #CCC;border-bottom:1px solid #AAA;
  margin-top:-1px;
}

.secondary li.active {
  border:0;
  background:#2a4b79;
  color:#FFF;
  padding:10px 10px 10px 20px;
  display:block;
  font-weight:bold;
  margin-top: -1px;
}

/*.secondary li.active a { 
  background:#8195a1;
  color:#FFF;
}*/

.secondary li.active a:hover { 
  text-decoration:none;
}

.content { 
  float:left; 
  margin-top:15px; 
  width:73%;
}

.content-header { 
  font-size:24px; 
  color:#D51922; 
}

aside.related { 
  border-top:1px dashed #CCC; 
  margin-top:20px;
  padding-top:10px;
}

/* Home Styles */

#maincol h1 {
  font-size:24px;
  color:#D51922;
}

#maincol h2 {
  font-size:20px;
}


#maincol h3 {
  font-size:16px;
}

#rightcol h3 {
  font-size:18px;
  border-top:1px dashed #AAA;
  border-bottom:1px dashed #AAA;
  color:#D51922;
  padding:5px;
}

#login { 
  color:#D51922;
}

.asrbox {
  background:#2a4b79 url(http://media.actstudent.org/designimages/star.png) 15px 50% no-repeat;
  padding:10px 20px 10px 45px;
  margin:0 -20px;
  color:#fff;
  border-radius:0 0 3px 3px;
}

#datebox {
    background: none repeat scroll 0 0 #f2f2ef;
    border: 1px solid #CCCCCC;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

#datebox #month, #datebox #date, #datebox #year {
    display: block;
    line-height: 1em;
    text-transform: uppercase;
}

#datebox #month {
    font-size: 12px;
}

#datebox #date {
    font-size: 40px;
}

#datebox #year {
    font-size: 18px;
}

#othersites {
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  margin:2em 0;
}

footer.row {
  border-top:1px solid #CCC;
  color:#444;
  font-size:12px;
  margin-top:30px;
}

#copyright { 
  padding:15px 0;
  display:block;
}

#corp { 
  padding:15px 0;
  text-align:right;
  display:block; 
}

footer a, footer a:link, footer a:visited { 
  color:#444; 
}

footer a:hover {
  text-decoration:underline;
}

.hidden {
  display:none;
}

.show {
  display:block;
}

.invisible {
  visibility:hidden;
}

.pull-right {
  float:right !important;
  margin:0 0 1.5em 1.5em;
}

.pull-left {
  float:left !important;
  margin:0 1.5em 1.5em 0;
}

@font-face {
    font-family: "Linden Hill";
    src: url("../f/LindenHill-webfont.eot?") format("eot"), url("../f/LindenHill-webfont.woff") format("woff"), url("../f/LindenHill-webfont.ttf") format("truetype"), url("../f/LindenHill-webfont.svg#svgFontName") format("svg");
}
@font-face {
    font-family: "Linden Hill Italic";
    src: url("../f/LindenHill-Italic-webfont.eot?") format("eot"), url("../f/LindenHill-Italic-webfont.woff") format("woff"), url("../f/LindenHill-Italic-webfont.ttf") format("truetype"), url("../f/LindenHill-Italic-webfont.svg#svgFontName") format("svg");
}

@font-face {
    font-family: "Leauge Script";
    src: url("http://media.actstudent.org/binary/LeagueScriptNumberOne-webfont.eot?") format("eot"), url("http://media.actstudent.org/binary/LeagueScriptNumberOne-webfont.woff") format("woff"), url("http://media.actstudent.org/binary/LeagueScriptNumberOne-webfont.ttf") format("truetype"), url("http://media.actstudent.org/binary/LeagueScriptNumberOne-webfont.svg#svgFontName") format("svg");
}



.essay {
}

.essay p {
  font-size:1.75rem;
  line-height:1.75em;
text-align:justify;
}

.essay p span {
      border-bottom:1px solid #CCC;
}

#wow object {
  height:530px;
  width:100%;
}

#majorsmap object {
  height:840px;
  width:100%;
}

#demo object {
  height:600px;
}

img, object, embed {outline: none;}

#twitter-container {
    text-align: right;
}

.textcenter {text-align:center;}

.textright {text-align:right;}

em.small {
    font-size: 12px;
    font-style: italic;
}

/** Site index */
.site-index-page {
    margin: 8px 0px 8px 10px;
}

.site-index-section {
    list-style: none;
    font-size: 18px;
    font-weight:bold;
    margin-left: -24px;
}

li.site-index-section {
    margin-top: 25px;
}

li.site-index-section:first-child {
	margin-top:0;
}

table + p {
    margin-top: 18px;
}

table.policy td {
border:1px solid #999;
padding:5px;
}

table.policy th {
border:1px solid #999;
padding:5px;
}

.row .sep {
     border-top:1px solid #DDD;
     padding-top:1em;
}

.row .sep:first-child {
     border-top:0;
}

.reveal-modal { background:#FFF; }

/* -----------------------------------------------------------------------
-----------------------Begin Form Styles---------------------------------
----------------------------------------------------------------------- */
form label { margin-bottom: 4px; margin-top: 8px; }
form label.inlined { display: inline; }
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown {margin-top: 0;}
/* -----------------------------------------------------------------------
-----------------------Begin Print Styles---------------------------------
----------------------------------------------------------------------- */

@media print{

body { background:#FFF; font-size:13px; }

#header, #nav, #footer, ul#pathnav, #contact-btn { display:none; }
#maincol h1 { color:#555; }
#section-title { background:#FFF; color:#222; font-size:30px; padding:20px 0; text-align:left; }
.secondary { display:none; }
div.panel { box-shadow:none; border:1px solid #CCC; background:#FFF; }

.column, .columns { width:100%; float:none; display:inherit; }
.breadcrumb { display:none; }

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { width:100% !important; float:none; }

#printlogo { display:block;padding-bottom:10px; }

.checked { overflow:visible; color:#000; text-indent:0; font-weight:bold; }

#content { border:none; width:100%;padding:0 0 0 0;margin:0; float:none; }
#content h1 { margin:0; padding:0 0 5px 0; border-bottom:1px solid #000; }
#content h1 a { color:#000; font-weight:bold;margin:0; padding:0; }


/* Change text colour to black (useful for light text on a dark background) */
h1, h2, h3, h4, h5, h6, p { color: #000; }

/* Improve colour contrast of links */
a:link, a:visited { color: #781351; }

.noprint {display:none;}
#corp { text-align:left; }
}

/* Red alert box */
#redalert {width: 90%;}
#redalert h2, #redalert h3, #redalert a, #redalert a:link, #redalert a:visited, #redalert p { color:#fff; text-align:center; margin:0;}
#redalert a, #redalert a:link, #redalert a:visited {text-decoration:underline;}

