@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700,800|Raleway:100,300,700,900,800,400|Oswald:400,300,700);
/**
 * Generic elements
 */
body {margin: 0 auto; padding: 0; background: #fff; font-family: 'Open Sans', Arial, sans-serif; color: #494949; font-size:76%; position: relative}

#page {position: relative}
#wrapper {}


/*** CENTER WIDTH CONTROLS ***/
#top-inner,
#header-inner,
#block-nice-menus-1, 
#block-superfish-1,
.region-footer {width: 1200px; margin: 0 auto; padding: 0;}
/**/


/***** PAGE TOP *****/
#top {background: #78a741; position: relative}
#top-inner {padding:5px 0 10px 0; position: relative; text-align: right}

#block-block-8 {display: inline-block; vertical-align: middle; color: #fff;}
#block-block-8 .content a,
#block-block-8 .content li a {color: #fff; text-decoration: none}
#block-block-8 .content a:hover,
#block-block-8 .content li a:hover {color: #F5B800}
#block-block-8 .content ul {list-style: none; margin: 0; padding:5px 0 0; text-align: right}
#block-block-8 .content li {display: inline; margin:0 5px; font-size: 14px}

/*** SEARCH BAR ***/
#block-search-form {float: right; clear: right; background: none; margin:2px 0 0; padding: 0 5px; position: relative; width: 160px;}
#block-search-form input.form-text {border: none; background: #ddd; font-size: 14px; padding:3px 5px; width: 125px; color: #454545; float: left}
#block-search-form input.form-submit {background: url(images/icon-search.jpg) no-repeat center; border: none; height: 0; overflow: hidden; padding: 25px 0 0 0; width: 25px; float: right; margin-top: 0}
/***/
/*********/



/***** HEADER SECTION *****/
#header {clear: both; margin-top: 0; position: relative; z-index: 500; background: #609732}
#header-inner {background: url(images/back-header.jpg) no-repeat bottom left; padding: 20px 0; position: relative; z-index: 100}

/*** LOGO ***/
#block-block-9 {width: 48%; display: inline-block; text-align: left; vertical-align: middle}
#block-block-9 img {max-width: 100%}
/**/

/*** PHONE NUMBER ***/
#block-block-10 {width: 50%; margin-top: 10px; float: right; text-align: right; vertical-align: middle}
#block-block-10 .content ul {list-style: none; margin: 0; padding: 0}
#block-block-10 .content li {display: inline-block; vertical-align: middle; width: auto;}
#block-block-10 em {color: #fff; font-size: 14px; text-align: center; font-style: normal}
#block-block-10 strong {font-size: 40px; font-family: Oswald; color: #13542a; border-left: 1px solid #13542a; margin-left: 10px; padding-left: 10px; line-height: 100%}
#block-block-10 strong a {color: #13542a; text-decoration: none; cursor: text}
#block-block-10 img {margin-left: 5px;}
/**/
/***********/


/*** MAIN NAVIGATION ***/
#menubar {width: 100%; clear: both; position: relative; z-index: 500; background: #454545; padding: 5px 0 10px 0}
#menubar h2 {display: none}

#block-tb-megamenu-main-menu {width: 1200px; margin: 0 auto}
.tb-megamenu {background: none}

#block-superfish-1,
#menubar ul {text-align: left; position: relative; z-index: 400; margin: 5px auto 0; background: #454545}
#block-superfish-1 ul#superfish-1 {/* LTR */ border: 0; margin: 0; padding:0;}
#block-superfish-1 ul#superfish-1 li,
#menubar li {border:none; background: none; font-size: 18px; background: url(images/nav-separator.png) no-repeat right center}
#block-superfish-1 ul#superfish-1 li li,
#menubar li li {width:100%; font-size: 16px; text-align: left; border: none; text-transform: none; background: none}
#block-superfish-1 ul#superfish-1 li.last,
#menubar li.last {background: none}
#block-superfish-1 ul#superfish-1 li a,
#menubar li a,
.tb-megamenu .nav > li > a {color: #ececec; padding:12px 15px 12px 14px; text-decoration: none; display: inline-block; margin: 0px 5px 0 8px; position: relative; font-weight: normal; border: none;}
#block-superfish-1 ul#superfish-1 li a:hover,
#menubar li a:hover {color: #fff; }
#block-superfish-1 ul#superfish-1 li li a,
#menubar li li a {color: #fff; padding:2px 5px 2px 10px; background: url(images/nav-arrows.jpg) no-repeat left center; margin: 0; text-transform: none; border: none;}
#block-superfish-1 ul#superfish-1 li li li a,
#menubar li li li a {color: #000; background: none; font-size: 14px; }
#block-superfish-1 ul#superfish-1 li li a:hover,
#menubar li li a:hover {color: #FFCF01}
#block-superfish-1 ul#superfish-1 li ul,
#menubar li ul {width:auto; /* border: 1px solid #fff; */ padding-top: 0; padding: 0; border: none; background: #9c9c9c; z-index: 400;}

.tb-megamenu .nav > li > a {border: none; font-weight: normal; background: none}
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #666; border-bottom-color: #666; margin-top: 0; position: absolute; bottom: 2px; left: 50%; margin-left: -5px}
.tb-megamenu .nav > li > ul {display: block !important}

#block-superfish-1 ul#superfish-1 li li {border-top: 0;} 
#block-superfish-1 ul#superfish-1 ul li {clear: both;}
#block-superfish-1 ul#superfish-1 li ul li ul {left: 180px; /* LTR */ top: -1px; margin-top: 0; padding:8px;}
#block-superfish-1 ul#superfish-1 .menuparent a { /* LTR */}
#block-superfish-1 ul#superfish-1 .menuparent a:hover {}
#block-superfish-1 ul#superfish-1 li.menuparent:hover a {color: #fff; text-shadow: 1px 1px 2px #000; /* LTR */}
#block-superfish-1 ul#superfish-1 li.menuparent:hover li a {color: #fff; text-shadow: 1px 1px 2px #000; /* LTR */}
#block-superfish-1 ul#superfish-1 li.menuparent a {background:none; /* LTR */}
#block-superfish-1 ul#superfish-1 li.menuparent a:hover { /* LTR */}
#block-superfish-1 ul#superfish-1 li.menuparent li a { /* LTR */ padding:10px;}
#block-superfish-1 ul#superfish-1 li.menuparent li a:hover, 
#block-superfish-1 ul#superfish-1 li.menuparent:hover li a:hover {color: #fff; text-shadow: 1px 1px 2px #000; /* LTR */}
#block-superfish-1 ul#superfish-1 li li.menuparent {color: #fff; /* LTR */}
#block-superfish-1 ul#superfish-1 li li.menuparent:hover {color: #fff; text-shadow: 1px 1px 2px #000; /* LTR */}

#block-nice-menus-1 .nolink {display: block; padding: 5px;}
#block-nice-menus-1 .menuparent .nolink {background: #244959; color: #fff;}
#block-nice-menus-1 .nolink:hover {background: #cfcfcf; color: #000; cursor: default}

#menubar li a#requestinfo,
#menubar li a#applyonline {background: #ffcf01; color: #454545; font-family: Oswald; display: inline-block; text-transform: uppercase; font-size: 22px; font-weight: 100}


.mega-dropdown-inner {background: #9C9C9C}
.tb-megamenu .dropdown-menu li > a {border: none}
.tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {font-weight: normal}
.tb-megamenu .row-fluid .span4 {width: 33%; margin: 0; padding: 0;}
.tb-megamenu .span12.mega-col-nav .mega-inner {padding: 0 5px;}

.nav-about .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {}
.tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {width: 885px !important; background: none; margin-top: 10px}
.nav-students .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -150px;}
.nav-business .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -400px;}
.nav-foundation .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -600px;}
.nav-athletics .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -750px;}

.menu-photos-buttons p {margin: 0 0 10px; padding: 0; float: right;}
.menu-photos-buttons img {width: 115px !important; height: auto !important; float: left;}
/**/



#center-contain {clear:both;}
#center-contain-inner {padding: 10px; width: 1180px; margin: 0 auto;}
.not-front #center-contain-inner {background: #fff; position: relative; z-index: 25}


/*** content top ***/
#content-top, #content-bottom {clear: both; margin: 0 auto}
#content-top-inner img {max-width: 100%; height: auto; width: 100%}
#content-top {margin-bottom: -45px;}
.not-front #content-top {margin-bottom: -25px;}


.masthead {text-align: center; margin: 0 auto;}
.masthead-home {float: right; margin: 0 0 15px 15px}



.subnavlist, .custom-menu-list {margin: 25px auto 0; width: 85%;}
.subnavlist ul, .custom-menu-list ul {margin: 0; padding: 0; text-align: center; list-style: none}
.subnavlist li, .custom-menu-list li {display: inline-block; list-style: none; margin: 10px auto}

/* Catalog Menu */
#block-menu-menu-test-menu > .content,
#block-menu-menu-financial-aid > .content,
#block-menu-menu-about-introductory-menu > .content,
.custom-menu {
	display: block;
	clear: both;
	height: 28px;
	text-align: center;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#block-menu-menu-test-menu > .content  .menu,
#block-menu-menu-financial-aid > .content  .menu,
#block-menu-menu-about-introductory-menu > .content  .menu,
#center .custom-menu  .menu {
	height: 27px;
	margin: auto;
	padding: 0;
	list-style: none;
	z-index: 100;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* items */
#block-menu-menu-test-menu > .content > .menu > li,
#block-menu-menu-financial-aid > .content > .menu > li,
#block-menu-menu-about-introductory-menu > .content > .menu > li,
.custom-menu > .menu > li {
	list-style: none;
	height: 100%;
	margin: 0 8px;
	padding: 0;
	position: relative;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: auto
}

#center #block-menu-menu-test-menu > .content > .menu > li > a,
#center #block-menu-menu-financial-aid > .content > .menu > li > a,
#center #block-menu-menu-about-introductory-menu > .content > .menu > li > a,
#center .custom-menu > .menu > li > a {
	text-align: center;
	background-color: #ddd;
	display: inline-block;
	height: 100%;
	padding: 0 0 0 5px;
	line-height: 27px;
	/*border: 1px solid #111;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	text-decoration: none;
}
#center .custom-menu > .menu > li > a {display: inline-flex}
#center #block-menu-menu-test-menu > .content > .menu  li:hover > a,
#center #block-menu-menu-financial-aid > .content > .menu  li:hover > a,
#center #block-menu-menu-about-introductory-menu > .content > .menu  li:hover > a,
#center .custom-menu > .menu  li:hover > a {
	background-color: #3F3F3F;
	color: #fff
}
/* Sub Menus */
#center #block-menu-menu-test-menu > .content > .menu > li > ul,
#center #block-menu-menu-financial-aid > .content > .menu > li > ul,
#center #block-menu-menu-about-introductory-menu > .content > .menu > li > ul,
#center .custom-menu > .menu > li > ul {
	position: absolute;
	top:27px;
	left: 0;
	height: auto;
	width: auto;
	display: none;
	/*border-top: 2px solid #000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#center #block-menu-menu-test-menu > .content > .menu > li:hover > ul,
#center #block-menu-menu-financial-aid > .content > .menu > li:hover > ul,
#center #block-menu-menu-about-introductory-menu > .content > .menu > li:hover > ul,
#center .custom-menu > .menu > li:hover > ul {
	display: inline-block;
	width: 150%;
	background: #A5A5A5;
}
#block-menu-menu-test-menu > .content > .menu > li > ul > li,
#block-menu-menu-financial-aid > .content > .menu > li > ul > li,
#block-menu-menu-about-introductory-menu > .content > .menu > li > ul > li,
.custom-menu > .menu > li > ul > li {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
#block-menu-menu-test-menu > .content > .menu > li > ul > li > a,
#block-menu-menu-financial-aid > .content > .menu > li > ul > li > a,
#block-menu-menu-about-introductory-menu > .content > .menu > li > ul > li > a,
.custom-menu > .menu > li > ul > li > a{
	text-align: center;
	background-color: #ddd;
	display: inline-block;
	height: 100%;
	width: 100%;
	line-height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#center .custom-menu > .menu > li > ul > li > a {text-align:left; padding:0 10px; background: #a5a5a5; color: #fff; text-decoration: none}
#center .custom-menu > .menu > li > ul > li > a:hover {background:#ddd; color: #000}
#center .custom-menu > .menu > li.expanded > a.seemoreG {background:#ddd url(images/more-arrow-G.jpg) no-repeat center right}
#center .custom-menu > .menu > li.expanded > a.seemoreW {background: #a5a5a5 url(images/more-arrow-W.jpg) no-repeat center right}
.custom-menu > .menu > li > a {display:block; width:100%;}
.custom-menu ul.menu {-webkit-margin-after: 0; -webkit-margin-before: 0;}





.homeslider {margin: 0 auto; padding: 0; text-align: center; position: relative; max-width: 1400px; width: 100%; overflow: hidden; z-index: 5}
.homeslider .views-slideshow-cycle-main-frame {margin:0 auto}

.homeslider .views_slideshow_cycle_main { width: 100%; max-width: 100%; }
.homeslider .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }
.homeslider .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }
.homeslider .views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
.homeslider .views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }

.homeslider img {max-width: 100%; height: auto;}
.homeslider .slidetext {position: absolute; top: 50%; left: 125px; width: 50%}
.homeslider .slidetitle,
.homeslider .slidebody {width: auto; float: left; clear: both; padding: 10px; text-align: left; font-family: Raleway; text-transform: uppercase;}
.homeslider .slidetitle {background: #c8c8c8; color: #363636; font-size: 24px; line-height: 75%}
.homeslider .slidebody {background: #363636; color: #c8c8c8; font-size: 14px; line-height: 75%}
.homeslider .slidebody p {margin: 0; padding: 0; width: auto}
.homeslider .slidebody a {color: #FFCF01; text-decoration: none}

.homeslider .views-field-edit-node {position: absolute; top: 0; left:0;}
.homeslider .views-field-edit-node a {height: 0; width: 14px; padding: 14px 0 0 0; background: url(images/editme-white.png) no-repeat center; overflow: hidden; display: block}

.homeslider .views-slideshow-controls-top {position: absolute; width: 100%; z-index: 50; top:50%; margin-top: -57px}
.homeslider .views-slideshow-controls-text-pause {display: none}
.homeslider .views-slideshow-controls-text-previous,
.homeslider .views-slideshow-controls-text-next {height: 0; overflow: hidden; display: inline-block; width: 115px; padding: 115px 0 0 0; cursor: pointer}
.homeslider .views-slideshow-controls-text-previous {position: absolute; left: 0; background: url(images/arrow-yellowL.jpg) no-repeat center; float: left}
.homeslider .views-slideshow-controls-text-next {position: absolute; right: 0; background: url(images/arrow-yellowR.jpg) no-repeat center; float: right}





/*** BREADCRUMBS ***/
#breadcrumbblock {color: #454545; font-size: 14px; text-align: left; font-family: "Open Sans"; margin-bottom: 25px}
#center #breadcrumbblock a {color: #999; text-decoration: none}
#center #breadcrumbblock a:hover {color: #495c6f}
/***/


#center {width: 970px; margin: 0 auto; text-align: left; font-size: 16px; color: #454545; background: #fff;
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ font-family: "Raleway"}

#center .field-name-body, 
#center #site-map {font-size: 16px; color: #515152; line-height: 160%}
#center h2 {color: #609732; font-size: 24px; text-transform: uppercase}
#center h3 {font-size: 18px; text-transform: uppercase}
#center a {color: #0092d0; word-wrap: break-word; word-break: break-word;}
#center a:hover {color: #e26b0b}
#center .field-name-body blockquote {background: #ddd; border-radius: 5px; margin: auto; width: auto; padding:5px 70px; position: relative; font-size: 20px; font-weight: 300}
#center .field-name-body blockquote .openquote {position: absolute; top: 15px; left:15px;}
#center .field-name-body blockquote .closequote {position: absolute; bottom: 15px; right: 15px;}

#center .field-name-body img,
#center .node img,
.node-type-sliders .field-name-field-slide-image img {max-width: 100%; width: auto; height: auto !important}
#center iframe {width: 100% !important;}

img.framed {padding: 6px; background: #fff; border-radius: 4px;
-moz-box-shadow: 0 0 2px 2px #cecece;
-webkit-box-shadow: 0 0 2px 2px #cecece;
box-shadow: 0 0 2px 2px #cecece;}

/*#center ul, 
#center ul li {list-style:disc}*/
ul.doublelist li {width: 45%; float: left}

table {max-width: 100% !important}
table.athletics,
table.staff {width: 100% !important}
table#constantcontact {width: auto !important}
tbody {border: none}
#center .regularcontent td {width: auto !important; height: auto !important; padding: 5px;}
#center .regularcontent .staff td {width: 33% !important; padding-bottom: 20px}

#center .board_meeting th {text-align: center}
#center .board_meeting td {vertical-align: top}

#center .directory td {font-size: 12px; padding: 5px}

#center .twocolumn {width: 100%}
#center .twocolumn td {width: 45%; margin: 0 2%; vertical-align: top}

.front #center {background: #fff; float: none; clear: both; margin-bottom: -25px; position: relative; z-index: 25; padding: 5px 15px}
.not-front #center {width: 940px; padding: 15px;}
.not-front.no-sidebars #center {
    width: 940px;
    margin: 0 auto;
    padding: 15px; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
    text-align: left;
    font-size: 12px;
  }

  .sidebar-first #center {
	float:left;
    width: 700px;
    margin-left: 240px; /* The width of #sidebar-first + 10px. */
    margin-right: -930px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-second #center {
	float:left; 
	background: #fff;
    width: 770px;
    padding: 0 15px;
    margin:0 -930px 15px 0; /* Negative value of #content's width + left margin. */
  }
  
  .front.sidebar-second #center {
	float:left;
    width: 330px;
    padding: 0;
    margin-left: 0;
    margin-right: -930px; /* Negative value of #content's width + left margin. */
    background: none;
    border-radius: 0;
  }

  .two-sidebars #center {
	float:left;
    width: 475px;
    margin-left: 255px; /* The width of #sidebar-first + 10px */
    margin-right: -730px; /* Negative value of #content's width + left margin. */
  }

  #content-inner {margin: 0; padding: 0;}

#sidebar-first {
    float: left;
    width: 245px;
    margin-left: 0;
    margin-right: -245px; /* Negative value of #sidebar-first's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
    margin-top: 0;
  }

#sidebar-second {
    float: left;
    width: 370px;
    margin-left: 810px; /* Width of content + sidebar-first. */
    margin-right: -930px; /* Negative value of #sidebar-second's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-second-inner. */
    margin-top: 0;
  }
#sidebar-second .block {margin-bottom: 45px}



/***** PAGE HEADERS *****/
#center h1 {font-size: 46px; font-family:'Raleway', sans-serif; color: #355c0d; margin: 0; padding: 0; font-weight: normal; line-height: 100%; text-transform: uppercase; word-wrap: break-word; word-break: break-word;}
#center h1.with-tabs {display: none}
/**/



/***** SLIDESHOW CONTROLS (generic) *****/
.views_slideshow_cycle_main {position: relative}
.views-slideshow-controls-text-pause,
.views-slideshow-controls-text-previous,
.views-slideshow-controls-text-next {height: 0; overflow: hidden; display: inline-block; width: 12px; padding: 20px 0 0 0; cursor: pointer}
.views-slideshow-controls-text-pause { background: url(images/slidearrow-genericP.png) no-repeat center; width: 11px; margin: 0 5px}
.views-slideshow-controls-text-previous { background: url(images/slidearrow-genericL.png) no-repeat center;}
.views-slideshow-controls-text-next { background: url(images/slidearrow-genericR.png) no-repeat center;}
/**/




/***** QUICKLINKS - home *****/
.front .quicklinks,
.quicklinks.greenback {background: url(images/diag-green.jpg) repeat; border-bottom: 6px solid #f5b800; padding: 40px 0 35px; clear: both; display: block}
.front .quicklinks .content ul,
.quicklinks.greenback .content ul {list-style: none; margin: 0; padding: 0; text-align: center; margin: 0 auto; width: 1200px}
.front .quicklinks .content li,
.quicklinks.greenback .content li {display: inline-block; width: 195px; height: 90px; padding: 10px 0; background: #454545; font-size: 14px; margin: 0 0 15px}
.front .quicklinks .content li a,
.quicklinks.greenback .content li a {display: block; width: 195px; padding-top: 65px; height: 45px; color: #fff; text-decoration: none}
.front .quicklinks .content li a:hover,
.quicklinks.greenback .content li a:hover {color: #f5b800} 

.quicklinks .content li a#quick-campus {background:#454545 url(images/icon-quick-map.png) no-repeat top center}
.quicklinks .content li a#quick-calendar {background:#454545 url(images/icon-quick-calendar.png) no-repeat top center}
.quicklinks .content li a#quick-admissions {background:#454545 url(images/icon-quick-admissions.png) no-repeat top center}
.quicklinks .content li a#quick-online {background:#454545 url(images/icon-quick-online.png) no-repeat top center}
.quicklinks .content li a#quick-tuition {background:#454545 url(images/icon-quick-tuition.png) no-repeat top center}
.quicklinks .content li a#quick-studentemail {background:#454545 url(images/icon-quick-emailstudents.png) no-repeat top center}
.quicklinks .content li a#quick-study {background:#454545 url(images/icon-quick-study.png) no-repeat top center}
.quicklinks .content li a#quick-jaguar {background:#454545 url(images/icon-quick-jaguar.png) no-repeat top center}
.quicklinks .content li a#quick-employees {background:#454545 url(images/icon-quick-employees.png) no-repeat top center}
.quicklinks .content li a#quick-library {background:#454545 url(images/icon-quick-library.png) no-repeat top center}
.quicklinks .content li a#quick-alumni {background:#454545 url(images/icon-quick-alumni.png) no-repeat top center}
.quicklinks .content li a#quick-bookstore {background:#454545 url(images/icon-quick-bookstore.png) no-repeat top center}
.quicklinks .content li a#quick-employeeemail {background:#454545 url(images/icon-quick-email.png) no-repeat top center}
.quicklinks .content li a#quick-blackboard {background:#454545 url(images/icon-quick-blackboard.png) no-repeat top center}
.quicklinks .content li a#quick-alert {background:#454545 url(images/icon-quick-alert.png) no-repeat top center}
.quicklinks .content li a#quick-gradcap {background:#454545 url(images/icon-quick-gradcap.png) no-repeat top center}
.quicklinks .content li a#quick-helpdesk {background:#454545 url(images/icon-quick-helpdesk.png) no-repeat top center}
.quicklinks .content li a#quick-selfserve {background:#454545 url(images/icon-quick-self-serve.png) no-repeat top center}
.quicklinks .content li a#quick-students {background:#454545 url(images/icon-quick-students.png) no-repeat top center}
.quicklinks .content li a#quick-usermgt {background:#454545 url(images/icon-quick-usermgt.png) no-repeat top center}

.quicklinks .content li a#quick-campus:hover {background:#454545 url(images/icon-quick-mapH.png) no-repeat top center}
.quicklinks .content li a#quick-calendar:hover {background:#454545 url(images/icon-quick-calendarH.png) no-repeat top center}
.quicklinks .content li a#quick-admissions:hover {background:#454545 url(images/icon-quick-admissionsH.png) no-repeat top center}
.quicklinks .content li a#quick-online:hover {background:#454545 url(images/icon-quick-onlineH.png) no-repeat top center}
.quicklinks .content li a#quick-tuition:hover {background:#454545 url(images/icon-quick-tuitionH.png) no-repeat top center}
.quicklinks .content li a#quick-studentemail:hover {background:#454545 url(images/icon-quick-emailstudentsH.png) no-repeat top center}
.quicklinks .content li a#quick-study:hover {background:#454545 url(images/icon-quick-studyH.png) no-repeat top center}
.quicklinks .content li a#quick-jaguar:hover {background:#454545 url(images/icon-quick-jaguarH.png) no-repeat top center}
.quicklinks .content li a#quick-employees:hover {background:#454545 url(images/icon-quick-employeesH.png) no-repeat top center}
.quicklinks .content li a#quick-library:hover {background:#454545 url(images/icon-quick-libraryH.png) no-repeat top center}
.quicklinks .content li a#quick-alumni:hover {background:#454545 url(images/icon-quick-alumniH.png) no-repeat top center}
.quicklinks .content li a#quick-bookstore:hover {background:#454545 url(images/icon-quick-bookstoreH.png) no-repeat top center}
.quicklinks .content li a#quick-employeeemail:hover {background:#454545 url(images/icon-quick-emailH.png) no-repeat top center}
.quicklinks .content li a#quick-blackboard:hover {background:#454545 url(images/icon-quick-blackboardH.png) no-repeat top center}
.quicklinks .content li a#quick-alert:hover {background:#454545 url(images/icon-quick-alertH.png) no-repeat top center}
.quicklinks .content li a#quick-gradcap:hover {background:#454545 url(images/icon-quick-gradcapH.png) no-repeat top center}
.quicklinks .content li a#quick-helpdesk:hover {background:#454545 url(images/icon-quick-helpdeskH.png) no-repeat top center}
.quicklinks .content li a#quick-selfserve:hover {background:#454545 url(images/icon-quick-self-serveH.png) no-repeat top center}
.quicklinks .content li a#quick-students:hover {background:#454545 url(images/icon-quick-studentsH.png) no-repeat top center}
.quicklinks .content li a#quick-usermgt:hover {background:#454545 url(images/icon-quick-usermgtH.png) no-repeat top center}
/**/

/***** QUICKLINKS - interior *****/
.not-front .quicklinks {clear: both; text-align: center; margin: 0 auto}
.not-front .quicklinks .content ul {list-style: none; padding: 0; text-align: center; margin: 0 auto; display: inline-flex; flex-wrap: wrap; justify-content: center;}
.not-front .quicklinks .content li {display: inline-block; width: 180px; height: 90px; padding: 10px 0; background: #454545; font-size: 14px; margin: 0 2px 15px}
.not-front .quicklinks .content li a {display: block; width: 180px; padding-top: 65px; height: 45px; color: #fff; text-decoration: none}
.not-front .quicklinks .content li a:hover {color: #f5b800}
/**/



/***** NEXT STEP SECTION *****/
.nextstep {width: 100%; max-width: 100%; display: block; position: relative; padding-bottom: 2px; border-bottom: 2px solid #999}
.nextstep .content {margin: 0 auto; width: 100%; font-family: Oswald; font-weight: 100; color: #454545;}
.nextstep p {margin: 0 auto; text-align:center; padding: 0; text-transform: uppercase;}
.nextstep img {max-width: 100%; height: auto; background: #000}
.nextstep p#nextstep {background: url(images/trans-graylt.png) repeat; padding: 1.5%; width: 31.25%; position: absolute; top: 30%; left: 33%; font-size: 40px; text-align: center; line-height: 40px; z-index: 50}
.nextstep p#nextstep:first-line {font-size: 60px; line-height: 65px}
.nextstep p#nextstep a {color: #454545; text-decoration: none; display: block; font-weight: 400}

.nextstep a.darken {display: inline-block; background: black; padding: 0; max-width: 100%}
.nextstep a.darken img {display: block;}
.nextstep a.darken:hover img {opacity: 0.7;}
/**/



/***** ALUMNI STORIES SLIDER CONTROLS *****/
#block-views-alumni-stories-block {width: 1200px; max-width: 100% !important; position: relative; clear: both; display: block; margin: 20px auto 0; text-align: left;}
#block-views-alumni-stories-block .view-header {text-align: center}
#block-views-alumni-stories-block h2 {font-family: Oswald; text-transform: uppercase; font-weight: normal; font-size: 50px; color: #355c0d; margin: 0; padding: 0; background: url(images/back-greenbar.png) no-repeat center}
#block-views-alumni-stories-block h3 {font-family: Raleway; text-transform: uppercase; font-weight: 300; font-size: 20px; color: #355c0d; margin: 0 0 25px; padding: 0}
#block-views-alumni-stories-block .contextual-links-wrapper {margin-top: 55px}
#block-views-alumni-stories-block .views-slideshow-cycle-main-frame-row,
#block-views-alumni-stories-block .views-slideshow-cycle-main-frame,
#block-views-alumni-stories-block .views_slideshow_cycle_slide, 
#block-views-alumni-stories-block .views_slideshow_slide {width: 100% !important; max-width: 100% !important;}
#block-views-alumni-stories-block .views-row {width: 335px; height: 330px; display: inline-block; text-align: left; background: url(images/arrow-greenDown.png) no-repeat bottom center; vertical-align: top; color: #fff; font-size: 13px; position: relative; font-family: "Raleway"; margin: 5px 30px 0}
#block-views-alumni-stories-block img.closequote {position: absolute; right: 15px; bottom: 70px}

.author-story {background: #609732; padding: 15px; height: 100%;}
.story-inner {background: #609732 url(images/quote-green-open.png) no-repeat top left; padding: 20px 55px;}
#block-views-alumni-stories-block .views-field-nothing {height: 240px;}
.story-blurb {line-height: 160%}
.story-name {font-weight: bold; margin-top: 25px;}
.story-more {position: absolute; bottom: 12px; left: 0; display: block; background: #355c0d; width: 100%; text-align: left; font-size: 20px}
.story-more a {color: #fff; text-transform: uppercase; display: block; background: #355c0d; text-decoration: none; padding: 10px 0 10px 70px; border-bottom: 4px solid #609732}
#block-views-alumni-stories-block .views-field-edit-node {position: absolute; top: 0; right:0;}
#block-views-alumni-stories-block .views-field-edit-node a {height: 0; width: 14px; padding: 14px 0 0 0; background: url(images/editme-white.png) no-repeat center; overflow: hidden; display: block}

#block-views-alumni-stories-block .views-slideshow-controls-top {position: absolute; width: 100%; z-index: 50; bottom:215px;}
#block-views-alumni-stories-block .views-slideshow-controls-text-pause {display: none}
#block-views-alumni-stories-block .views-slideshow-controls-text-previous,
#block-views-alumni-stories-block .views-slideshow-controls-text-next {height: 0; overflow: hidden; display: inline-block; width: 60px; padding: 60px 0 0 0; cursor: pointer}
#block-views-alumni-stories-block .views-slideshow-controls-text-previous {position: absolute; left: 0; background: url(images/arrow-yellowL.png) no-repeat center; float: left}
#block-views-alumni-stories-block .views-slideshow-controls-text-next {position: absolute; right: 0; background: url(images/arrow-yellowR.png) no-repeat center; float: right}



/***** ALUMNI STORIES PAGE *****/
.alumnistories .views-row {display: inline-block; vertical-align: top; margin-bottom: 30px; width: 24%; text-align: left}
.alumnistories .views-row img {height: 146px; width: 110px}
.alumnistories .views-field-field-author-details {font-style: italic; font-size: 85%}
.alumnistories .views-field-edit-node {font-size: 12px;}
.node-type-alumni-stories .field-name-field-author-details {font-style: italic}
.node-type-alumni-stories .field-name-field-author-image {float: left; margin: 20px 10px 0 0;}
.node-type-alumni-stories .field-name-field-author-image img {padding: 5px; background: #000}
/**/



/***** UPCOMING EVENTS *****/
.upcomingevents {margin: 0 auto; padding-bottom: 10px; text-align: center; background: #ddd; position: relative;}
.upcomingevents h2 {font-family: Oswald; text-transform: uppercase; font-weight: normal; font-size: 50px; color: #454545; margin: 0 0 25px; padding: 0; background: url(images/back-graybar.png) no-repeat center}

.upcomingevents .view-header {margin-top: -50px;}
.upcomingevents .view-header a {display: inline-block; background: #355c0d; text-decoration: none; color: #ddd; padding: 10px 15px; font-size: 18px;}

.upcomingevents .content {background: #a5a5a5; text-align: center; font-family: "Raleway"; padding: 30px 0; margin: 0 auto; font-size: 0}
.upcomingevents .views-slideshow-cycle-main-frame {margin: 30px auto 10px !important;}
.upcomingevents .view-upcoming-events {width: 1200px; margin: 0 auto; position: relative}
.upcomingevents .views-row {text-align: left; background: #fff; display: inline-block; width: 240px; height: 180px; vertical-align: top; padding: 15px; margin: 0 5px; font-size: 0; position: relative}
.upcomingevents .views-field-field-event-date {color: #355c0d; font-size: 24px;}
.upcomingevents .eventdate {font-size: 24px}
.upcomingevents .views-field-field-event-date a {color: #355c0d; text-decoration: none}
.upcomingevents .views-field-body,
.upcomingevents .eventblurb {font-size: 14px; line-height: 150%}
.upcomingevents .views-field-title,
.upcomingevents .eventtitle {font-size: 18px; line-height: 120%; text-transform: uppercase}
.upcomingevents .views-field-title a {color: #355c0d; text-decoration: none}
.upcomingevents .eventdetails {display: block}
.upcomingevents .eventdetails a {color: #355c0d; text-decoration: none; display: block}
.upcomingevents .eventdetails a .eventblurb {color: #494949}
.upcomingevents .views-field-title a:hover,
.upcomingevents .views-field-field-event-date a:hover,
.upcomingevents .view-header a:hover,
.upcomingevents .eventdetails a:hover,
.upcomingevents .eventdetails a:hover .eventblurb {color: #f5b800}


.upcomingevents .views-slideshow-controls-top {position: absolute; width: 100%; z-index: 50; bottom:140px;}
.upcomingevents .views-slideshow-controls-text-pause {display: none}
.upcomingevents .views-slideshow-controls-text-previous,
.upcomingevents .views-slideshow-controls-text-next {height: 0; overflow: hidden; display: inline-block; width: 60px; padding: 60px 0 0 0; cursor: pointer}
.upcomingevents .views-slideshow-controls-text-previous {position: absolute; left: -5px; background: url(images/arrow-greenL.png) no-repeat center; float: left}
.upcomingevents .views-slideshow-controls-text-next {position: absolute; right: -5px; background: url(images/arrow-greenR.png) no-repeat center; float: right}

.upcomingeventspage .views-field-edit-node,
.upcomingevents .views-field-edit-node {position: absolute; top: 0; right:0;}
.upcomingeventspage .views-field-edit-node a,
.upcomingevents .views-field-edit-node a {height: 0; width: 14px; padding: 14px 0 0 0; background: url(images/editme-white.png) no-repeat center; overflow: hidden; display: block}
.upcomingevents .views-field-edit-node a {background: url(images/editme-green.png) no-repeat center;}


#center .upcomingeventspage {margin-top: 25px; font-size: 0; text-align: center}
#center .upcomingeventspage .contextual-links {font-size: 12px;}
#center .upcomingeventspage .views-row {text-align: left; background: #ccc; display: inline-block; width: 20%; height: 180px; vertical-align: top; padding: 15px; margin: 0 5px 15px; font-size: 0; position: relative}
#center .upcomingeventspage .views-field-field-event-date {color: #355c0d; font-size: 24px;}
#center .upcomingeventspage .eventdate {font-size: 24px}
#center .upcomingeventspage .views-field-field-event-date a {color: #355c0d; text-decoration: none}
#center .upcomingeventspage .views-field-body,
#center .upcomingeventspage .eventblurb {font-size: 12px; line-height: 150%}
#center .upcomingeventspage .views-field-title,
#center .upcomingeventspage .eventtitle {font-size: 16px; line-height: 120%; text-transform: uppercase}
#center .upcomingeventspage .views-field-title a {color: #355c0d; text-decoration: none}
#center .upcomingeventspage .eventdetails {display: block}
#center .upcomingeventspage .eventdetails a {color: #355c0d; text-decoration: none; display: block}
#center .upcomingeventspage .eventdetails a .eventblurb {color: #494949}
#center .upcomingeventspage .views-field-title a:hover,
#center .upcomingeventspage .views-field-field-event-date a:hover,
#center .upcomingeventspage .eventdetails a:hover,
#center .upcomingeventspage .eventdetails a:hover .eventblurb {color: #609732}
/**/






/************ FORM ************/
.quickformbox,
.webform-client-form {text-align: center; margin: 25px auto 0; font-family: Raleway}
.quickformbox form,
.front .quickformbox .content {background: #355c0d;}

.webform-client-form fieldset {border: 1px solid #999; margin-bottom: 55px;}
.webform-client-form legend {font-size:22px}

.front .quickformbox .webform-component--request-info,
.not-front .quickformbox .webform-component--request-information {display: none}

.quickformbox .form-item.webform-component--request-info,
.quickformbox .form-item.webform-component--request-information {background: #437a26; padding-bottom: 15px; margin-bottom: 40px; position: relative}
.quickformbox .webform-component--request-info img.arrowdown,
.quickformbox .webform-component--request-information img.arrowdown {position: absolute; bottom: -12px; left: 50%; margin-left: -58px}
.quickformbox .webform-component--request-info h2,
.quickformbox .webform-component--request-information h2 {margin: -10px auto 0; padding:15px 0 0; color: #FFFFFF; font-family: Oswald; font-size: 45px; font-weight: normal; text-transform: uppercase; width: 80%; background: #437a26}
.quickformbox .webform-component--request-information h2 {margin:0 auto; padding: 5px 0 0; background:#437a26 url(images/back-whitebar.png) no-repeat center}
.quickformbox .webform-component--request-info p,
.quickformbox .webform-component--request-information p {margin: 0; padding: 0; text-transform: uppercase; color: #FFFFFF; font-family: Raleway; font-size: 18px; font-weight: 300}

.quickformbox form, .quickformbox form *, .quickformbox form *:before, .quickformbox form *:after, 
.webform-client-form *, .webform-client-form *:before, .webform-client-form *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.quickformbox form p.express-consent {font-size: 12px; font-weight: 100; color: #FFFFFF; text-align: center; margin: 5px 0; padding: 0;}
.webform-client-form p.express-consent {font-size: 12px; font-weight: 300; color: #000; text-align: center; margin: 5px 0; padding: 0; clear: both;}

.quickformbox form .form-item,
.webform-client-form .form-item {float: none; display: inline-block; padding-top: 0; padding-bottom: 0; margin-bottom: 12px; width:44.5%; position: relative; margin-top: 0; vertical-align: top}
.quickformbox .webform-client-form .form-item.webform-component--email {width: 90%}
.webform-client-form .form-item.webform-component--express-consent {width: 85%}
.front .webform-client-form .form-item.webform-component--express-consent {width: 55%}

.webform-client-form .form-item.webform-component--date .form-item {width: 30%; float: left}
.webform-client-form .form-item.webform-component--date input.webform-calendar {float: right}
.webform-client-form .form-item.webform-component--date .form-item:first-of-type {clear: both}

.webform-client-form .form-item.webform-component--webform_time .form-item {width: 30%; float: left}
.webform-client-form .form-item.webform-component--webform_time .form-item.form-item-submitted-time-of-loss-ampm,
.webform-client-form .form-item.webform-component--webform_time .form-item.form-item-submitted-time-of-occurence-ampm {width: 65px;}
.webform-client-form .form-item.webform-component--webform_time .form-item:first-of-type {clear: both}
.webform-client-form .form-item.webform-component--webform_time #edit-submitted-time-of-loss-ampm,
.webform-client-form .form-item.webform-component--webform_time #edit-submitted-time-of-occurence-ampm {float: right}


.webform-client-form .webform-component--persons-involved-in-incident .form-item.webform-component--textfield,
.webform-client-form .webform-component--actions-taken .form-item.webform-component--textfield {width: 30%}
.webform-client-form .form-item.webform-component--checkboxes {width: 50%; float: none; clear: both; margin-bottom: 45px}
#node-149 .webform-client-form .form-item.webform-component--radios .form-radios .form-item,
#node-149 .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item {clear:both; display: block; float: right; width: 40%; margin-bottom: 0}
#node-149 .webform-client-form .form-required {color: #fff}

#node-149 .webform-client-form .form-item.webform-component--radios,
#node-149 .webform-client-form .form-item.webform-component--checkboxes {width: 30%; float: none; clear: both; margin:20px 50px}
#node-149 .webform-client-form .form-item.webform-component--radios .form-radios .form-item,
#node-149 .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item {clear:both; display: block; float: right; width: 100%; margin-bottom: 0}

#node-149 .webform-client-form .form-item.webform-component--radios .form-radios .form-item .error,
#node-149 .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item .error {bottom: 18px; right: auto; left: -35px;}
#node-149 .webform-client-form .form-item.webform-component--radios .form-radios .form-item input,
#node-149 .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item input,
#node-149 .webform-client-form .form-item.webform-component--radios .form-radios .form-item .error,
#node-149 .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item .error {border: 2px solid #fff;}

#node-149 .webform-client-form .form-item.webform-component--radios > label,
#node-149 .webform-client-form .form-item.webform-component--checkboxes > label {font-size: 18px}
#node-149 .webform-client-form .form-item.webform-component--radios .form-radios label,
#node-149 .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes label {font-weight: normal}

#node-149 .webform-client-form .form-item.webform-component--radios .form-radios .form-item input,
.webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item input {float: le}


.quickformbox form .form-item.webform-component--select,
.webform-client-form .form-item .selectbox {border-radius: 5px; overflow: hidden; background: #fff url(images/select-down-arrow.png) right center no-repeat;}

/*.quickformbox form .form-item.webform-component--email,*/
.quickformbox form .form-item.webform-component--request-info,
.quickformbox form .form-item.webform-component--request-information {width: 100%}
.quickformbox form .form-item.webform-component--program-of-interest,
.quickformbox form .form-item.webform-component--grad-year,
.quickformbox form .form-item.webform-component--danville-interests,

.quickformbox form .form-item.webform-component--express-consent {float: none; clear: both; width: 90%; margin:0 auto 12px; display: inline-block}
.quickformbox form .form-item.webform-component--danville-interests {width: 100%; margin-top: 10px}


.front .quickformbox form .form-item.webform-component--program-of-interest,
.front .quickformbox form .form-item.webform-component--grad-year,
.front .quickformbox form .form-item.webform-component--email,
.front .quickformbox form .form-item.webform-component--firstname,
.front .quickformbox form .form-item.webform-component--lastname,
.front .quickformbox form .form-item.webform-component--address,
.front .quickformbox form .form-item.webform-component--city,
.front .quickformbox form .form-item.webform-component--email {float: none; clear: both; width: 285px; margin:0 5px 12px; display: inline-block}
.front .quickformbox form .form-item.webform-component--zip,
.front .quickformbox form .form-item.webform-component--phone {float: left; width: 137px; margin:0 5px 12px; display: inline-block}
.front .quickformbox form .form-item.webform-component--zip {margin-left: 10px}
/*.front .quickformbox form .form-item.webform-component--email {display: block; width: 580px; margin: 0 auto 12px;}*/


.front .formcontain,
.front .quickformbox form .form-item.webform-component--express-consent {width: 600px; margin: 0 auto; }
.front .quickformbox form .form-item.webform-component--danville-interests {width: 600px; margin: 0 auto 25px; clear: both; display: block; padding: 25px 0}
.front .quickformbox form .form-item.webform-component--express-consent {margin-bottom: 25px}


/* Change these numbers to get the correct space inbetween your split row form fields, then set the padding on #form-fields to get the distance on the edges*/
#quick-form .form-row, 
#quick-form .form-row div.split-form-row,
#full-form .form-row, 
#full-form .form-row div.split-form-row {padding-left: 3px; padding-right: 3px;}
#quick-form .form-row.form-row-double,
#full-form .form-row.form-row-double {padding-right: 0px; padding-left: 0px;}
#quick-form .form-row div.split-form-row,
#full-form .form-row div.split-form-row {float: left; width: 50%; padding-top: 0; padding-bottom: 0; position: relative;}

.quickformbox form .divide {background-color: #CFCFCF; clear: both; height: 1px; margin: 15px 0 0 0; width: 465px;}

/************ FORM STYLES ************/
.quickformbox form br,
.webform-client-form br {clear: both;}

.quickformbox form input[type=text], .quickformbox form input[type=email], .quickformbox form select, .quickformbox form textarea, .quickformbox form input[type=tel],
.webform-client-form input[type=text], .webform-client-form input[type=email], .webform-client-form .selectbox, .webform-client-form textarea, .webform-client-form input[type=tel] {clear: both; float: left; border:0px; background: #fff; resize:none; font: 400 15px 'ralewayregular','Helvetica', arial, sans-serif; color: #62655C; width: 100%; margin: 0;}

/** LABELS **/
.webform-client-form label {color: #fff; display: block; float: left; font: bold 13px/15px 'Arial',sans-serif; margin: 0; padding: 0 0 3px; text-align: left;}
.quickformbox .webform-client-form label {color: #fff; display: inline-block; float: none; font: bold 13px/15px 'Arial',sans-serif; margin: 0; padding: 0 0 3px; text-align: left;}
.webform-client-form label {color: #1e1e1e; font: bold 15px/17px 'Arial',sans-serif;}
.quickformbox form .error,
.webform-client-form .error {color: #62655C}
.quickformbox form label.error,
.webform-client-form label.error {color: #fff; font: bold italic 18px/14px 'Helvetica', arial, sans-serif; margin: 0; padding: 7px 0; width: auto; clear:both; width:auto; min-width: 27px; background: #a60623; position: absolute; bottom: 5px; right: 6px; text-align: center;}
/*.front .webform-client-form .webform-component--email label.error {bottom: -33px}*/

/** INPUTS **/
.quickformbox form input[type=text],
.quickformbox form input[type=email],
.webform-client-form input[type=text],
.webform-client-form input[type=email] {padding: 10px 15px; border-radius: 5px}



.form-radios .form-item,
.form-checkboxes .form-item {text-align: left; width: 80%; margin: 0 auto}
.form-radios input[type=radio], .form-radios input[type=checkbox] {display: inline-block}
.quickformbox form .form-radios .form-item, 
.webform-client-form .form-radios .form-item,
.quickformbox form .form-checkboxes .form-item, 
.webform-client-form .form-checkboxes .form-item,
.quickformbox .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item {float: right; clear: right; display: inline-block; width: 64.5%;}
.quickformbox .webform-client-form .form-item.webform-component--checkboxes > label {display: block; margin-left: 20px; font-size: 16px;}
.quickformbox .webform-client-form .form-item.webform-component--checkboxes .form-checkboxes .form-item input {float: none}


/** SELECT BOXES **/
.quickformbox form select,
.webform-client-form select {padding: 10px 11px; position: inherit; min-width: 97%; -webkit-appearance: none; border-radius: 5px; width: 120%; background: none; border: none; font: 400 15px 'ralewayregular','Helvetica', arial, sans-serif;}
.quickformbox form select.error,
.webform-client-form select.error {border: none}

.webform-client-form input[type=text],
.webform-client-form input[type=email],
.webform-client-form .selectbox,
.webform-client-form textarea {border: 1px solid #999; border-radius: 5px; resize: none;}
.resizable-textarea .grippie {clear: both;}

/** NO BORDER ON FOCUS **/
.quickformbox form input.form-submit:focus, 
input#submit.sffocus,
.webform-client-form input#submit.sffocus {border: none;}

/** FORM BUTTONS **/
.quickformbox form .form-actions {background: #437a26; margin: 40px auto 0; padding-bottom: 30px}
.webform-client-form .form-actions {margin: 60px auto 0; padding-bottom: 0}
.quickformbox form .form-submit,
.webform-client-form .form-submit {float: none; height: auto; margin: -40px auto 15px; border:0px; background: #f5b800; padding: 15px 33px; font-size: 36px; font-weight: 100; color: #355c0d; cursor: pointer; -webkit-appearance: none; border-radius: 5px; font-family: Oswald; text-transform: uppercase}
.quickformbox form .clear,
.webform-client-form .clear {clear: both;}
/**/


.auto-style1 {width: 100%;}
.auto-style1 td {width: auto !important; height: auto !important}


img.greenbar {position: absolute !important; top: -5px !important; left: 50% !important; margin-left: -150px !important; z-index: 50}


.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}




#npc {margin: 0 auto; width:}
#npc img {max-width: 100%}
#npc,
#npc input {font-family:Arial; font-size:13px;}
#npc label {display: inline-block}
#npc table {border-collapse: separate !important;}
#npc table td.thecenter {width: 94.2%}
#npc .formtable td {padding-bottom:15px;}
#npc .disclaimer {margin-top:0px; margin-right:8px; margin-bottom: 20px; /*width:220px;*/ font-family:Arial; font-weight:normal; font-size:11px; text-align:left;}
#npc .summarytable td {border-bottom:solid 1px #c7ddea; padding: 6px 1px 7px 4px;}
#npc .boldtd {font-weight:bold; font-family: Arial; font-size:12px; color:#336699; width:150px;}
#npc .title1 {color:#369; font-family:Arial; font-size:12px; font-weight:bold;}
#npc .title2 {color:#333; font-family:Arial; font-size:13px;font-weight:bold;}





/*** FOOTER SECTION ***/
#footer {padding:25px 0; margin: 0 auto 0; clear: both; color: #fff; background: #222;}
#footer-top {background: #3f3f3f; margin: 0 auto; text-align: center; position: relative}
#footer-mid {background: #222; padding: 40px 0 20px; text-align: center; margin: 0 auto; /*display: none*/}
#footer-bottom {margin: 0 auto; text-align: center}
#foothide {display: none}
a.footershowhide {background: #999; color: #ddd; padding: 5px 15px; display: inline-block; font-size: 18px; font-family: "Raleway"; margin-top: 20px; cursor: pointer}

/***** FOOTER ADDRESS SECTION *****/
#block-block-3 {width: 455px; text-align: center; display: inline-block; vertical-align: top}
#block-block-3 img {max-width: 85%; height: auto}
#block-block-3 .content ul {list-style: none; margin:30px 0; padding: 0; text-align: center; display: inline-block}
#block-block-3 .content li {display: inline-block; vertical-align: middle; width: auto;}
#block-block-3 .content li.detailetitle {text-align: right}
#block-block-3 .content li.detailvalue {text-align: right;}
#block-block-3 .content li.phone {margin-left: 25px}
#block-block-3 em {color: #fff; font-size: 12px; text-align: right; font-style: normal; border-right: 1px solid #3e3e3e; display: inline-block; padding-right: 10px;}
#block-block-3 strong {font-size: 18px; font-family: Oswald; color: #fff; margin-left: 10px; line-height: 100%; font-weight: 100; text-align: left}
#block-block-3 img {margin:0 5px; vertical-align: middle}
#block-block-3 p {margin: 0 0 40px; padding: 0; text-align: center; font-size: 12px; display: block}
#block-block-3 p a {color: #fff; text-decoration: none}
/**/

/***** FOOTER NAVIGATION *****/
#block-block-14 {width: 690px; display: inline-block; vertical-align: top; text-align: left}
#block-block-14 #footnav {width: 100%;}
#block-block-14 #footnav td {width: 215px; padding-right: 15px;}
#block-block-14 #footnav p,
#block-block-14 #footnav p a {color: #fff; font-size: 14px; margin: 0; padding: 0; text-decoration: none}
#block-block-14 #footnav ul {margin: 0 0 15px; padding: 0; list-style: none}
#block-block-14 #footnav li,
#block-block-14 #footnav li a {font-size: 12px; color: #ddd; text-decoration: none}
/**/


/***** FOOTER SOCIAL *****/
#block-block-15 {padding: 15px 0; position: relative;}
#block-block-15 p {margin: 0; padding: 0;}
#block-block-15 p a {color: #fff; height: 30px; width: 33px; display: inline-block; overflow: hidden; overflow-x: hidden; overflow-y: hidden; text-decoration: none; text-indent: 100%; white-space: nowrap; margin: 0 15px}
#block-block-15 p a#icon-fb {background: url(images/icon-fb-gray.png) no-repeat center}
#block-block-15 p a#icon-yt {background: url(images/icon-yt-gray.png) no-repeat center}
#block-block-15 p a#icon-tum {background: url(images/icon-tumblr-gray.png) no-repeat center}
#block-block-15 p a#icon-li {background: url(images/icon-li-gray.png) no-repeat center}
#block-block-15 img.graybar {position: absolute; top: -4px; left: 50%; margin-left: -160px;}
#block-block-15 img.grayarrow {position: absolute; bottom: -12px; left: 50%; margin-left: -55px; z-index: 2}
#block-block-15 img.dividegray {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; z-index: 1}
/**/

#block-block-14 #footnav li a:hover,
#block-block-14 #footnav p a:hover,
#block-block-3 p a:hover {color: #f5b800}
/**********/



#site-map .site-map-box {width: 45%; display: inline-block; vertical-align: top; margin: 0 2% 1em; text-align: left;}



/*** general items ***/
/*.page-sitemap .site-map-menus h2 {display: none}*/
.page-sitemap .site-map-menus .site-map-menu li a.removelink {text-decoration: none;}
.page-sitemap #center-contain .site-map-menus .site-map-menu li a.removelink:hover {cursor:text; color: #47675e}
#block-nice-menus-1 ul.nice-menu-down li a.removelink:hover {cursor: default}

.search-result {margin-bottom: 10px; padding-bottom: 10px}
p.search-info {display: none}

#comments {max-width: 100%}
#comments input {max-width: 95%}

.fill, .clear {clear:both}

.rtejustify {text-align: justify}
.rtecenter {text-align: center;}
/***/








/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
/******************** BEGIN RESPONSIVE STYLINGS ********************/
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/******************** large tablets horizontal *********************/
/*******************************************************************/
@media only screen and (max-width:1060px){
	
	#top-inner,
	#header-inner,
	#block-nice-menus-1, 
	#block-superfish-1,
	.region-footer,
	#block-tb-megamenu-main-menu,
	#block-views-alumni-stories-block,
	.upcomingevents .view-upcoming-events,
	.front .quicklinks .content ul,
	.quicklinks.greenback .content ul,
	.homeslider {width: 100%; margin: 0 auto}
	
	#center-contain-inner {width: 98%; padding: 10px 0;}
	#center {width: 98%;}
	
	.sidebar-second #center {width: 585px; padding: 15px;}
	#sidebar-second {margin-left: 630px;}
	
	#block-superfish-1 ul#superfish-1 li,
	#menubar li {border:none; background: none; font-size: 14px; background: url(images/nav-separator.png) no-repeat right center}
	#block-superfish-1 ul#superfish-1 li li,
	#menubar li li {width:100%; font-size: 12px; text-align: left; border: none; text-transform: none; background: none}
	#block-superfish-1 ul#superfish-1 li li a,
	#menubar li li a {border: none}
	#block-superfish-1 ul#superfish-1 li a,
	#menubar li a,
	.tb-megamenu .nav > li > a {color: #ececec; padding:12px 13px 12px 12px; text-decoration: none; display: inline-block; margin: 0px 5px 0 8px; position: relative; border: none}
	.nav-admissions .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -140px;}
	.nav-students .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -200px;}
	.nav-business .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -400px;}
	.nav-foundation .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -600px;}
	.nav-athletics .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {margin-left: -700px;}
	#block-superfish-1 ul#superfish-1 li li li a, 
	#menubar li li li a {font-size: 12px;}
	
	#block-views-alumni-stories-block .views-row {width: 315px; height: 350px; margin: 5px 0px 0}
	#block-views-alumni-stories-block .views-field-nothing {height: 260px;}
	
	
	.upcomingevents .view-upcoming-events {width: 100%; margin: 0 auto; position: relative;}
	.upcomingevents .view-upcoming-events .view-content {width: 100%; margin: 0 auto; position: relative; overflow: hidden}
	.upcomingevents .views-row {width: 190px; height: 180px; padding: 15px;}
	.upcomingevents .views-field-field-event-date {font-size: 20px;}
	.upcomingevents .eventdate {font-size: 20px}
	.upcomingevents .views-field-body,
	.upcomingevents .eventblurb {font-size: 12px;}
	.upcomingevents .views-field-title,
	.upcomingevents .eventtitle {font-size: 14px;}
	.upcomingevents .views-slideshow-controls-text-previous {left: 5px;}
	.upcomingevents .views-slideshow-controls-text-next {right: 5px;}
		
	
	/*** LOGO ***/
	#block-block-9 {width: 45%; margin-left: 10px}
	/**/
	/*** PHONE NUMBER ***/
	#block-block-10 {width: 50%; margin-top: 10px; margin-right: 10px}
	/**/
	
	
	.homeslider .slidetext {position: absolute; top: 40%; left: 85px; width: 75%}
	.homeslider .slidetitle {font-size: 28px;}
	.homeslider .slidebody {font-size: 20px;}
	.homeslider .views-slideshow-controls-top {margin-top: -55px}
	.homeslider .views-slideshow-controls-text-previous,
	.homeslider .views-slideshow-controls-text-next {height: 0; overflow: hidden; display: inline-block; width: 75px; padding: 75px 0 0 0; cursor: pointer}
	.homeslider .views-slideshow-controls-text-previous {background-size: cover}
	.homeslider .views-slideshow-controls-text-next {background-size: cover}
	
	.nextstep p#nextstep {width: 35.25%; top: 25%; left: 31%;}
	
	#block-block-3 {width: 305px;}
	#block-block-3 .content ul#danvillestreet {margin-bottom: 10px;}
	#block-block-3 .content ul#danvillephone {margin-top: 0;}
	
	
	#node-149 .webform-client-form .form-item.webform-component--radios,
	#node-149 .webform-client-form .form-item.webform-component--checkboxes,
	.webform-client-form .form-item.webform-component--express-consent {width: 75%;}
	
	#center .regularcontent .staff td {width: 45% !important; padding-bottom: 20px}
	
	#block-views-alumni-stories-block {text-align: center}
	
}




/*******************************************************************/
/********************** large tablets portrait *********************/
/********************* small tablets horizontal ********************/
/*******************************************************************/
@media only screen and (max-width:820px){

	/*** CENTER WIDTH CONTROLS ***/
	#top-inner,
	#block-nice-menus-1, 
	#block-superfish-1,
	.region-footer,
	#center,
	.not-front.no-sidebars #center {width: 720px;}
	#block-views-alumni-stories-block .views-field-nothing,
	#block-views-alumni-stories-block .views-slideshow-controls-bottom {width: 100%; margin: 0 auto; padding: 0;}
	/**/
	
	#content-top,
	.not-front #content-top {margin-bottom: 0; background: #999}
	
	#center-contain-inner {width: 96%; padding: 10px 1%;}
	#center,
	.front #center {width: 96%; padding: 5px 0; width: 100%}
	.front #breadcrumbblock {display: none}
	
	.sidebar-second #center {width: 440px; padding: 15px;}
	#sidebar-second {width: 285px; margin-left: 490px;}	
	
	#block-block-9 {width: 45%}
	#block-block-10 {margin-top:15px; width: 50%;}
	#block-block-10 img {width: 45px; height: 45px;}
	#block-block-10 strong {font-size: 26px;}
	#block-block-10 em {font-size: 12px;}
	
	.upcomingevents .views-row {width: 125px; height: 180px; padding: 15px;}
	.upcomingevents .views-field-title,
	.upcomingevents .eventtitle {font-size: 12px;}
	.upcomingevents .views-field-body,
	.upcomingevents .eventblurb {font-size: 11px;}
	
	
	.homeslider .slidetext {position: relative; top: auto; left: auto; width: 85%;}
	.homeslider .slidetitle {margin-left: 15px}
	.homeslider .slidebody {margin-left: 10px}
	
	
	#block-views-alumni-stories-block .views-row {width: 235px; height: 380px; margin: 5px 0px 0}
	#block-views-alumni-stories-block .views-field-nothing {height: 290px;}
	.story-inner {padding: 0 30px 20px 50px;}
	img.greenbar {margin-left: -115px !important; width: 230px; height: 5px;}
	
	#site-map .site-map-box {width: 95%; display: inline-block; vertical-align: top; margin: 0 2% 1em; text-align: left;}
	
	.nextstep p#nextstep {width: 45.25%; top: 20%; left: 25.5%; font-size: 30px;}
	.nextstep p#nextstep:first-line {font-size: 50px; line-height: 55px}
	
	.front .quicklinks .content li,
	.quicklinks.greenback .content li,
	.not-front .quicklinks .content li {display: inline-block; width: 45%; height: auto; vertical-align: top; font-size: 13px;}
	.front .quicklinks .content li a,
	.quicklinks.greenback .content li a,
	.not-front .quicklinks .content li a {display: block; width: auto; height: auto;}
	
	#block-block-3 {width: 445px;}
	
	.tb-megamenu .btn-navbar,
	.tb-megamenu .btn-navbar:hover {float: none; padding: 26px 0 0 0; height: 0; overflow: hidden; margin: 2px auto 0; color: #FFF; text-shadow: none; background-color: transparent; box-shadow: none; background: url(images/danville-mobile.png) no-repeat center; width: 44px; outline: none}
	
	.tb-megamenu .nav-collapse .nav > li > a:hover,
	.tb-megamenu .nav-collapse .nav > li > a:focus {background-color: transparent; background-image: none; filter: none; color: #e54e4b; outline: none}
	.tb-megamenu .nav-collapse .nav > li.active > a:hover,
	.tb-megamenu .nav-collapse .nav > li.active > a:focus {background-color: transparent;}
	.tb-megamenu .nav-collapse .dropdown-menu a:hover,
	.tb-megamenu .nav-collapse .dropdown-menu a:focus {background-color: inherit;
    background-image: none; filter: none; outline: none}
    
    .tb-megamenu .nav > li > a:focus,
	.tb-megamenu .nav > li > a:hover {background-color: #fff; color: #e54e4b; text-decoration: none; text-shadow: none; outline: none;}
	.tb-megamenu .nav > .active > a,
	.tb-megamenu .nav > .active > a:hover,
	.tb-megamenu .nav > .active > a:focus {background-color: transparent; color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none;}
	.tb-megamenu .btn-navbar:hover,
	.tb-megamenu .btn-navbar:focus,
	.tb-megamenu .btn-navbar:active,
	.tb-megamenu .btn-navbar.active,
	.tb-megamenu .btn-navbar.disabled,
	.tb-megamenu .btn-navbar[disabled] {color: #fff; background-color: transparent; *background-color: transparent; outline: none}
	.tb-megamenu .btn {border: none; outline: none}
	
	.mega-dropdown-inner {margin-top:-10px}
	.tb-megamenu .row-fluid [class*="span"] {width: 360px !important; min-width: 360px !important; left: auto !important; display: inline;}
	.tb-megamenu .row-fluid [class*="menubuttons"] {width: 310px !important; display: none}
	
	#block-superfish-1 ul#superfish-1 li, #menubar li {border: none; background: none; float: left; width: 25%; margin: 0; /* padding: 5px; */ text-align: center;}
	.tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {position: absolute; z-index: 100; left: 0 !important}
	#block-superfish-1 ul#superfish-1 li a, 
	#menubar li a, .tb-megamenu .nav > li > a {font-size: 14px;}
	.tb-megamenu .dropdown {position: initial;}
	.tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {width: 100% !important; background: none; margin-top: 10px;}
	.tb-megamenu .nav-collapse .nav > li > a,
	.tb-megamenu .nav li.dropdown.active > .dropdown-toggle {border-bottom-color: transparent}
	
	/***** ALUMNI STORIES PAGE *****/
	.alumnistories .views-row {width: 30%}
	
	
	#center .upcomingeventspage .views-row {text-align: left; background: #ccc; display: inline-block; width: 20%; height: 210px; vertical-align: top; padding: 10px; margin: 0 5px 15px; font-size: 0; position: relative}
	#center .upcomingeventspage .views-field-field-event-date {color: #355c0d; font-size: 20px;}
	#center .upcomingeventspage .eventdate {font-size: 20px}
			
}



@media only screen and (max-width:780px){
	
	#top-inner,
	#block-nice-menus-1, 
	#block-superfish-1,
	.region-footer,
	#center {width: 98%;}
	.not-front.no-sidebars #center {width: 98%; margin: 0 auto; padding: 0;}
	
	.sidebar-second #center {width: 98%; margin: 10px auto 25px; padding: 15px 0; float: none; clear: both}
	#sidebar-second {width: 96%; margin:0 auto 25px; float: none; clear: both}
	/*.sidebar-second #center {width: 400px; padding: 15px;}
	#sidebar-second {width: 285px; margin-left: 450px;}*/
	
	#menubar ul {text-align: center}
	#block-superfish-1 ul#superfish-1 li, 
	#menubar li {border: none; background: none; float: none; display: inline-block; width: 45%; margin: 0; /* padding: 5px; */ text-align: center;}
	
	#node-149 .webform-client-form .form-item.webform-component--radios,
	#node-149 .webform-client-form .form-item.webform-component--checkboxes {width: 30%}
	.webform-client-form .form-item.webform-component--express-consent {width: 75%;}
	
	#center .regularcontent .staff td {width: 33% !important; padding-bottom: 20px}
	
}



/*******************************************************************/
/********************** small tablets portrait *********************/
/********************** large mobile horizontal ********************/
/*******************************************************************/
@media only screen and (max-width:620px){
	
	/*** CENTER WIDTH CONTROLS ***/
	#top-inner,
	#block-nice-menus-1, 
	#block-superfish-1,
	.region-footer,
	#center {width: 98%;}
	.not-front.no-sidebars #center {margin: 0 auto; padding: 0; width: 98%}
	#block-views-alumni-stories-block .views-field-nothing,
	#block-views-alumni-stories-block .views-slideshow-controls-bottom {width: 100%; margin: 0 auto; padding: 0;}
	/**/
	
	
	#block-block-10 {margin-top:-12px;}
	
	.sidebar-second #center {width: 98%; margin: 10px auto 25px; padding: 15px 0; float: none; clear: both}
	#sidebar-second {width: 96%; margin:0 auto 25px; float: none; clear: both}	
	
	.upcomingevents .views-row {width: 165px; height: 180px; padding: 15px; margin-bottom: 15px}
	.upcomingevents .views-slideshow-controls-top {position: absolute; width: 100%; z-index: 50; bottom:50%;}
	
	.homeslider .slidetitle {font-size: 16px}
	.homeslider .slidebody {font-size: 12px}
	
	.masthead-home {float: right; margin: 0 0 15px 15px; width: 45%;}
	.masthead-home img {max-width: 100%; height: auto}
	
	.tb-megamenu .row-fluid [class*="span"] {width: 260px !important; min-width: 260px !important; left: auto !important; display: inline;}
	.tb-megamenu .row-fluid [class*="menubuttons"] {display: none}
	
	.nextstep p#nextstep {width: 75.25%; top: 12%; left: 10.5%; font-size: 30px;}
	.nextstep p#nextstep:first-line {font-size: 50px; line-height: 55px}
	
	
	#block-block-14 {width: 96%; text-align: center}
	#block-block-14 #footnav td {width: 30%; padding-right: 15px; text-align: left}
	
	.alumnistories {margin: 0 auto; text-align: center}
	
	#node-149 .webform-client-form .form-item.webform-component--radios,
	#node-149 .webform-client-form .form-item.webform-component--checkboxes,
	.webform-client-form .form-item.webform-component--express-consent {width: 75%;}
	
	#center .regularcontent .staff td {width: 45% !important; padding-bottom: 20px}
	
	#center .upcomingeventspage .views-row {text-align: left; background: #ccc; display: inline-block; width: 40%; height: 135px; vertical-align: top; padding: 10px; margin: 0 5px 15px; font-size: 0; position: relative}
	#center .upcomingeventspage .views-field-field-event-date {color: #355c0d; font-size: 20px;}
	#center .upcomingeventspage .eventdate {font-size: 20px}

}



/*******************************************************************/
/********************** large mobile portrait **********************/
/********************** small mobile landscape *********************/
/*******************************************************************/
@media only screen and (max-width:580px){
	
	#block-block-8 {display: block; clear: both; text-align: center}
	#block-block-8 .content ul {text-align: center}
	#block-block-8 .content li.first {display: inline; margin: 0px 5px 0 0;}
	
	#block-search-form {float: none; margin: 0px auto;}
	
	#header-inner {background:#609732 url(images/back-header.jpg) no-repeat top right; padding: 20px 0; position: relative; z-index: 100}
	#block-block-9,
	#block-block-10 {margin: 0 auto; display: block; float: none; clear: both; width: 80%; text-align: center}
		
	.tb-megamenu .nav-collapse .nav > li > a:hover,
	.tb-megamenu .nav-collapse .nav > li > a:focus {background-color: transparent; background-image: none; filter: none; color: #e54e4b;}
	.tb-megamenu .nav-collapse .nav > li.active > a:hover,
	.tb-megamenu .nav-collapse .nav > li.active > a:focus {background-color: transparent;}
	.tb-megamenu .nav-collapse .dropdown-menu a:hover,
	.tb-megamenu .nav-collapse .dropdown-menu a:focus {background-color: inherit;
    background-image: none; filter: none;}
    .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {position: relative; z-index: 100; left: 0 !important}
    #block-superfish-1 ul#superfish-1 li, #menubar li {float: none; width: 95%;}
	.tb-megamenu .row-fluid [class*="span"] {width: 100% !important; min-width: 100% !important; display: block;}
	.tb-megamenu .row-fluid [class*="menubuttons"] {display: none}
	/*.tb-megamenu .mega-inner {padding: 10px 20px 0;}*/
    
    .masthead-home {display: none}
    
    .front .formcontain, 
    .front .quickformbox form .webform-component--express-consent.form-item {width: 285px; margin: 0px auto 12px;}
    .front .quickformbox form .webform-component--program-of-interest.form-item, .front .quickformbox form .webform-component--grad-year.form-item, .front .quickformbox form .webform-component--email.form-item, .front .quickformbox form .webform-component--firstname.form-item, .front .quickformbox form .webform-component--address.form-item, .front .quickformbox form .webform-component--city.form-item, .front .quickformbox form .webform-component--lastname.form-item, .front .quickformbox form .webform-component--zip.form-item, .front .quickformbox form .webform-component--phone.form-item, .front .quickformbox form .webform-component--state.form-item, .front .quickformbox form .form-item.webform-component--danville-interests {float: none; clear: both; width: 285px; margin: 0px auto 12px; display: block;}
    .webform-client-form .form-item {width: 100%; margin: 0px auto 12px; float: none; clear: both; width: 285px;}
    
    .quickformbox form input[type=text], .quickformbox form input[type=email], .quickformbox form select, .quickformbox form textarea {float: none;}
    .quickformbox .webform-component--request-info h2,
	.quickformbox .webform-component--request-information h2 {font-size: 45px;}
	
	.webform-client-form .form-item.webform-component--date .form-item {width: 30%; float: left; clear: none}
	.webform-client-form .form-item.webform-component--date input.webform-calendar {float: right}
	.webform-client-form .form-item.webform-component--date .form-item:first-of-type {clear: both}

	.webform-client-form .form-item.webform-component--webform_time .form-item {width: 30%; float: left; clear: none}
	.webform-client-form .form-item.webform-component--webform_time .form-item.form-item-submitted-time-of-loss-ampm {width: 50px;}
	.webform-client-form .form-item.webform-component--webform_time input.webform-calendar {float: right}
	.webform-client-form .form-item.webform-component--webform_time .form-item:first-of-type {clear: both}
	.webform-client-form .form-item.webform-component--webform_time #edit-submitted-time-of-loss-ampm {float: right}
	
	.upcomingevents h2,
	#block-views-alumni-stories-block h2,
	.quickformbox .webform-component--request-information h2 {font-size: 35px; /*background-size: 205% 4%*/}
    
    .homeslider .views-slideshow-controls-text-previous,
	.homeslider .views-slideshow-controls-text-next {height: 0; overflow: hidden; display: inline-block; width: 25px; padding: 25px 0 0 0; cursor: pointer}
	.homeslider .slidetext {position: relative; top: auto; left: auto; width: 96%; margin: 0 auto}
	.homeslider .slidetitle {margin-left: 0; font-size: 14px;}
	.homeslider .slidebody {margin-left: 0; font-family: 12px;}
	
	.nextstep p#nextstep {width: 75.25%; top: 20%; left: 10.5%; font-size: 20px; line-height: 25px}
	.nextstep p#nextstep:first-line {font-size: 30px; line-height: 30px}
	
	#block-block-3 {width: 96%;}
	
	#center h1 {font-size: 40px;}
	#center .slider {display: none}
	#center .regularcontent td {width: 45% !important; height: auto !important; padding: 5px; display: inline-block;}
	#center .regularcontent .full td {width: 95% !important;}
	
	#center .regularcontent .board_meeting th,
	#center .regularcontent .board_meeting td {display: inline-block; width: 19% !important; word-wrap: break-word; word-break: break-word; padding: 0 .5em;}
	#center .regularcontent #courses_table th,
	#center .regularcontent #courses_table td,
	#center .regularcontent .security th,
	#center .regularcontent .security td {display: inline-block; width: 19% !important; word-wrap: break-word; word-break: break-word; padding: 0 .5em; font-size: 12px}
	#center .regularcontent .athletics.awards th,
	#center .regularcontent .athletics.awards td {width: 22% !important}
	#center .regularcontent #courses_table th:first-of-type,
	#center .regularcontent #courses_table td:first-of-type,
	#center .regularcontent .security th:first-of-type,
	#center .regularcontent .security td:first-of-type {width: 45% !important}
	#center .regularcontent .security {width: 100% !important}
	#center .regularcontent .security th,
	#center .regularcontent .security td {display: inline-block; width: 14% !important; word-wrap: break-word; word-break: break-word; padding: 0 .5em; font-size: 12px; border: none; text-align: center}
	#center .regularcontent .security th:first-of-type,
	#center .regularcontent .security td:first-of-type {width: 42% !important; text-align: left}
	#center .regularcontent .security td[colspan="4"]:first-of-type {width: 100% !important}
	#center .regularcontent .security th p,
	#center .regularcontent .security td p {margin: 0; padding: 0}
	
	#center .regularcontent #complab td {width: auto !important; display: table-cell; font-size: 12px; padding: 0;}
	
	#center .field-name-body img {margin: 0 auto 10px; text-align: center; max-width: 45%}
	
	#center .upcomingeventspage .views-row {text-align: left; background: #ccc; display: inline-block; width: 40%; height: 155px; vertical-align: top; padding: 10px; margin: 0 5px 15px; font-size: 0; position: relative}
	#center .upcomingeventspage .views-field-field-event-date {color: #355c0d; font-size: 20px;}
	#center .upcomingeventspage .eventdate {font-size: 20px}
	
}



/*******************************************************************/
/********************** small mobile portrait **********************/
/*******************************************************************/
@media only screen and (max-width:360px){	
	
	#block-block-8 .content ul {text-align: center; padding: 0 15px}
	.alumnistories .views-row {width: 45%}
	
	.webform-client-form {}
	
	#block-block-10 {width: 90%}
	#block-block-10 strong {font-size: 22px; margin-left: 5px; padding-left: 5px;}
	
	.not-front .quicklinks .content li,
	.not-front .quicklinks .content li a {width: 95px;}
	
	#center .regularcontent .staff td {width: 95% !important; padding-bottom: 20px}
	
	#center .upcomingeventspage .views-row {text-align: left; background: #ccc; display: inline-block; width:80%; height: auto; vertical-align: top; padding: 10px; margin: 0 auto 15px; font-size: 0; position: relative}
	
}


@media only screen and (max-width:320px){	
	
	
	
}


/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
/********************* END RESPONSIVE STYLINGS *********************/
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/