@import url(//fonts.googleapis.com/css?family=Lato:400,700);

/* =RESET
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dl, dt, dd, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
/* Remember to define focus styles! */
:focus { outline: 0; }
body { background: white; color: black; line-height: 1; }
ol, ul { list-style: none; }
/* Tables still need cellspacing="0" in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =CLEARFIX
http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
----------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*
*
odu.css
*
*/
body { background-color: #fff; color: #666; font: 12px/1.4em Georgia, "Times New Roman", Times, serif; }

/* =SELECTORS =TYPE
http://www.w3.org/TR/CSS2/selector.html#type-selectors
----------------------------------------------------*/
div { }
span { }
iframe { z-index: 1; }

p { margin-bottom: 1em; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; }
small { font-size: 0.9em; line-height: 1.5em; }

img { }
a img { border: none; }

acronym, abbr { border-bottom: 1px dashed #999; cursor: help; }
address { }
code { font: 1.1em 'Courier New', Courier, Fixed; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }

dl { margin-bottom: 1em; }
dt { font-weight: bold; }
dd { }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 2em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li { margin-bottom: .5em; }

fieldset { }
form { }
label { display: block; }

table { border-collapse: collapse; }
caption { }
tbody { }
tfoot { }
thead { }
tr { }
th { }
td { }

/* =SELECTORS =CLASS
http://www.w3.org/TR/CSS2/selector.html#class-html
----------------------------------------------------*/
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.top { vertical-align: top !important; }

.block { display: block !important; }
.inline { display: inline !important; }

.clear { clear: both; }
.first, .last { margin: 0 !important; }
.hidden { display: none; }

.kicker { }
.lead { }
.normal { font-weight: normal !important; }

/* =SPECIFIC =SCREEN READER TEXT
----------------------------------------------------*/
.screen-reader-text { left: -9999em !important; position: absolute !important; }

/* =PRINT
----------------------------------------------------*/
.print { display: none; }

/* =LINKS
----------------------------------------------------*/
a:link { color: #036; text-decoration: underline; }
a:visited { color: #8a1f03; text-decoration: underline; }
a:focus { color: #036; text-decoration: underline; }
a:hover { color: #cd9500; text-decoration: none; }
a:active { color: #003f5f; text-decoration: none; }

/* =STRUCTURE
----------------------------------------------------*/
#page-container:after, #page:after, #header:after, #main:after, #central:after, #content:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* =PAGE
----------------------------------------------------*/
#page-container { background: #fff url('images/bg-body.png') repeat-x; }
#page, #page2 { margin: 0 auto; padding: 0; width: 972px; }
#header { background: transparent url('images/bg-header.png') no-repeat center bottom; height: 186px; margin: 0 auto 10px auto; position: relative; width: 936px; z-index: 500; }
#utilities { color: #666; font-family: Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0; position: absolute; right: 30px; text-transform: uppercase; top: 84px; }
/*#logo { left: 30px; position: absolute; top: 54px; }*/
#logo {
  left: 30px;
  height: 71px;
  position: absolute;
  top: 54px;
  width: 164px;
}
#globalnav { background-color: #fff; display: block; height: 42px; left: 30px; margin: 0; padding: 0; position: absolute; top: 144px; width: 876px; z-index: 500; }

/* =SEARCH
----------------------------------------------------*/
#global-search { height: 48px; position: absolute; right: 18px; top: 15px; }

#global-search-term {
	background: #fff;
	border: 1px solid #ccc;
	color: #838385;
	float: left;
	font-size: 10px;
	height: 14px;
	margin-right: 5px;
	padding: 3px 6px;
	vertical-align: top;
	width: 140px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#global-search-submit {
	vertical-align: top;
}

/* =UTILITIES
----------------------------------------------------*/
ul#utilities a:link { color: #666; text-decoration: none; }
ul#utilities a:visited { color: #666; text-decoration: none; }
ul#utilities a:focus { color: #666; text-decoration: none; }
ul#utilities a:hover { color: #666; text-decoration: underline; }
ul#utilities a:active { color: #666; text-decoration: underline; }

/* =CONTENT
----------------------------------------------------*/
#content-container { background: transparent url('images/bg-content-container.png') repeat-y center top; margin: 0 auto; padding: 0 0 50px 0; position: relative; width: auto; z-index: 1; }
#content { padding: 0 48px; width: 876px; }
#sidebar { float: left; width: 245px; }
#main { float: right; padding-top: 20px; width: 606px; }
#main-full { padding-top: 20px; width: 876px; }

/* =CONTENT =HOME
----------------------------------------------------*/
#sidebar-home { float: left; padding-top: 80px; width: 280px; }
#main-home { float: right; padding-top: 30px; width: 575px; }

#promo-home { margin-bottom: 20px; }

/*=BANNER
----------------------------------------------------*/
#banner { background-repeat: no-repeat; height: 160px; margin: 0 auto; position: relative; width: 936px; z-index: 1; }
#banner-home { background-repeat: no-repeat; height: 353px; position: relative; width: 936px; z-index: 1; }
#message-home { left: 48px; position: absolute; top: 68px; z-index: 10; }

/*=SUBNAV
----------------------------------------------------*/
#subnav-heading { border-bottom: 1px solid #999; bottom: 0; height: 50px; left: 30px; position: absolute; width: 245px; }

/* Area of Study */
.aos { color: #6e6e6e; font-size: 10px; font-weight: bold; }
.aos strong { font-size: 14px; }

#navcontainer { margin-bottom: 20px; width: 245px; }

#navcontainer ul { font: 11px/1.3em Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0; }
#navcontainer li { background-color: #ccc; border-top: 1px solid #fff; border-bottom: 1px solid #999; margin: 0; }
#navcontainer li#active { background-color: #667f99; }

#navcontainer a { color: #333; display: block; padding: 8px 15px; text-decoration: none; text-transform: uppercase; width: 215px; }
#navcontainer a:hover { background-color: #FFC72C; color: #333; text-decoration: none; }
#navcontainer a#current { background-color: #FFC72C; }

#navcontainer ul ul { background-color: #e6e6e6; padding: 11px 0 5px 0; }
#navcontainer ul ul li { background-color: transparent; border: 0; }
#navcontainer ul ul li a { background-color: transparent; display: block; padding: 0 0 .5em 25px; text-decoration: none; text-transform: none; }
#navcontainer ul ul li a:hover { background-color: transparent; color: #036; text-decoration: underline; }

#navcontainer ul li.refine { padding: 10px 20px; }
#navcontainer table { }
#navcontainer table th { font-weight: bold; padding: 0 2px 2px 0; text-transform: uppercase; }
#navcontainer table td { padding: 0 2px 2px 0; }
#navcontainer table .option { width: 2%; }
#navcontainer table .label { width: 98%; }

/* =TOUTS
----------------------------------------------------*/
.tout { margin-bottom: 10px; }

.tout-group { margin-bottom: 40px; }
.tout-group .tout { margin: 0; }

.tout a.request { background: url('images/touts/tout-request.png') no-repeat top left; display: block; font-size: 0; height: 36px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 176px; }
.tout a.request:hover { background-position: 0 -36px; }

.tout a.faq { background: url('images/touts/tout-faq.png') no-repeat top left; display: block; font-size: 0; height: 48px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 176px; }
.tout a.faq:hover { background-position: 0 -48px; }

.tout a.schedule { background: url('images/touts/tout-schedule.png') no-repeat top left; display: block; font-size: 0; height: 50px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 176px; }
.tout a.schedule:hover { background-position: 0 -50px; }

.tout a.schedule-short { background: url('images/touts/tout-schedule-short.png') no-repeat top left; display: block; font-size: 0; height: 34px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 176px; }
.tout a.schedule-short:hover { background-position: 0 -34px; }

.tout a.apply { background: url('images/touts/tout-apply.png') no-repeat top left; display: block; font-size: 0; height: 53px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 176px; }
.tout a.apply:hover { background-position: 0 -53px; }

.tout a.attend { background: url('images/touts/tout-attend2.png') no-repeat top left; display: block; font-size: 0; height: 35px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 176px; }
.tout a.attend:hover { background-position: 0 -50px; }

.tout-quote { background: #ccc url('images/touts/bg-tout-quote.png') no-repeat left bottom; margin-bottom: 10px; padding: 20px 10px; }
.tout-quote h5 { background: #ccc url('images/touts/bg-tout-quote-h5.png') no-repeat left top; color: #fff; font-size: 18px; padding: 10px 10px 0; }
.tout-quote blockquote { color: #fff; font-style: italic; margin: 0 0 1em; padding: 0 10px; }
.tout-quote blockquote p { background: #ccc url('images/touts/bg-tout-quote-blockquote.png') no-repeat right bottom; text-align: left;  }
.tout-quote p { color: #fff; margin: 0; text-align: right; }

.tout-gallery { 
    /*border-top: 8px solid #fc0; */
    color: #036; 
    margin-bottom: 40px; }
.tout-gallery .gallery { margin-bottom: 4px; }
.tout-gallery .more { font: 11px Arial, Helvetica, sans-serif; text-align: center; }


.tout-video { border-top: 8px solid #fc0; color: #036; margin-bottom: 40px; }
.tout-video .video { margin-bottom: 4px; }
.tout-video .watch { font: 11px Arial, Helvetica, sans-serif; margin-bottom: 6px; text-align: center; text-transform: uppercase; }
.tout-video .more { font: 11px Arial, Helvetica, sans-serif; text-align: center; }

.tout-areas-of-study h5 { color: #676767; line-height: 1.2em; margin-bottom: .7em; }
.tout-areas-of-study dl { margin-bottom: 18px; padding: 10px 12px; }
.tout-areas-of-study dt { font-weight: bold; text-transform: uppercase; }
.tout-areas-of-study dd { font: 14px/1.4em Georgia, "Times New Roman", Times, serif; padding-left: 10px; text-transform: lowercase; }

.tout-areas-of-study dl a { text-decoration: none; }
.tout-areas-of-study dl.rollover { color: #fff; cursor: pointer; }
.tout-areas-of-study dl.rollover a { color: #fff; text-decoration: none; }

dl.tout-area-undergraduate { background-color: #e5e5e5; border-top: 7px solid #003f5f; color: #003f5f; }
dl.tout-area-undergraduate a { color: #003f5f; }
dl.tout-area-undergraduate.rollover { background-color: #003f5f; }

dl.tout-area-graduate { background-color: #e5e5e5; border-top: 7px solid #8a1f03; color: #8a1f03; }
dl.tout-area-graduate a { color: #8a1f03; }
dl.tout-area-graduate.rollover { background-color: #8a1f03; }

dl.tout-area-catalog { background-color: #e5e5e5; border-top: 7px solid #5a481c; color: #5a481c; }
dl.tout-area-catalog a { color: #5a481c; }
dl.tout-area-catalog.rollover { background-color: #5a481c; }

/* =FOOTER
----------------------------------------------------*/
#footer-container { background: #cd9500; border-top: 50px solid #666; width: 100%; }
#footer { color: #faf4e5; font: 11px/1.3em Arial, Helvetica, sans-serif; margin: 0 auto; padding: 30px; width: 876px; }
#footer h6 {
	color: #fdbe22; font: bold 12px/1.4em Lato, Arial, Helvetica, sans-serif; margin-bottom: 6px; text-transform: uppercase;
	word-spacing: 2px;
}

#footer ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#footer ul.first { margin-left: 0 !important; }
#footer ul.last { float: right !important; margin-left: 0 !important; }

#footer a:link { color: #faf4e5; text-decoration: none; }
#footer a:visited { color: #faf4e5; text-decoration: none; }
#footer a:focus { color: #faf4e5; text-decoration: none; }
#footer a:hover { color: #faf4e5; text-decoration: underline; }
#footer a:active { color: #faf4e5; text-decoration: underline; }

#footer .column { float: left; margin-left: 25px; }
#footer .column.first, #footer .column.last { margin-left: 0 !important; }
#footer .column.last { float: right !important; }

#footer #address { width: 200px; }
#footer #address ul { width: 200px; }

#footer #social { width: 90px; }
#footer #social ul { width: 90px; }
#footer .facebook { background: transparent url('images/icn/icn-facebook.png') no-repeat left center; padding: 3px 0 3px 20px; width: 80px; }
#footer .twitter { background: transparent url('images/icn/icn-twitter.png') no-repeat left center; padding: 3px 0 3px 20px; width: 80px; }
#footer .youtube { background: transparent url('images/icn/icn-youtube.png') no-repeat left center; padding: 3px 0 3px 20px; width: 80px; }

#footer #sitemap { width: 310px; }
#footer #sitemap ul { margin-left: 20px; width: 90px; }

#footer #other { width: 200px; }
#footer #other ul { margin-left: 20px; width: 90px; }

/* =GRID
----------------------------------------------------*/
.column { float: left; margin-left: 30px; }

.gridform { margin: 0 auto; padding: 0; text-align: left; width: 600px; }

.grid1col { padding: 0; width: 876px; }

.grid2col { padding: 0; width: 606px; }
.grid2col .column.first { width: 396px; }
.grid2col .column.last { width: 175px; }

.grid2col .grid1col { padding: 0; width: 606px; }
.grid2col .grid1col .column { width: 606px; }

.grid2colb { padding: 0; width: 100%; }
.grid2colb .column.first { width: 600px; }
.grid2colb .column.last { width: 175px; }

.grid2colb .grid2colc .column { width: 272px; }

.grid3col { padding: 0; width: 876px; }
.grid3col .column { width: 272px; }

.grid4col .column.first { }
.grid4col .column.last { }

.grid5col .column.first { }
.grid5col .column.last { }

.grid6col .column.first { }
.grid6col .column.last { }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

.grid1col:after, .grid2col:after, .grid2col-home:after, .grid2colb:after, .grid2colc:after, .grid3col:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* =HEADINGS
----------------------------------------------------*/
h1 { color: #8a1f03; font: 30px/1.1em Lato, Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-bottom: .25em; text-transform: uppercase; }
h2 { color: #8a1f03; font: bold 15px/1.2em Lato, Arial, Helvetica, sans-serif; margin-bottom: .5em; }
h2 a:link { color: #8a1f03; text-decoration: none; }
h2 a:visited { color: #8a1f03; text-decoration: none; }
h2 a:focus { color: #8a1f03; text-decoration: none; }
h2 a:hover { color: #8a1f03; text-decoration: underline; }
h2 a:active { color: #8a1f03; text-decoration: underline; }

h3 {
	color: #444; font: bold 12px/1.3em Arial, Helvetica, sans-serif; margin-bottom: .25em; text-transform: uppercase;
}
.grid2colc h3 { border-bottom: 5px solid #fc0; margin-bottom: 1em; padding-bottom: 5px; }

h4 { font-size: 11px; font-weight: bold; margin-bottom: .25em; }
h5 { color: #ccc; font: bold 15px/1.4em Arial, Helvetica, sans-serif; margin-bottom: .5em; text-transform: uppercase; }
h6 { border-bottom: 1px solid #d9d9d9; color: #333; font-size: 16px; line-height: 21px; margin-bottom: 20px; padding-bottom: 1em; }
.gridform h6 { border-bottom: 5px solid #fc0; }
p.intro-paragraph { border-bottom: 1px solid #d9d9d9; color: #333; font-size: 16px; line-height: 21px; margin-bottom: 20px; padding-bottom: 1em; }
p.intro-paragraph-noline {  color: #333; font-size: 16px; line-height: 21px; margin-bottom: 0px; padding-bottom: 0em; }

/* =LISTS
----------------------------------------------------*/
ul.circle { list-style: circle outside; }
ul.square { list-style: square outside; }

/* =TABLES
Note: If changes are made to the generic table, don't forget to override those changes on more specific tables to avoid style conflicts.
----------------------------------------------------*/
/* GENERIC TABLE */
table { border-bottom: 5px solid #fc0; border-top: 1px solid #d9d9d9; font-family: Arial, Helvetica, sans-serif; margin-bottom: 24px; width: 100%; }
table th { border-bottom: 5px solid #fc0; color: #8a1f03; font-size: 13px; font-weight: bold; padding: 5px 10px; vertical-align: bottom; }
table td { border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; color: #444; padding: 5px 10px; vertical-align: top; }

#sidebar table { border: none; margin-bottom: 0; }
#sidebar th { border: none; color: #666; font-size: 12px; }
#sidebar td { border: none; }

.table-areas-of-study { border-bottom: 5px solid #fc0; font-family: Arial, Helvetica, sans-serif; margin-bottom: 24px; width: 100%; }
.table-areas-of-study th { border-top: 5px solid #fc0; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #fc0; border-left: none; color: #666; font-size: 13px; font-weight: normal; padding: 10px; text-align: center; text-transform: uppercase; vertical-align: bottom; }
.table-areas-of-study td { border-top: none; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: none; padding: 5px 10px; text-align: center; vertical-align: middle; }

.table-areas-of-study th.category { color: #003f5f; font-weight: bold; text-align: left; }
.table-areas-of-study .program { text-align: left; width: 30%; }
.table-areas-of-study .level { color: #999; font-weight: bold; text-align: left; text-transform: uppercase; width: 30%; }
.table-areas-of-study .undergraduate { width: 30%; }
.table-areas-of-study .minor { border-right: none; width: 15%; }
.table-areas-of-study .major { padding: 0 !important; width: 15%; }
.table-areas-of-study .lead { width: 20%; }
.table-areas-of-study .graduate { width: 33%; }
.table-areas-of-study .nondegree { border-right: none; width: 33%; }

.table-areas-of-study .minor a { abackground: transparent url('images/areas-of-study/btn-type-minor.png') no-repeat left top; bottom: 0; display: inline-block; font-size: 0; height: 23px; overflow: hidden; width: 58px; text-indent: -0000px; }
.table-areas-of-study .minor a:hover { background-position: 0 -23px; }

.table-areas-of-study .major a { abackground: transparent url('images/areas-of-study/btn-type-major.png') no-repeat left top; bottom: 0; display: inline-block; font-size: 0; height: 23px; overflow: hidden; width: 58px; text-indent: -0000px; }
.table-areas-of-study .major a:hover { background-position: 0 -23px; }

.table-areas-of-study .lead a { abackground: transparent url('images/areas-of-study/btn-type-lead.png') no-repeat left top; bottom: 0; display: inline-block; font-size: 0; height: 23px; overflow: hidden; width: 108px; text-indent: -0000px; }
.table-areas-of-study .lead a:hover { background-position: 0 -23px; }

.table-areas-of-study .nondegree a { abackground: transparent url('images/areas-of-study/btn-type-nondegree.png') no-repeat left top; bottom: 0; display: inline-block; font-size: 0; height: 23px; overflow: hidden; width: 135px; text-indent: -0000px; }
.table-areas-of-study .nondegree a:hover { background-position: 0 -23px; }

.table-areas-of-study .graduate a { abackground: transparent url('images/areas-of-study/btn-type-graduate.png') no-repeat left top; bottom: 0; display: inline-block; font-size: 0; height: 23px; overflow: hidden; width: 79px; text-indent: -0000px; }
.table-areas-of-study .graduate a:hover { background-position: 0 -23px; }

.table-courses { border-top: 5px solid #fc0; border-right: none; border-bottom: 5px solid #fc0; border-left: none; font-family: Arial, Helvetica, sans-serif; margin-bottom: 24px; width: 100%; }
.table-courses th { border-top: none; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #fc0; border-left: none; font-size: 13px; padding: 10px; text-align: center; text-transform: uppercase; vertical-align: bottom; }
.table-courses td { border-top: none; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: none; color: #333; padding: 10px; vertical-align: middle; }

.table-courses tr.display td { border-right: none; padding-top: 20px; vertical-align: bottom; }
.table-courses th.course { color: #003f5f; font-weight: bold; text-align: left; }
.table-courses tr.course { cursor: pointer; }
.table-courses .credit { border-right: none; text-align: center; }
.table-courses tr.description td { border-right: none; font-size: 11px; }

.table-courses div.arrow { background: transparent url('images/courses/arrow-toggle.png') no-repeat scroll 0 -16px; width: 16px; height: 16px; display: block; }
.table-courses div.up { background-position: 0 0; }

.table-faculty { border: 0; margin-top: 1em; width: auto; }
.table-faculty th { border: 0; color: #666; font: bold 9px/1.1em Arial, Helvetica, sans-serif; padding-bottom: 12px; text-transform: uppercase; width: 140px; }
.table-faculty td { border: 0; font: 12px/1.4em Georgia, "Times New Roman", Times, serif; padding-bottom: 12px; }

.table-with-borders { border-bottom: 5px solid #fc0; font-family: Arial, Helvetica, sans-serif; margin-bottom: 24px; width: 100%; }
.table-with-borders th { border-bottom: 5px solid #fc0; color: #8a1f03; font-size: 13px; font-weight: bold; padding: 5px 10px; vertical-align: bottom; }
.table-with-borders td { border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; color: #444; padding: 5px 10px; vertical-align: top; }

.table-without-borders { border-bottom: 0px solid #fc0; font-family: Arial, Helvetica, sans-serif; margin-bottom: 24px; width: 100%; }
.table-without-borders th { border-bottom: 0px solid #fc0; color: #8a1f03; font-size: 13px; font-weight: bold; padding: 5px 10px; vertical-align: bottom; }
.table-without-borders td { border-right: 0px solid #d9d9d9; border-bottom: 0px solid #d9d9d9; border-left: 0px solid #d9d9d9; color: #444; padding: 5px 10px 5px 0; vertical-align: top; }

/* =FORMS
----------------------------------------------------*/
.table-form { border: 0; }
.table-form th { border: 0; font: 12px/1.4em Arial, Helvetica, sans-serif; padding: 5px 10px; }
.table-form td { border: 0; font: 12px/1.4em Arial, Helvetica, sans-serif; padding: 5px 10px; }

.table-form input[type="text"]
{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	padding: 5px 8px;
	width: 400px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.table-form textarea
{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	height: 200px;
	padding: 5px 8px;
	width: 400px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.table-form input[type="submit"]
{
	background-color: #8a1f03;
	border: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	padding: 8px 15px;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(91, 11, 1, 0.85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4694b), to(#5b0b01)); background-image: -moz-linear-gradient(0% 100% 90deg, #5b0b01, #c4694b);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* =ADMISSIONS
----------------------------------------------------*/
.admissions-module { width: 272px; }
.admissions-module h2 { background: #ffc425; border-radius: 10px 10px 0 0; color: #000; margin: 0; padding: 5px 10px; text-align: center; }
.admissions-module .image { height: 129px; margin: 0; padding: 0; width: 272px; }
.admissions-module .content { background-color: #e6e6e6; border-bottom: 1px solid #fff; padding: 15px; }
.admissions-module .links { background: #e6e6e6; border-radius: 0 0 10px 10px; padding: 15px; }
.admissions-module ul { list-style-type: none; margin: 0; padding: 0; }
.admissions-module li { color: #036; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; }
.admissions-module a:link { color: #036; text-decoration: none; }
.admissions-module a:visited { color: #036; text-decoration: none; }
.admissions-module a:focus { color: #036; text-decoration: none; }
.admissions-module a:hover { color: #036; text-decoration: underline; }
.admissions-module a:active { color: #036; text-decoration: underline; }

/*=CONTACT INFO
----------------------------------------------------*/
.contactinfo { margin-bottom: 30px; }
.contactinfo h5 { color: #ccc; font-size: 14px; font-weight: bold; margin-bottom: 8px; text-transform: uppercase; }

/* =CRUMBS
----------------------------------------------------*/
#crumbs { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 10px; }
#crumbs .current { font-weight: bold; text-transform: uppercase; }
#crumbs a:link { color: #333; text-decoration: none; }
#crumbs a:visited { color: #333; text-decoration: none; }
#crumbs a:focus { color: #333; text-decoration: none; }
#crumbs a:hover { color: #333; text-decoration: underline; }
#crumbs a:active { color: #333; text-decoration: underline; }

/* =EVENTS
----------------------------------------------------*/
.event-item { margin-bottom: 15px; }
.event-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.event-item .date { background-color: #ccc; border-top: 2px solid #666; color: #fff; display: inline; float: left; padding: 6px; text-align: center; width: 24px; }
.event-item .date .month { display: block; font-size: 9px; line-height: 9px; margin: 0; text-transform: uppercase; }
.event-item .date .day { display: block; font-size: 21px; line-height: 21px; margin: 0; }
.event-item .description { display: inline; float: right; width: 130px; }

/* =FACULTY
----------------------------------------------------*/
.faculty { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.faculty-portrait img { border: 2px solid #ccc; display: inline; float: left; margin: 0 20px 20px 0; padding: 0; }

/* =HOME =HIGHLIGHTS
----------------------------------------------------*/
#highlights { color: #003f5f; }

#highlights-top { background: url('images/highlights/bg-highlights-top.png') no-repeat; border-bottom: 1px solid #999; margin: 0; padding: 15px 10px 10px 130px; }
#highlights-mid { background: url('images/highlights/bg-highlights-mid.png') no-repeat; border-top: 1px solid #fff; border-bottom: 1px solid #999; margin: 0; padding: 10px 10px 10px 64px; }
#highlights-bot { background: url('images/highlights/bg-highlights-bot.png') no-repeat; border-top: 1px solid #fff; margin: 0; padding: 10px 124px 10px 10px; text-align: right; }

#highlights a:link { color: #003f5f; text-decoration: underline !important; }
#highlights a:visited { color: #003f5f; text-decoration: underline !important; }
#highlights a:focus { color: #003f5f; text-decoration: underline !important; }
#highlights a:hover { color: #003f5f; text-decoration: underline !important; }
#highlights a:active { color: #003f5f; text-decoration: underline !important; }

#highlights ul { list-style-type: none; margin: 0; padding: 0; }

#highlights dl { margin: 0; padding: 0; }
#highlights dt { font-size: 16px; margin: 0; padding: 0; text-transform: uppercase; }
#highlights dd { margin: 0; padding: 0; }

/* =HOME =NEWS AND EVENTS
----------------------------------------------------*/
#news-events-home { font-family: Arial, Helvetica, sans-serif; padding: 0 32px; width: 511px; }
#news-events-home:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#news-events-home .column.first { width: 238px; }
#news-events-home .column.last { width: 238px; }
#news-events-home h3 { color: #ccc; font: bold 14px/1.4em Arial, Helvetica, sans-serif; margin-bottom: .5em; }
#news-events-home ul { display: inline; list-style-type: none; margin: 0; padding: 0; }
#news-events-home li { margin: 0 0 1em 0; padding: 0; }

/*=LINK LIST
----------------------------------------------------*/
#sidebar .linklist { padding: 0 20px; }
.linklist { color: #036; font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px; }
.linklist h5 { color: #ccc; font-size: 14px; font-weight: bold; margin-bottom: 8px; text-transform: uppercase; }
.linklist ul { list-style-type: none; margin: 0; padding: 0; }
.linklist li { font-size: 11px; margin: 0; text-transform: uppercase; }
.linklist a:link { color: #036; text-decoration: none; }
.linklist a:visited { color: #036; text-decoration: none; }
.linklist a:focus { color: #036; text-decoration: none; }
.linklist a:hover { color: #036; text-decoration: underline; }
.linklist a:active { color: #036; text-decoration: underline; }

/* =NEWS
----------------------------------------------------*/
.news-item { border-bottom: 1px solid #d9d9d9; margin-bottom: 15px; }
.news-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.news-item .image { display: inline; float: left; width: 100px; height: 100px; overflow: hidden; }
.news-item .image img { width: 100px; }
.news-item .description { margin-left: 115px; }

/* =PIPED LISTS
----------------------------------------------------*/
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { border-left-width: 1px; border-left-style: solid; display: inline; float: left; margin: 0; padding: 0 0 0 .75em; margin-left: 0.75em; }
.piped li.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/* =IPHONE
----------------------------------------------------*/
div, p, a, li, td { -webkit-text-size-adjust: none; }

/*
*
globalnav.css
*
*/
/* ------------------------------------------------------------------
Style Name: Global Nav
Description: Defines styles for the global navigation menu and submenu.
File Name: globalnav.css
Version: 1.0
Version Date: 19 December 2010
Author: Lance Osborne, Process Interactive LLC
Author URI: http://processinteractive.com/
License: Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License
License URI: http://creativecommons.org/licenses/by-nc-nd/3.0/
------------------------------------------------------------------- */
/* BACKGROUND AND WIDTH */
#globalnav ul { list-style-type: none; margin: 0; padding: 0; }
#globalnav ul li { background: transparent url('images/globalnav/bg-globalnav.png') no-repeat; float: left; height: 42px; line-height: 0; position: relative; text-indent: -5000px; }
#globalnav ul li:hover { background: transparent url('images/globalnav/bg-globalnav.png') no-repeat; }

/* TAB LINK */
#globalnav a { display: block; height: 42px; }
#globalnav a:link { color: #333; text-decoration: none; }
#globalnav a:visited { color: #333; text-decoration: none; }
#globalnav a:focus { color: #333; text-decoration: none; }
#globalnav a:hover { color: #333; text-decoration: underline; }
#globalnav a:active { color: #333; text-decoration: underline; }

/* =TABS
----------------------------------------------------*/
#globalnav li.about { background-position: 0 0; width: 125px; }
#globalnav li.academics { background-position: -125px 0; width: 120px; }
#globalnav li.admissions { background-position: -245px 0; width: 128px; }
#globalnav li.life { background-position: -373px 0; width: 129px; }
#globalnav li.athletics { background-position: -502px 0; width: 113px; }
#globalnav li.info { background-position: -615px 0; width: 141px; }
#globalnav li.apply { background-position: -756px 0; width: 120px; }

/* =OVER STATES
----------------------------------------------------*/
#globalnav li.about:hover { background-position: 0 -42px; }
#globalnav li.academics:hover { background-position: -125px -42px; }
#globalnav li.admissions:hover { background-position: -245px -42px; }
#globalnav li.life:hover { background-position: -373px -42px; }
#globalnav li.athletics:hover { background-position: -502px -42px; }
#globalnav li.info:hover { background-position: -615px -42px; }
#globalnav li.apply:hover { background-position: -756px -42px; }

/* =PRESSED STATES
----------------------------------------------------*/
#globalnav li.about:active { background-position: 0 -42px; }
#globalnav li.academics:active { background-position: -125px -42px; }
#globalnav li.admissions:active { background-position: -245px -42px; }
#globalnav li.life:active { background-position: -373px -42px; }
#globalnav li.athletics:active { background-position: -502px -42px; }
#globalnav li.info:active { background-position: -615px -42px; }
#globalnav li.apply:active { background-position: -756px -42px; }

/* =ON STATES
----------------------------------------------------*/
body#about #globalnav li.about { background-position: 0 -42px !important; }
body#academics #globalnav li.academics { background-position: -125px -42px !important; }
body#admissions #globalnav li.admissions { background-position: -245px -42px !important; }
body#life #globalnav li.life { background-position: -373px -42px !important; }
body#athletics #globalnav li.athletics { background-position: -502px -42px !important; }
body#info #globalnav li.info { background-position: -615px -42px !important; }
body#apply #globalnav li.apply { background-position: -756px -42px !important; }

/* LARGE CONTAINING SUBMENU */
#globalnav div.submenu-container {
	background-color: #ffc425 !important;
	border-top: 10px solid #c90;
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 14px 25px 14px 25px;
	position: absolute;
	top: 42px;
	width: 888px;
}

/* SUBMENU PLACEMENT (FLUSH LEFT) */
#globalnav .about .submenu-container { left: -30px; }
#globalnav .academics .submenu-container { left: -155px; }
#globalnav .admissions .submenu-container { left: -275px; }
#globalnav .life .submenu-container { left: -403px; }
/*
#globalnav .athletics div.submenu-container { left: -532px; }
#globalnav .info div.submenu-container { left: -645px; }
#globalnav .apply div.submenu-container { left: -786px; }
*/

/* SUBMENU BACKGROUND RULES */
#globalnav .submenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#globalnav .about .submenu { background: transparent url('images/submenu/bg-submenu-about.png') repeat-y; }
#globalnav .academics .submenu { background: url('images/submenu/bg-submenu-academics.png') repeat-y; }
#globalnav .admissions .submenu { background: url('images/submenu/bg-submenu-admissions.png') repeat-y; }
#globalnav .life .submenu { background: url('images/submenu/bg-submenu-life.png') repeat-y; }

/* COLUMNS WITHIN SUBMENU */
#globalnav .submenu .col {
	float: left;
	margin-right: 15px;
	padding-right: 10px;
	position: relative;
	text-indent: 0;
}
#globalnav .onecol { width: 127px; }
#globalnav .twocol { width: 279px; }
#globalnav .threecol { width: 431px; }
#globalnav .last { margin-right: 0 !important; padding-right: 0 !important; }

#globalnav .col ul {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	position: relative;
	text-indent: 0;
	width: auto;
}

#globalnav .col li {
	background-image: none !important;
	height: auto;
	float: none;
	font: 12px/1.2em Arial, Helvetica, sans-serif;
	text-indent: 0;
}

#globalnav .col a {
	background-image: none !important;
	height: auto;
	text-decoration: none;
	text-indent: 0;
}


#globalnav .onecol li { margin-bottom: 10px; }
#globalnav .twocol li { margin-bottom: 0; }

#globalnav .col a:hover { text-decoration: underline; }
#globalnav .col a:active { text-decoration: underline; }

.calltoaction { font-size: 10px; text-transform: uppercase; }
.rule { border-top: 6px solid #333; padding-top: 10px; }

/* #globalnav li:hover > a, #globalnav div :hover > a { text-decoration: underline; } */

#globalnav ul li:hover > div { display: block; }

iframe[name="google_conversion_frame"] {
	height: 0 !important;
}







#mobilenav {
	background: #fff;
	display: none;
	height: auto;
	left: 0;
	position: relative;
	overflow: hidden;
	padding-top: -100%;
	top: 0;
	width: auto;
}
#mobilenav .open-menu .submenu-container {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
#mobilenav strong {
	font-weight: normal;
}
#mobilenav a {
	color: #000;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
}
#mobilenav li {
	list-style: none;
	margin-bottom: 0;
}
#mobilenav ul {
	margin: 0;
	padding: 0;
}
#mobilenav > ul > li > a {
	background: #FFC72C;
	border-bottom: 1px solid #CC8A00;
	display: block;
	font: 16px 'Lato', serif;
	padding: 15px 10px;
	position: relative;
	text-transform: uppercase;
}
#mobilenav .submenu-container {
	background: #ffc425;
	left: 100%;
	font: 14px Lato, serif;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
	-webkit-transition: -webkit-transform 0.25s linear;
	-moz-transition: -moz-transform 0.25s linear;
	-o-transition: -o-transform 0.25s linear;
	-ms-transition: -ms-transform 0.25s linear;
	transition: transform .25s linear;
	-webkit-transform: translateX(0%) translateZ(0);
	-moz-transform: translateX(0%) translateZ(0);
	-o-transform: translateX(0%) translateZ(0);
	-ms-transform: translateX(0%) translateZ(0);
	transform: translateX(0%) translateZ(0);
}
#mobilenav .submenu-container .col {
	border-bottom: 0px solid #CC8A00;
}
#mobilenav .info a,
#mobilenav .apply a {
	background: #8a1f03 !important;
	border-bottom: 1px solid #666 !important;
	color: #fff !important;
}
#mobilenav .submenu a {
	display: block;
	padding: 12px 5px 12px 35px;
}
/*
.submenu .rule, .submenu img, .submenu .calltoaction { display: none; }
*/
#mobilenav .menu > a:after {
	content: '';
	display: block;
	border: transparent solid 8px;
	border-left-color: #CC8A00;
	margin: -8px 10px 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	height: 0;
	width: 0;
}
.back,
.nav-toggle,
#mobilenav .submenu-title {
	border-bottom: 1px solid #CC8A00;
	color: #000;
	display: block;
	font: 16px 'Lato', serif;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	position: relative;
	text-decoration: none !important;
	text-transform: uppercase;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.back:after,
.nav-toggle:after {
	content: '';
	display: block;
	border: transparent solid 8px;
	margin: -8px 10px 0 10px;
	position: absolute;
	top: 50%;
	left: 0;
	height: 0;
	width: 0;
}
.back {
	background: #CC8A00;
	padding-left: 35px;
}
.back:after { border-right-color: #000; }
.nav-toggle {
	background: #fff;
	border-bottom: none;
	padding: 0 40px 0 10px;
	position: absolute;
	right: 0px;
	top: 26px;
	text-transform: uppercase;
}
.nav-toggle:after {
	border-left-color: #666;
	left: auto;
	margin-right: 15px;
	right: 0;
}
.nav-toggle.open:after {
	border-left-color: transparent;
	border-top-color: #666;
	margin-left: 11px;
	margin-top: -4px;
}

.nav-toggle { display: none; }
#mobilenav, #mobilenav.open { display: none; }

.touch .nav-toggle { display: block; }
.touch #globalnav,
.touch #utilities,
.touch #global-search,
.touch #crumbs {
    display: none;
}

.touch #logo {
    margin-bottom: 5px;
    top: auto;
    position: relative;
  }

  /* new */
  .touch #header {
    background: #fff;
    height: auto;
    min-height: 71px;
    margin-bottom: 0;
    border-bottom: 10px solid #ffc425;
    
  }
  .touch #page-container:before {
    background: #737373;
    border-bottom: 10px solid #ffc425;
    content: "";
    display: block;
    height: 76px;
    position: absolute;
    
    left: 0;
    right: 0;
  }
.touch #page-container { background: #fff; }

/*@media screen and (max-width: 992px) {*/
@media screen and (device-width: 768px), /*iPad*/
       screen and (max-width: 1023px) and (max-device-width: 1023px), /* Low res */
       screen and (max-width: 992px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0), /*iOS/Android/Chrome/Safari*/
       screen and (-moz-touch-enabled: 1) /*touch enabled Firefox*/ {
  #mobilenav.open { display: block !important; }
  .nav-toggle { display: block; }
  #globalnav,
  #utilities,
  #global-search,
  #crumbs {
    display: none;
  }
  #logo {
    margin-bottom: 5px;
    top: auto;
    position: relative;
  }

  /* new */
  #header {
    background: #fff;
    height: auto;
    min-height: 71px;
    margin-bottom: 0;
    border-bottom: 10px solid #ffc425;
    
  }
  #page-container:before {
    background: #737373;
    border-bottom: 10px solid #ffc425;
    content: "";
    display: block;
    height: 76px;
    position: absolute;
    
    left: 0;
    right: 0;
  }
  #page-container { background: #fff; }
}

/*@media screen and (max-width: 936px) {*/
/*@media screen and (max-width: 992px) {*/
@media screen and (max-width: 992px) and (device-width: 768px), /*iPad*/
       screen and (max-width: 992px) and (max-device-width: 1023px), /* Low res */
       screen and (max-width: 992px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0), /*iOS/Android/Chrome/Safari*/
       screen and (max-width: 992px) and (-moz-touch-enabled: 1) /*touch enabled Firefox*/ {
  #header,
  #banner,
  #page,
  #content-container {
    max-width: 936px;
    min-width: 0;
    width: auto;
  }
  #footer-container,
  #footer {
  	width: auto;
  }
  #banner {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: auto;
    padding-bottom: 17%;
  }
  #content {
    padding: 0 10px;
  }
  #subnav-heading {
    left: 10px;
  }
  /* new */
  #content-container { padding-left: 0; padding-right: 0; }
}
/*@media screen and (max-width: 935px) {*/
@media screen and (max-width: 935px) and (device-width: 768px), /*iPad*/
       screen and (max-width: 935px) and (max-device-width: 1023px), /* Low res */
       screen and (max-width: 935px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0), /*iOS/Android/Chrome/Safari*/
       screen and (max-width: 935px) and (-moz-touch-enabled: 1) /*touch enabled Firefox*/ {
  #content,
  #main,
  #main-full {
    float: none;
    width: auto;
  }
  #main { margin-left: 270px; }
  #sidebar {
    margin-right: 25px;
  }
  .grid2col {
    width: auto;
  }
  .grid2col .column.first, .grid2colb .column.first {
    width: auto;
  }
  #content .PBViewing {
    width: auto !important;
  }
  .grid2col .column.last {
    display: none;
  }
  .intro-paragraph br {
    display: none;
  }
  #footer-container {
    border-top-width: 25px;
  }
  #footer {
    padding-top: 10px;
  }
  #footer .column {
    display: none;
  }
  #address {
    display: block !important;
    float: none;
    font-size: 110%;
    margin-left: 5px;
    overflow: hidden;
    width: auto !important;
  }
  .column {
    float: none !important;
  }
  .grid3col {
    width: auto;
  }
  .grid3col .column {
    margin: 0;
    width: auto;
  }
  .grid3col .column.last {
    float: none !important;
  }
  .admissions-module {
    margin: 0 auto 10px;
    width: auto;
  }
  .admissions-module h2 {
    background: #ffc425;
  }
  .admissions-module .image {
    margin: 0 auto;
  }
  .admissions-module .image:nth-of-type(1) {
    display: none;
  }
  h1 {
    font-size: 28px;
    letter-spacing: 1px;
  }
}
/*@media screen and (max-width: 710px) {*/
@media screen and (max-width: 710px) and (device-width: 768px), /*iPad*/
       screen and (max-width: 710px) and (max-device-width: 1023px), /* Low res */
       screen and (max-width: 710px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0), /*iOS/Android/Chrome/Safari*/
       screen and (max-width: 710px) and (-moz-touch-enabled: 1) /*touch enabled Firefox*/ {
  body {
    font-size: 16px;
    line-height: 20px;
  }
  #subnav-heading { height: auto; }
  #subnav-heading img {
  	display: block;
    height: auto;
    width: 155px;
  }
  #content {
    padding: 0 10px;
  }
  #sidebar {
    float: none;
    left: auto;
  }
  #sidebar .extra { display: none; }
  #navcontainer { margin: 0; }
  #navlist { display: none; }
  .side-menu {
    display: block !important;
  }
  #main {
    padding-top: 5px;
  }
  .grid2col {
    width: 100%;
  }
  .grid2col .column.first {
    width: auto;
  }
  embed,
  object,
  iframe {
    max-width: 100% !important;
  }
  h1 {
    font-size: 24px;
    margin-top: 10px;
  }
  #main,
  #main-full {
    overflow: visible;
  }
  table {
    display: block;
    font-size: 12px;
    margin: 0 -10px;
    overflow-x: auto;
    width: auto;
  }
  table th { padding: 5px 0; }
  table td { padding: 5px 2px; }


  /* new */
  #sidebar .dropzone { display: none; }
  #main { margin-left: 0; }
}

/*@media screen and (max-width: 400px) {*/
@media screen and (max-width: 400px) and (device-width: 768px), /*iPad*/
       screen and (max-width: 400px) and (max-device-width: 1023px), /* Low res */
       screen and (max-width: 400px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0), /*iOS/Android/Chrome/Safari*/
       screen and (max-width: 400px) and (-moz-touch-enabled: 1) /*touch enabled Firefox*/ {
  #sidebar,
  #navcontainer {
  	margin: 0;
  	width: auto;
  }
}


.side-menu {
  display: none;
  font-size: 20px;
  margin-bottom: 0px;
  overflow: hidden;
  padding: 10px 0 0 0;
  position: relative;
}
.side-menu select {
  bottom: -1px;
  display: block;
  position: absolute;
  opacity: .009;
  top: -1px;
  right: -1px;
  left: -1px;
  z-index: 9;
  width: 100%;
}
.side-menu-label {
  background: #ffc425;
  border-radius: 3px;
  color: #333;
  line-height: 30px;
  padding: 4px 10px;
  position: relative;
  z-index: 1;
}
.side-menu-label:after {
  border: 1px solid #ffc425;
  content: "+";
  color: #555;
  display: table-cell;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  height: 36px;
  position: absolute;
  right: 5px;
  bottom: 0px;
  vertical-align: bottom;
}

.btn {
	background: #ffc72c;
	border-radius: 3px;
	color: black !important;
	cursor: pointer;
	display: inline-block;
	font-family: Lato, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 22px;
	line-height: 22px;
	margin-left: -1px;
	padding: 0 6px !important;
	text-decoration: none !important;
	text-transform: uppercase;
}

.btn-big {
	color: #666;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
}
input.btn { border: 0; }

hr { clear: both; margin: ; }