/* Core SASS */
/* Sass mixins */
/* Global styles/variables that do not need repeating */
a, h1, h2, h3, h4, p, blockquote, pre, input, button, textarea, img, figure, video, object, audio, em, b, strong, section, article, span { transition-duration: 0.25s; -khtml-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; }

* { position: relative; -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

/* Fonts SASS */
@font-face { font-family: "Museo"; src: url("/resources/fonts/Museo300-Regular.otf"); src: local("Museo300-Regular"); src: url("/resources/fonts/Museo300-Regular.otf#q") format("opentype"); }

@font-face { font-family: "MuseoSemibold"; src: url("/resources/fonts/Museo500-Regular.otf"); src: local("Museo500-Regular"); src: url("/resources/fonts/Museo500-Regular.otf#q") format("opentype"); }

@font-face { font-family: "MuseoBold"; src: url("/resources/fonts/Museo700-Regular.otf"); src: local("Museo700-Regular"); src: url("/resources/fonts/Museo700-Regular.otf#q") format("opentype"); }


/* Variables */
/* Specific mixins */
#header a#logo, #footer a#footerLogo { float: left; display: block; width: 130px; height: 60px; text-indent: -999em; background: url(/images/interface/newcollegealgebra/logo.png) no-repeat; background-position: center; margin-right: 20px; }

#slideshow header a#signUpCta, #lead a#signUpBtn { z-index: 1; display: block; width: 148px; height: 76px; text-indent: -999em; background: url(/images/interface/newcollegealgebra/button-signupTag.png) no-repeat; color: white; font: 18px/22px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center; text-indent: 0px; text-decoration: none; padding: 10px 12px 0 30px; transition: none; -khtml-transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
#slideshow header a#signUpCta:hover, #lead a#signUpBtn:hover { background-position: right top; }

a.more { display: inline-block; color: white; font: 15px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; padding: 3px 15px; border-radius: 0.25em; -khtml-border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -ms-border-radius: 0.25em; -o-border-radius: 0.25em; background: #1c6d8c; background-image: linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -o-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -moz-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -ms-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #24546f), color-stop(0.93, #1581a5)); }
a.more:hover { color: white; background: #1c6d8c; background-image: linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -o-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -moz-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -webkit-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -ms-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #1dcaef), color-stop(0.93, #4188af)); }
a.more:visited { color: white; }
a.more:active { background: #1c6d8c; background-image: linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -o-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -moz-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -webkit-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -ms-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #24546f), color-stop(0.93, #1581a5)); }

/* General */
body { color: black; font: 15px/26px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; padding: 0 0 25px; background: #dddddd; }

a { color: #1583a6; text-decoration: underline; }
a:hover { color: #1dcaef; }

::selection, ::-moz-selection { color: #222222; background: #ffffd5; }

/* Header */
#header { width: 898px; margin: 0 auto; zoom: 1; background: #1c6d8c; background-image: linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -o-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -moz-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -ms-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #24546f), color-stop(0.93, #1581a5)); border-radius: 0 0 0.35em 0.35em; -khtml-border-radius: 0 0 0.35em 0.35em; -webkit-border-radius: 0 0 0.35em 0.35em; -moz-border-radius: 0 0 0.35em 0.35em; -ms-border-radius: 0 0 0.35em 0.35em; -o-border-radius: 0 0 0.35em 0.35em; height: 60px; overflow: hidden; padding: 0 30px; }
#header:after, #header:before { content: "\0020"; display: table; height: 0; overflow: hidden; }
#header:after { clear: both; }
#header a#logo:hover { background-color: rgba(255, 255, 255, 0.1); }
#header nav#nav { float: left; }
#header nav#nav ul, #header nav#nav li { display: inline; margin: 0; padding: 0; }
#header nav#nav ul li a { float: left; display: block; color: white; font: 700 14px/60px "Helvetica Bold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; padding: 0 10px; }
#header nav#nav ul li a:hover { background-color: rgba(255, 255, 255, 0.1); }
#header nav#nav ul li a:active { color: rgba(255, 255, 255, 0.7); }
#header nav#nav ul li:last-child > a { margin-right: 0; }
#header nav#nav ul li:first-child > a { margin-left: 0; }

/* Footer */
#footer { width: 898px; margin: 0 auto; zoom: 1; color: white; font: 700 12px/18px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 20px; padding: 15px 30px; border-radius: 0.35em; -khtml-border-radius: 0.35em; -webkit-border-radius: 0.35em; -moz-border-radius: 0.35em; -ms-border-radius: 0.35em; -o-border-radius: 0.35em; background: #1c6d8c; background-image: linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -o-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -moz-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -ms-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #24546f), color-stop(0.93, #1581a5)); }
#footer:after, #footer:before { content: "\0020"; display: table; height: 0; overflow: hidden; }
#footer:after { clear: both; }
#footer a#footerLogo:hover { opacity: 0.75; }
#footer aside { float: left; }
#footer aside p#siteDescription { max-width: 375px; margin-bottom: 30px; }
#footer aside nav#footerNav ul, #footer aside nav#footerNav li { display: inline; margin: 0; padding: 0; }
#footer aside nav#footerNav ul li a { display: inline-block; color: white; font: 11px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; }
#footer aside nav#footerNav ul li a:hover { color: rgba(255, 255, 255, 0.75); text-decoration: underline; }
#footer aside nav#footerNav ul li span { font-weight: normal; margin: 0 2px 0 5px; }
#footer aside nav#footerNav ul li:last-child > span { display: none; }
#footer aside p#legal { font: 11px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

/* Slideshow */
#slideshow { height: 493px; overflow: hidden; }
#slideshow header { z-index: 5; position: absolute; top: -100%; left: 40px; right: 40px; height: auto; color: black; font: 22px/22px Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 25px 20px; border-radius: 0 0 0.35em 0.35em; -khtml-border-radius: 0 0 0.35em 0.35em; -webkit-border-radius: 0 0 0.35em 0.35em; -moz-border-radius: 0 0 0.35em 0.35em; -ms-border-radius: 0 0 0.35em 0.35em; -o-border-radius: 0 0 0.35em 0.35em; transition: all 0.75s cubic-bezier(0.86, 0, 0.07, 1); -khtml-transition: all 0.75s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: all 0.75s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.75s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 0.75s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 0.75s cubic-bezier(0.86, 0, 0.07, 1); background: white; }
#slideshow header.active { top: 0; }
#slideshow header hgroup h1, #slideshow header hgroup h2 { margin: 0; }
#slideshow header hgroup h2 { font: 22px/22px Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom: 10px; }
#slideshow header hgroup h2 a { font-family: MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; }
#slideshow header hgroup h1 { color: #1583a6; font: 36px/44px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom: 5px; }
#slideshow header p { margin: 0; }
#slideshow header a#signUpCta { position: absolute; right: -12px; top: 25%; }
#slideshow #theSlides figure { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; transition: all 1s ease; -khtml-transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; }
#slideshow #theSlides figure.active { z-index: 1; opacity: 1; }
#slideshow #theSlides figure img { left: -1px; max-width: 101%; height: auto; border-radius: 0.35em 0.35em 0 0; -khtml-border-radius: 0.35em 0.35em 0 0; -webkit-border-radius: 0.35em 0.35em 0 0; -moz-border-radius: 0.35em 0.35em 0 0; -ms-border-radius: 0.35em 0.35em 0 0; -o-border-radius: 0.35em 0.35em 0 0; }
#slideshow nav#slideNav { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#slideshow nav#slideNav a { z-index: 5; display: block; position: absolute; top: 35%; width: 32px; height: 153px; background-color: rgba(0, 0, 0, 0.21); background-position: center; background-repeat: no-repeat; }
#slideshow nav#slideNav a:first-child { left: 0; border-radius: 0 0.35em 0.35em 0; -khtml-border-radius: 0 0.35em 0.35em 0; -webkit-border-radius: 0 0.35em 0.35em 0; -moz-border-radius: 0 0.35em 0.35em 0; -ms-border-radius: 0 0.35em 0.35em 0; -o-border-radius: 0 0.35em 0.35em 0; background-position: 6px center; background-image: url(/images/interface/newcollegealgebra/arrow-left.png); }
#slideshow nav#slideNav a:last-child { right: 0; border-radius: 0.35em 0 0 0.35em; -khtml-border-radius: 0.35em 0 0 0.35em; -webkit-border-radius: 0.35em 0 0 0.35em; -moz-border-radius: 0.35em 0 0 0.35em; -ms-border-radius: 0.35em 0 0 0.35em; -o-border-radius: 0.35em 0 0 0.35em; background-image: url(/images/interface/newcollegealgebra/arrow-right.png); }
#slideshow nav#slideNav a:hover { background-color: #1dcaef; }

/* Masthead */
#masthead { height: 324px; overflow: hidden; margin: 0; border-bottom: 1px solid #d5d5d5; }
#masthead img { max-width: 100%; height: auto; border-radius: 0.35em 0.35em 0 0; -khtml-border-radius: 0.35em 0.35em 0 0; -webkit-border-radius: 0.35em 0.35em 0 0; -moz-border-radius: 0.35em 0.35em 0 0; -ms-border-radius: 0.35em 0.35em 0 0; -o-border-radius: 0.35em 0.35em 0 0; }

/* Containers */
#content { width: 898px; margin: 0 auto; zoom: 1; border-radius: 0.35em; -khtml-border-radius: 0.35em; -webkit-border-radius: 0.35em; -moz-border-radius: 0.35em; -ms-border-radius: 0.35em; -o-border-radius: 0.35em; margin-top: 20px; padding-bottom: 45px; border: 1px solid #cccccc; box-shadow: 0 0 6px rgba(0, 0, 0, 0.03); -khtml-box-shadow: 0 0 6px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.03); -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.03); background: white; }
#content:after, #content:before { content: "\0020"; display: table; height: 0; overflow: hidden; }
#content:after { clear: both; }
#content .alignleft { float: left; margin: 0 15px 5px 0; }
#content .alignright { float: right; margin: 0 0 5px 15px; }

/* Sidebar */
#sidebar { float: left; width: 234px; color: black; font: 12px/20px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#sidebar a.externalBig { font: 15px/26px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; }
#sidebar h2 { color: #1583a6; font: 18px/20px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 35px 0 5px 0; }
#sidebar ul { list-style-type: none; margin: 10px 0 40px; padding: 0; }
#sidebar ul li { margin: 0; padding: 10px 0; border-bottom: 1px solid #d5d5d5; }
#sidebar ul li a { color: black; font-weight: 700; text-decoration: none; }
#sidebar ul li a:hover { color: #1dcaef; }
#sidebar ul li:last-child { padding-bottom: 0; border-bottom: 0; }
#sidebar blockquote { color: #1583a6; font: 15px/26px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0 0 30px; padding: 20px 25px; border-radius: 0.35em; -khtml-border-radius: 0.35em; -webkit-border-radius: 0.35em; -moz-border-radius: 0.35em; -ms-border-radius: 0.35em; -o-border-radius: 0.35em; background: #daf6f9; }
#sidebar blockquote:before { content: ""; position: absolute; left: 25px; bottom: -58px; width: 49px; height: 58px; background: url(/images/interface/newcollegealgebra/bg-bubbleTail.png) left top no-repeat; }
#sidebar blockquote cite { display: block; color: black; font: 700 12px/20px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 10px; }

/* Interior sidebar */
#page #internalSidebar { float: left; width: 214px; font-size: 15px; line-height: 26px; margin-right: 15px; }
#page #internalSidebar hr { border: 0; border-top: 4px solid #d5d5d5; margin: 25px 0; }
#page #internalSidebar a { text-decoration: none; }
#page #internalSidebar strong.tel { display: block; color: #1583a6; font: 700 22px/26px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 15px 0; }

/* General page styles */
#lead { zoom: 1; margin: 25px 0 25px; padding: 20px 45px 0; }
#lead:after, #lead:before { content: "\0020"; display: table; height: 0; overflow: hidden; }
#lead:after { clear: both; }
#lead a#signUpBtn { position: absolute; right: -12px; top: 15px; }
#lead h1 { color: #1583a6; font: 36px/38px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0 0 5px; }
#lead h1 + h2 { color: black; font: 22px/22px Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; }
#lead p { color: #1583a6; font: 18px/30px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 8px; }

#page { float: left; width: 640px; font: 13px/22px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 0 45px; }
#page.full { float: none; width: auto; }
#page h2 { color: #1583a6; font: 22px/22px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 35px 0 0 0; }
#page h2:first-of-type { margin: 0; }
#page h3 { color: #1583a6; font: 18px/22px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 20px 0 0 0; }
#page ul { margin: 10px 0 25px 25px; padding: 0; list-style-type: none; }
#page ul li { padding: 10px 0; border-bottom: 1px solid #d5d5d5; }
#page ul li:last-child { padding-bottom: 0; border-bottom: 0; }
#page article.contentBox { zoom: 1; margin-bottom: 30px; padding: 0 20px 25px; border-bottom: 1px solid #d5d5d5; }
#page article.contentBox:after, #page article.contentBox:before { content: "\0020"; display: table; height: 0; overflow: hidden; }
#page article.contentBox:after { clear: both; }
#page article.contentBox:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#page article.contentBox figure { float: left; width: 85px; }
#page article.contentBox figure.nudge { text-indent: 10px; }
#page article.contentBox aside { float: left; width: 80%; }
#page article.contentBox aside h2 { margin-bottom: 5px; }
#page article.contentBox aside p { margin: 0; }
#page .accordion { padding: 15px 20px; border-bottom: 1px solid #d5d5d5; transition: none; -khtml-transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
#page .accordion:last-child { padding-bottom: 0; border-bottom: 0; }
#page .accordion h2 { cursor: pointer; font-size: 18px; }
#page .accordion h2:hover { color: black; }
#page .accordion h2 i { top: 2px; margin-right: 5px; display: inline-block; width: 8px; height: 15px; text-indent: -999em; background: url(/images/interface/newcollegealgebra/icon-accordionArrow.png) no-repeat; transition: all 0.15s ease; -khtml-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; }
#page .accordion ul { display: none; list-style-type: none; margin: 10px 0 10px 40px; padding: 0; }
#page .accordion ul li { font: 700 15px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 0; border: 0; }
#page .accordion ul li span { cursor: pointer; }
#page .accordion ul li span:hover { color: #1583a6; }
#page .accordion ul li i { margin-right: 3px; display: inline-block; width: 6px; height: 10px; text-indent: -999em; background: url(/images/interface/newcollegealgebra/icon-accordionArrow_small.png) no-repeat; transition: all 0.15s ease; -khtml-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; }
#page .accordion ul li.active > i { transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
#page .accordion ul li ul { display: none; margin: 5px 0 25px 25px; }
#page .accordion ul li ul li { font-weight: normal; padding: 7px 0; }
#page .accordion.active h2 > i { transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

/* Homepage styles */
#content #homePanels { zoom: 1; padding: 30px 45px 0; overflow: hidden; }
#content #homePanels:after, #content #homePanels:before { content: "\0020"; display: table; height: 0; overflow: hidden; }
#content #homePanels:after { clear: both; }
#content #homePanels .panel { width: 50%; padding: 0 40px; padding-bottom: 1030px; margin-bottom: -1000px; }
#content #homePanels .panel:first-child { float: left; width: 49%; padding-left: 0; }
#content #homePanels .panel:last-child { float: right; padding-right: 0; border-left: 2px solid #d5d5d5; }
#content #homePanels .panel h2 { color: #1583a6; font: 36px/38px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; }
#content #homePanels .panel h2 a { text-decoration: none; }
#content #homePanels .panel h2 + h3 { color: black; font: 22px/26px Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 6px 0 5%; }
#content #homePanels .panel figure { margin: 0; }
#content #homePanels .panel figure figcaption { text-align: left; margin: 15px 0; }

/* Contact page/form styles */
#page #contact { float: left; margin-left: 15px; }
#page #contact .row { zoom: 1; padding: 15px 0 0; }
#page #contact .row:after, #page #contact .row:before { content: "\0020"; display: table; height: 0; overflow: hidden; }
#page #contact .row:after { clear: both; }
#page #contact .row h3 { margin-bottom: 10px; }
#page #contact .row input[type=text] { float: left; width: 48%; }
#page #contact .row input[type=text]:nth-child(2n) { float: right; }
#page #contact .row .column { width: 50%; }
#page #contact .row .column:first-child { float: left; padding-right: 10px; }
#page #contact .row .column:last-child { float: right; padding-left: 10px; }
#page #contact .row .column select { width: 100%; }
#page #contact input[type=text], #page #contact textarea, #page #contact select { padding: 5px 10px; color: darkgrey; font: 14px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom: 10px; border: 1px solid #d5d5d5; border-radius: 0.35em; -khtml-border-radius: 0.35em; -webkit-border-radius: 0.35em; -moz-border-radius: 0.35em; -ms-border-radius: 0.35em; -o-border-radius: 0.35em; transition: border-color, box-shadow, color .35s ease; -khtml-transition: border-color, box-shadow, color .35s ease; -webkit-transition: border-color, box-shadow, color .35s ease; -moz-transition: border-color, box-shadow, color .35s ease; -ms-transition: border-color, box-shadow, color .35s ease; -o-transition: border-color, box-shadow, color .35s ease; background: white; }
#page #contact input[type=text]:focus, #page #contact textarea:focus, #page #contact select:focus { color: #555555; outline: none; border-color: #1dcaef; box-shadow: 0 0 7px rgba(191, 88, 94, 0.18); -khtml-box-shadow: 0 0 7px rgba(191, 88, 94, 0.18); -webkit-box-shadow: 0 0 7px rgba(191, 88, 94, 0.18); -moz-box-shadow: 0 0 7px rgba(191, 88, 94, 0.18); -ms-box-shadow: 0 0 7px rgba(191, 88, 94, 0.18); -o-box-shadow: 0 0 7px rgba(191, 88, 94, 0.18); }
#page #contact input[type=text].invalid, #page #contact textarea.invalid, #page #contact select.invalid { color: #ee2e24; border-color: #ee2e24; box-shadow: 0 0 7px rgba(3, 85, 93, 0.18); -khtml-box-shadow: 0 0 7px rgba(3, 85, 93, 0.18); -webkit-box-shadow: 0 0 7px rgba(3, 85, 93, 0.18); -moz-box-shadow: 0 0 7px rgba(3, 85, 93, 0.18); -ms-box-shadow: 0 0 7px rgba(3, 85, 93, 0.18); -o-box-shadow: 0 0 7px rgba(3, 85, 93, 0.18); }
#page #contact input[type=text].invalid:focus, #page #contact textarea.invalid:focus, #page #contact select.invalid:focus { border-color: #f25b53; }
#page #contact textarea { display: block; width: 561px; height: 248px; resize: vertical; margin: 5px 0 15px; padding: 8px 10px; }
#page #contact textarea + span { font: 700 15px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 5px 0 0 5px; }
#page #contact textarea + span.error { color: #ee2e24; }
#page #contact textarea + span.success { color: #1583a6; }
#page #contact button { float: right; display: inline-block; color: white; font: 15px/15px MuseoBold, MuseoSemibold, Museo, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 4px 50px; border: 0; border-radius: 0.35em; -khtml-border-radius: 0.35em; -webkit-border-radius: 0.35em; -moz-border-radius: 0.35em; -ms-border-radius: 0.35em; -o-border-radius: 0.35em; background: #1c6d8c; background-image: linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -o-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -moz-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -ms-linear-gradient(bottom, #24546f 15%, #1581a5 93%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #24546f), color-stop(0.93, #1581a5)); }
#page #contact button:hover { background: #1c6d8c; background-image: linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -o-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -moz-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -webkit-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -ms-linear-gradient(top, #1dcaef 15%, #4188af 93%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #1dcaef), color-stop(0.93, #4188af)); }
#page #contact button:active { background: #1c6d8c; background-image: linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -o-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -moz-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -webkit-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -ms-linear-gradient(top, #24546f 15%, #1581a5 93%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #24546f), color-stop(0.93, #1581a5)); }

/* Chosen styles [applies to here] */
#page .chzn-container .chzn-search { display: none !important; }
#page .chzn-container .chzn-single { height: auto; color: #555555; font: 14px/32px Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding-left: 41px; border: 1px solid #d5d5d5; border-radius: 0.35em; -khtml-border-radius: 0.35em; -webkit-border-radius: 0.35em; -moz-border-radius: 0.35em; -ms-border-radius: 0.35em; -o-border-radius: 0.35em; box-shadow: none; -khtml-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; background: white url(/images/interface/newcollegealgebra/bg-dropdown.jpg) 10px center no-repeat; }
#page .chzn-container .chzn-single:focus, #page .chzn-container .chzn-single:active { outline: none; }
#page .chzn-container .chzn-drop { width: 238px !important; margin-left: 33px; border: 1px solid #d5d5d5; border-radius: 0 0 0.35em 0.35em; -khtml-border-radius: 0 0 0.35em 0.35em; -webkit-border-radius: 0 0 0.35em 0.35em; -moz-border-radius: 0 0 0.35em 0.35em; -ms-border-radius: 0 0 0.35em 0.35em; -o-border-radius: 0 0 0.35em 0.35em; box-shadow: none; -khtml-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }
#page .chzn-container .chzn-drop ul.chzn-results { margin: 0; padding: 0; }
#page .chzn-container .chzn-drop ul.chzn-results li { color: #555555; line-height: auto; padding: 10px 15px; }
#page .chzn-container .chzn-drop ul.chzn-results li:hover, #page .chzn-container .chzn-drop ul.chzn-results li.result-selected { color: #555555; background: #eeeeee; }

/* IE8 fixes/changes */
.lt-ie9 #header nav#nav ul li a { top: -15px; }
.lt-ie9 #header nav#nav ul li a:hover { color: #1dcaef; }
.lt-ie9 #slideshow #slideOverlay { top: -25px; padding-top: 0; }
.lt-ie9 #page #contact { width: 450px; }
.lt-ie9 #page #contact button { top: -25px; left: 70px; }

/* Tablet fixes/changes */