/* 
================================================================================================================================ CREDITS
Copyright : Copyright 2011 Central Penn College. All Rights Reserved.
Date      : 05/25/2011
Notes     : Root CSS file for the www.centralpenn.edu web site.
================================================================================================================================ BEGIN CSS
*/
body  {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 62.50%; /* 10px */
  line-height: 1.9em;
  text-align: center;
  color: #000;
  background: #FFF;
  min-width: 960px; /* mid-width/position used so that the space is filled when the window is smaller than 960 */
  position: relative;
}
body#tinymce { min-width: inherit; position: static; text-align: left; }

.clearfix: after { content: ""; display: table; clear: both; }

/* ============================================================================================================================= TYPEKIT */

.tk { font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; }

/* ============================================================================================================================= STANDARD TAGS */

p, table { margin: 0px 0px 14px 0px; }

h1, h2, h3, h4, h5 { font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; text-transform: uppercase; }
h1 { margin: 0px 0px 10px 0px; font-size: 2.7em; line-height: 1em; font-weight: bold; color: #7A003C; }
h2 { margin: 0px 0px 25px 0px; font-size: 1.7em; line-height: 1em; font-weight: bold; color: #5B6327; }
h3 { margin: 0px 0px 15px 0px; font-size: 2.3em; line-height: 1em; font-weight: bold; color: #5EB0E5; }
h4 { margin: 0px 0px 7px 0px; font-size: 1.5em; line-height: 1em; font-weight: bold; color: #5EB0E5; }
h5 { margin: 0px 0px 4px 0px; font-size: 1.2em; line-height: 1em; font-weight: bold; color: #7A003C; }

blockquote { padding: 0px 30px; }
strong { font-weight: bold; }
em { font-style: oblique; }
abbr { font-weight: bold; }
cite { font-style: oblique; }
sup { position: relative; bottom: 0.3em; font-size: .8em; }
sub { position: relative; top: 0.2em; font-size: .8em; }

/* table styling */
table { border-top: 1px solid #747476; border-right: 1px solid #747476; }
table td { border-bottom: 1px solid #747476; border-left: 1px solid #747476; padding: 7px; }
table.noborder, table.noborder td, table td.noborder { border: none !important; }

a { color: #808084; text-decoration: underline; }
a:hover { text-decoration: none; }

/* ANIMATED LOADING GIF */
.loading { background: url(/lib/img/loading.gif) no-repeat center center; }

.subhead { margin-bottom: 2px; color: #7A003C; font-weight: bold; }
.news-event-subhead { color: #7A003C; font-weight: bold; }
.sidebar-subhead { margin-bottom: 8px; font-size: 1.4em; color: #737A35; font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; }
.google-maps { margin: 0px 0px 14px 0px; border: 1px solid #600230; }

/* ============================================================================================================================= STANDARD LISTS */

ol { margin: 0px 0px 13px 32px; list-style-type: decimal; }
ol li { padding: 0px 0px 5px 0px; background: none; }
ol li ol { margin: 5px 0px 3px 32px; }
ol li ol li { padding: 0px 0px 13px 0px; }

ul { margin: 0px 0px 13px 15px; }
ul li { padding: 0px 0px 5px 12px; background: url(/lib/img/icons/red-circle.gif) no-repeat 0px 11px; }
ul li ul { margin: 9px 0px 0px 0px; }
ul li ul li { padding: 0px 0px 2px 14px; background: url(/lib/img/icons/bullet-sub.gif) no-repeat 4px 10px; }

/* ============================================================================================================================= CLIENT EDITOR SPECIFIC */

/* main content area overrides,client-specific styles */
.page-col2 h3, .page-col23 h3, .page-fullcol h3, .page-fullcol h3 { margin-bottom: 10px; font-size: 1.5em; color: #7A003C; }
.page-col2 h4, .page-col23 h4 { font-size: 1.3em; color: #7A003C; }

/* ============================================================================================================================= PAGE FRAMEWORK */

.alert {
  margin: 0px auto;
  padding: 10px 0px 8px 0px;
  width: 100%;
  background: #E40707;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFF;
}
.alert a { color: #FFF; }
.hide-alert { padding: 0px 10px; float: right; }

.overflow-container { width: 100%; height: 698px; background-color: #FFDB96; }
.interior-container { 
  height: 414px;
  border-bottom: 6px solid #FFDB96; 
  background-color: #FFDB96; 
  background-repeat: no-repeat; 
  background-position: center top;
}

.overflow-header { background: url(/lib/img/backgrounds/new4-header.png) no-repeat center top; position: relative; z-index: 500; }
.header { margin: 0px auto; height: 119px; width: 960px; text-align: left; }

#header-search-toggle,
.c-hamburger { display: none; }

.logo { margin: 0px; padding: 8px 0px 0px 10px; }
.logo a { width: 358px; height: 99px; display: block; background: url(/lib/img/logos/new2-central-penn-college.png) no-repeat; }
.logo img { display: none; } /* image is the printer-friendly logo, unhidden in the print CSS file */

/* TOP LINKS (width in .header-links for IE7) */
.header-links { margin: 7px 5px 0px 0px; float: right; font-size: 1.2em; font-weight: bold; color: #7A003C; width: 580px;  } 
.top-links { margin: 0px; padding-top: 9px; float: right; }
.top-links li { padding: 0px 10px; float: left; background: url(/lib/img/backgrounds/toplinks-pipe.gif) no-repeat 0px 5px; }
.top-links li.first { padding-left: 0px; background: none; }
.top-links a { height: 32px; display: block; float: left; color: #7A003C; text-decoration: none; }
.top-links a:hover { text-decoration: underline; }

/* SOCIAL MEDIA LINKS */
.social-media-container { padding-top: 7px; float: right; }
.social-media-msg { margin: 0px 0px 0px 20px; padding-top: 2px; float: left; }
.social-media { margin: 0px; float: left; }
.social-media li { padding: 0px 0px 0px 7px; background: none; float: left; }
.social-media a { 
  display: block; 
  width: 22px; 
  height: 22px; 
  text-indent: -9999px; 
  background-image: url(/lib/img/backgrounds/social-media.png);
  background-repeat: no-repeat;
} 
.social-media a.facebook { background-position: -22px 0px; }
.social-media a.youtube { background-position: -44px 0px; }

/* APPLY BUTTON */
.apply { margin-left: 10px; float: right; } 

/* SEARCH FORM */
.search-form { float: right; clear: both; text-align: right; white-space: nowrap; } /* white-space for IE7 */
.search-form input { vertical-align: middle; }
.search-form .go { margin-left: -1px; }
.search { padding: 5px; width: 205px; height: 17px; border: 1px solid #808083; color: #808083; }

/* PAGE CONTENT */
.page-content-container {
  margin-bottom: 60px;
  background: #FFDB96 url(/lib/img/backgrounds/page-content-container-bg.gif) repeat-y center top; 
  border-bottom: 6px solid #FFDB96;
}
.page-content { 
  margin: 0px auto; 
  width: 960px;
  text-align: left;
  background: #747476 url(/lib/img/backgrounds/page-content-bg.png) repeat-y left top;
}

.col-container { background: url(/lib/img/backgrounds/you-can-you-will.png) no-repeat left bottom; }
.page-col1 { width: 170px; float: left; border-top: 24px solid #FFF; }
.page-col2 { padding: 22px 25px 20px 25px; width: 508px; float: left; font-size: 1.2em; line-height: 1.9em; }
.page-col3 { padding-top: 24px; width: 232px; float: left; }

.page-col23-container { float: right; }

/* 2 column colspan */
.page-col23 { padding: 22px 0px 20px 25px; width: 765px; float: right; font-size: 1.2em; line-height: 1.9em; min-height: 350px; }
.page-fullcol {
  padding-left: 200px; 
  width: 765px; 
  float: left; 
  font-size: 1.2em; 
  line-height: 1.9em; 
}

/* FOOTER */
.footer { margin: 0px auto; padding: 0px 30px 20px 30px; width: 900px; font-size: 1.2em; color: #7A003C; }
.footer a { color: #7A003C; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer .phone { padding-left: 10px; }

.footerlinks-top, .footerlinks { font-weight: bold; }
.footerlinks-top { margin-bottom: 5px; }

/* ============================================================================================================================= PAGE HEADER PHOTOS */

.page-continuing-education { background-image: url(/lib/img/page-photos/continuing-education.jpg); }
.page-about { background-image: url(/lib/img/page-photos/about-central-penn.jpg); }
.page-academics { background-image: url(/lib/img/page-photos/academics.jpg); }
.page-faculty { background-image: url(/lib/img/page-photos/faculty.jpg); }
.page-news { background-image: url(/lib/img/page-photos/news.jpg); }
.page-high-school { background-image: url(/lib/img/page-photos/high-school.jpg); }
.page-general { background-image: url(/lib/img/page-photos/about-central-penn.jpg); }

/* ============================================================================================================================= PARENTS-TEACHERS NAVIGATION */

/* MAIN NAV */
.nav-container {
  position: relative;
  height: 62px;
  background: url(/lib/img/nav/bg.png) repeat-x;
  text-align: center;
}
#nav { margin: 0px auto; padding-left: 10px; width: 955px; }
#nav li { 
  padding: 0px; 
  background: none;
  float: left;
  background: url(/lib/img/nav/bg-sprite.png) no-repeat;
  height: 37px;
}
#nav a {
  padding: 10px 22px 0px 20px;
  height: 27px; 
  display: block;
  background-image: url(/lib/img/nav/bg-sprite.png);
  background-repeat: no-repeat;
  background-position: right -237px;
  font-size: 1.4em;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap; /* IE7 */
}
#nav li.first { background-image: none; }
#nav li.last a { background-position: right 237px; }
#nav li.home a { padding: 10px 20px 0px 22px; background-position: right -350px; }

#nav a.active { background-position: right -274px; }
#nav li.last a.active { background-position: right -311px; }

/* hide home page link on home page */
body.home #nav { margin: 0px auto; padding-left: 50px; width: 915px; }
body.home #nav li.home { display: none; }

#nav li div { 
  margin: 0px 0px 0px -1px;
  padding-bottom: 13px;
  position: absolute;
  z-index: 100; /* have dropdown sit on top of slides */
  left: -999em;
  border-right: 1px solid #B5286D;
  border-bottom: 1px solid #B5286D;
  border-left: 1px solid #B5286D;
  background: #737A35 url(/lib/img/nav/dropdown-bg.gif) repeat-x;
}
#nav li ul { padding: 13px 13px 0px 13px; width: 342px; }
#nav li ul li {
  padding-left: 0px;
  height: auto;
  background: none; 
  text-align: left;
  float: left;
  border: none;
}
#nav li ul li a { 
  padding: 5px 10px; 
  height: auto; 
  width: 150px; 
  background: none;
  border-left: 1px solid #AFBD22;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: normal;
  text-transform: none;
  color: #FFF;
  float: left;
  white-space: normal;
}
#nav li ul li:hover a, #nav li ul li a:hover { background-image: none; text-decoration: underline; }  

/* ============================================================================================================================= HOME CALLOUTS */

#slideshow { position: absolute; left: 0px; z-index: 10; width: 100%; height: 698px; overflow: hidden; }
#slideshow-inner { position: absolute; left: 0px; z-index: 20; width: 100%; height: 698px; }
#slideshow-loading { 
  position: absolute; 
  top: 0px;
  left: 0px;
  z-index: 30; 
  width: 100%; 
  height: 698px; 
  background: url(/lib/img/loading.gif) no-repeat center center;
  display: none;
}

.slides-container { position: relative; margin: 0px auto; width: 980px; height: 353px; text-align: left; }
.callout-overview { font-family: "Times New Roman", Times, serif; font-size: 1.6em; }

.slide-hdr  { margin: 0px 0px 5px 0px; font-size: 4.2em; color: #7A003C; }
.home-callout { position: absolute; background:url(/lib/img/backgrounds/home-callout-bg.png) left top repeat; padding:15px 10px; }
.home-callout p { padding-left: 5px; }
.home-callout a {
  padding: 2px 0px 0px 30px;
  height: 20px;
  display: block;
  color: #7A003C; 
  font-size: 1.3em;
  font-weight: bold; 
  text-transform: uppercase; 
  text-decoration: none;
  background: url(/lib/img/icons/arrow-green.png) no-repeat 0px 0px;
}
.home-callout a:hover { text-decoration: underline; }

/* animates right 40 (end result: 58px) */
.home-callout0 {  }

/* animates right 40 (end result: 218px) */
.home-callout1 {  }

/* animates right 40 (end result: 373px) */
.home-callout2 {  }

/* PAGING */
.home-pager { position: absolute; margin: 328px 0px 0px 0px; }
.home-pager li { padding: 0px; background: none; float: left; }
.home-pager a {
  margin-right: 12px;
  padding-top: 3px;
  height: 17px;
  width: 21px;
  display: block;
  float: left;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  background: #7A003C;
  border: 2px solid #FFF;  
}
.home-pager li.active a { color: #7A003C; background: #FFF; border: 2px solid #FFF;  }

/* ============================================================================================================================= HOME CALLOUT NAVIGATION */

/* HOME CALLOUT NAV */
.home-nav-container { margin: 0px auto; width: 960px; text-align: left; }

.home-callout-nav {
  position: absolute;
  margin: 0px;
  padding: 5px 6px 11px 4px; 
  width: 960px;
  height: 42px;
  background: #F8981D; 
  background: url(/lib/img/nav/home-callout-bg.png) no-repeat;
}
.home-callout-nav li { 
  padding: 1px 0px 0px 1px; 
  background: none;
  float: left;
  width: 226px;
  text-align: left; /* IE7, a tags are text-aligned center to override */
  background: url(/lib/img/nav/home-callout-divider.png) no-repeat;
}
.home-callout-nav li.first { width: 270px; }
.home-callout-nav li.last { width: 223px; }
 
.home-callout-nav a {
  margin-left: 1px;
  padding: 12px 0px 0px 0px;
  height: 30px; 
  display: block;
  font-size: 1.8em;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.home-callout-nav li.active a { background-color: #737A35; }
.home-callout-nav li.first { margin-left: 0px; background-image: none; }

.home-callout-nav li .home-callout-dropdown { 
  margin: 1px 0px 0px -1px;
  padding: 0px 0px 0px 10px;
  position: absolute;
  left: -999em;
  background: url(/lib/img/backgrounds/home-callout-nav-cap300.png) no-repeat left bottom;
  z-index: 500;
  overflow: hidden;
}
.home-callout-nav li .last { margin: 1px 0px 0px 0px; right: 16px; }
.home-callout-nav li ul { margin: 0px; float: left; }
.dropdown-inner { padding: 2px 15px 15px 0px; background: url(/lib/img/backgrounds/home-callout-nav300.png) no-repeat right bottom; }

/* IE7 overrides, etc */
.home-callout-nav li.first .home-callout-dropdown, .home-callout-nav li.last .home-callout-dropdown { width: 940px; }
.home-callout-nav li.first .autowidth, .home-callout-nav li.last .autowidth { width: auto !important; max-width: 940px; }

.home-callout-nav li.second .home-callout-dropdown { width: 669px; }
.home-callout-nav li.second .autowidth { width: auto !important; max-width: 669px; }

.home-callout-nav li.third .home-callout-dropdown { width: 442px; }
.home-callout-nav li.third .autowidth { width: auto !important; max-width: 442px; }

.autowidth { width: auto !important; }

.home-callout-nav li ul li {
  margin-right: 2px;
  padding: 0px;
  height: auto;
  width: auto;
  background: url(/lib/img/backgrounds/home-callout-dropdown-pipe.png) no-repeat right 6px; 
  border: none;
  text-align: left;
  float: left;
  border: none;
}
.home-callout-nav li ul li.last { background: none; width: auto; }

.home-callout-nav li ul li a, .home-callout-nav li.active ul li a { 
  padding: 5px 15px 0px 16px; 
  background: none;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.3em;
  height: 25px;
  font-weight: normal;
  text-transform: none;
  color: #FFF;
  float: left;
  white-space: nowrap;
}
.home-callout-nav li ul li a:hover { text-decoration: underline; } 

/* ============================================================================================================================= HOME FOOTER CALLOUTS */

.home-footer-callouts {
  margin: -94px auto 40px auto;
  padding: 8px 6px 0px 6px;
  width: 948px;
  height: 272px;
  background: url(/lib/img/backgrounds/home-footer-callouts.png) no-repeat;
  z-index: 499;
  position: relative;
  text-align: left;
}
.footer-callout-col1 {
  padding: 12px 0px 0px 14px;
  width: 279px;
  height: 246px;
  float: left;
  background: url(/lib/img/backgrounds/home-footer-col1.jpg) no-repeat center bottom;
}
.footer-callout-col2 { padding: 12px 0px 0px 13px; width: 255px; float: left; }
.footer-callout-col3 { padding: 12px 0px 0px 14px; width: 373px; float: left; }

.home-footer-cta-lg { margin-bottom: 36px; padding: 25px 0px 0px 0px; }
.home-footer-cta-lg a, .home-footer-cta a {
  padding: 0px 0px 0px 30px;
  height: 30px;
  display: block;
  background: url(/lib/img/icons/arrow-green-on-red.png) no-repeat 0px 3px;
  font-size: 1.4em;
  line-height: 1.1em;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
.home-footer-cta a { padding-top: 7px; height: 23px; }

/* QUICK LINKS */
.quick-links { margin-bottom: 0px; }
.quick-links a {
  padding: 0px 18px 30px 13px;
  background: url(/lib/img/icons/arrow-green-on-red-sm.png) no-repeat 0px 4px;
  font-size: 1.3em;
  font-weight: bold;
  display: block;
  float: left;
  color: #FFF;
  text-decoration: none;
}
.quick-links a:hover { color: #5EB0E5; }

/* NEWS */
.news { margin: 0px 0px 5px 0px; }
.news li { padding: 0px 0px 10px 0px; background: none; }
.news a { font-size: 1.3em; color: #FFF; }

/* ============================================================================================================================= BUTTONS OVER HEADER PHOTOS */

.hdr-controls { position: relative; margin: 0px auto; width: 960px; height: 239px; text-align: left; }
.hdr-button { position: absolute; bottom: 0px; right: 0px; margin-bottom: 6px; }
.hdr-expand-collapse {
  position: absolute;
  bottom: 0px;
  margin-bottom: 6px;
}
.hdr-expand-collapse a {
  width: 16px;
  height: 8px; 
  display: block;
  background: url(/lib/img/backgrounds/expand-collapse-hdr.gif) no-repeat;
  text-indent: -9999px;
}
.hdr-expand-collapse a.active { background-position: 0px -8px; }

/* ============================================================================================================================= SUB-NAVIGATION */

.subnav { margin: 0px 0px 35px 0px;  border-top: 1px solid #FFC57A; border-right: 1px solid #FFC57A; border-left: 1px solid #FFC57A; }
.subnav li { padding: 0px; background: none; border-bottom: 2px solid #FFC57A; height: 1%; } /* height for IE7 */
.subnav li.active { background: #5B6327; border-bottom: 2px solid #AFBD22; }
.subnav li.last { border-bottom: none; }
.subnav li a {
  padding: 4px 0px 4px 10px;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}

/* 2nd level */
.subnav li ul { margin: 0px; }
.subnav li ul li { background: none; border-top: 2px solid #AFBD22; border-bottom: none; }
.subnav li ul li.active { background: #737B35 url(/lib/img/nav/subnav-bg.png) no-repeat 10px 8px; border-bottom: none; }
.subnav li ul li a {
  padding: 4px 0px 4px 23px;
  display: block;
  font-size: 1.3em;
  text-transform: none;
}

/* 3rd level */
.subnav li ul li ul { margin-top: 5px; }
.subnav li ul li ul li { background: none; border-top: none; border-bottom: none; }
.subnav li ul li ul li a {
  padding: 0px 0px 7px 36px;
  display: block;
  font-size: 1.1em;
  line-height: 1.2em;
  text-transform: none;
}
.subnav li ul li ul li.active a { background: #737B35 url(/lib/img/nav/subnav-bg.png) no-repeat 22px 1px; }
.subnav li ul li ul li a:hover { text-decoration: underline; }

/* ============================================================================================================================= BREADCRUMBS */

.breadcrumbs { margin-bottom: 36px; color: #808083; font-family: Arial, Helvetica, sans-serif; }

/* news/events details page */
.breadcrumbs-border { margin-bottom: 0px; padding-bottom: 20px; border-bottom: 2px solid #E7E7E8; } /* news/events details page */
.backto { 
  padding-left: 13px;
  background: url(/lib/img/icons/arrow-green-on-white-sm.png) no-repeat 0px 4px;
  font-weight: bold;
  color: #7A003C;
  text-decoration: none;
}
.backto:hover { text-decoration: underline; } 

.breadcrumbs a, .breadcrumbs-border a { color: #808083; text-decoration: none; }
.breadcrumbs a.active, .breadcrumbs-border a.active { font-weight: bold; }
.breadcrumbs a:hover, .breadcrumbs-border a:hover { text-decoration: underline; }

/* ============================================================================================================================= EXPAND/COLLAPSE */

.hide-show-all { margin-bottom: 0px; padding: 0px 0px 6px 10px; text-align: right; }
.hide-show-all a {
  padding: 0px 0px 0px 18px;
  background: url(/lib/img/backgrounds/expand-collapse-all.gif) no-repeat 0px 3px;
  font-size: 1.2em;
  color: #000;
  text-decoration: none;
}
.hide-show-all a.hide-all { padding-right: 10px; background-position: 0px -47px; }
.hide-show-all a:hover { text-decoration: underline; }

.expand-collapse-container { padding-top: 20px; }
.course-catalog-container { margin-bottom: 20px; }
.expand-collapse { margin: 0px; padding-top: 8px; }
.expand-collapse a {
  padding: 3px 25px 0px 14px;
  height: 26px;
  display: block;
  font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif;
  background-color: #7A003C;
  background-image: url(/lib/img/backgrounds/expand-collapse.gif);
  background-repeat: no-repeat;
  background-position: right 0px;
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
}
.expand-collapse a.active { background-position: right -29px; }
.expand-collapse a:hover { background-color: #600230; }

.course-catalog-name { padding-top: 0px; }
.course-catalog-name a {
  padding-left: 18px;
  background-color: #FFF;
  color: #7A003C;
  font-size: 1.2em;
  background-position: 0px 0px;
}
.course-catalog-name a.active { background-position: 0px -29px; }
.course-catalog-name a:hover { background-color: #FFF; }

.expand-collapse-content { 
  padding: 14px 14px 0px 14px; 
  border-right: 1px solid #7A003C;
  border-bottom: 1px solid #7A003C;
  border-left: 1px solid #7A003C;
  display: none;
}
.course-catalog-description { border: none; padding: 0px 14px 0px 17px; }

/* ============================================================================================================================= REQUEST INFORMATION */

.request-info { margin-bottom: 18px; padding: 12px 4px; background: #FFDB96; color: #58505B;  }
.request-info-hdr {
  padding-bottom: 14px;
  font-size: 1.7em;
  color: #7A003C;
  text-align: center;
  border-bottom: 2px solid #7A003C;
}
.request-area, .request-area-bottom { margin-bottom: 11px; border-bottom: 2px solid #7A003C; }
.request-area.first { border-bottom: 0; }
.request-area-bottom { margin-bottom: 5px; }
.request-option,
.page-col2 .request-info.quick h4,
.page-col23 .request-info.quick h4 { 
  margin-bottom: 0px;
  padding: 3px 0px 12px 32px;
  color: #58595B;
  height: 17px;
  text-transform: none;
  background-color: #FFDB96;
}
.request-option { 
  background: #FFDB96 url(/lib/img/backgrounds/request-info-numbers.gif) no-repeat 6px 0px;
}
.page-col2 .request-option { 
  background-position: 6px 6px;
}
.opt2 { background-position: 6px -50px; }
.opt3 { background-position: 6px -100px; }

.form .request-option,
.form .request-option { padding: 10px 0px 6px 32px; }
.page-col2 .request-info.quick h4,
.page-col23 .request-info.quick h4 { padding: 10px 0px 6px 10px; }
.form .opt2 { background-position: 6px -44px; }
.form .opt3 { background-position: 6px -94px; }

.request-info-select { width: 186px; border: 1px solid #B9BBC0; font-fammily: Arial; font-size: 1.0em; }
.request-info-select-basic { border: 1px solid #B9BBC0; font-fammily: Arial; font-size: 1.0em; }

.form-fields { margin-left: 31px; }
.form-fields p { padding-right: 5px; font-size: 1.1em; line-height: 1.4em; }

.page-form-content .request-info-select,
.page-col2 .request-info.quick .request-info-select { width: 220px; font-size: 1.2em; }

/* QUICK VERSION */

.request-info.quick .form-fields { margin: 0 7px; }

/* wide, facebook/mobile */
.page-col2 .request-info.quick,
.page-col23 .request-info.quick { background: none; color: #000; padding: 0 0 12px; }
.page-col2 .request-info.quick .request-info-hdr,
.page-col23 .request-info.quick .request-info-hdr { display: none; }
.page-col2 .request-info.quick .form-fields,
.page-col23 .request-info.quick .form-fields { margin-left: 0; }
.page-col2 .request-info.quick h4,
.page-col23 .request-info.quick h4 { margin-bottom: 10px; font-size: 1.3em; color: #FFF; background-position: 6px 6px; }
.page-col2 .request-info.quick p,
.page-col23 .request-info.quick p,
.page-col2 .request-info.quick ol,
.page-col23 .request-info.quick ol { margin-left: 10px; }
.page-col2 .request-info.quick ol.form-list,
.page-col23 .request-info.quick ol.form-list { margin-bottom: 14px; }

/* widget */
.page-col3 .request-info.quick { width: 213px; }
.page-col3 .request-info.quick h4 { font-size: 1.2em; color: #FFF; padding-top: 10px; }

.provided-info { padding-bottom: 15px; }
.provided-info p { margin-bottom: 5px; }

.hs-grad-date-msg { margin: 0px !important; padding-top: 8px; font-style: oblique; font-weight: bold; }

/* ============================================================================================================================= FORMS */

.form { }
.form-list { margin: 0px; list-style-type: none; font-size: .9em; }
.form-list li { padding-bottom: 5px; }
.form-list label { padding-left: 2px; display: block; font-size: 1.2em; }

.form-list input { font-fammily: Arial; font-size: 1.2em; color: #333; }
.form-list input.basic { padding: 3px; width: 170px; border: 1px solid #6E6E73; }
.form-list input.small { padding: 3px; width: 122px; border: 1px solid #6E6E73; }

.form-list select.basic { padding: 2px; width: 170px; border: 1px solid #6E6E73; font-fammily: Arial; font-size: 1.2em; }
.form-list select.minimum { padding: 2px; border: 1px solid #6E6E73; font-fammily: Arial; font-size: 1.2em; }

.form-notice { padding-top: 10px; }

.page-form-content { padding: 5px 33px 0px 33px; }
.page-form-content .form-list li { padding-bottom: 15px; }
.page-form-content .form-list li.form-section { padding-bottom: 25px; }
.page-form-content .form-list input.basic, .page-form-content .form-list select.basic, .page-col2 .request-info input.basic, .page-col2 select.basic { width: 220px; }
.page-form-content .form-notice { padding-top: 20px; width: 480px; }

.form-table { border: none; }
.form-table td { padding: 0px 15px 0px 0px; border: none; }

/* FORM ALERTS */
p.form-alert { color: #990000; font-weight: bold; }
.form-alert label { color: #990000; font-weight: bold; }
.form-alert input.basic { border: 1px solid #990000; }
.form-alert select.basic { border: 1px solid #990000; }
.page-form-content .form-alert .request-info-select { border: 1px solid #990000; }

/* ============================================================================================================================= NEWS/EVENTS */

/* 3 column layout within the 2-column colspan above '.page-col23' */
.interior-3col-container { background: url(/lib/img/backgrounds/col-separator.gif) repeat-y 255px 0px; }
.interior-3col { padding: 0px 20px 0px 0px; width: 235px; float: left; }
.col-events { padding-left: 35px; width: 230px; }
.col-social-media { padding-right: 0px; width: 225px; }

.has-sub-options { margin-bottom: 5px; }
.no-sub-options { margin-bottom: 66px; }

.swap-options { margin-bottom: 38px; height: 22px; font-size: .9em; color: #808083; }
.swap-options a { padding: 0px 3px; color: #808083; text-decoration: none; }
.swap-options a.first { padding-left: 0px; }
.swap-options a.active { font-weight: bold; }
.swap-options a:hover { text-decoration: underline; }

.swap-options-container { }
.swap-options-content { display: none; }
.swap-active { display: block; } 

.listing { margin-bottom: 40px;  }
.listing a { color: #000; }

.next-listing { padding-right: 10px; text-align: right; }
.next-listing a { color: #808083; text-decoration: none; }
.next-listing a:hover { text-decoration: underline; }

.news-event-photo { margin: 0px 25px 15px 0px; float: left; }

.event-overview-container { padding-top: 20px; border-top: 2px solid #F0F0F1; }
.event-overview h2 { margin-bottom: 15px; padding-top: 8px; }
.event-overview p { margin-bottom: 7px; font-size: 1.2em; }
.event-details { padding: 0px 0px 5px 0px; clear: both; border-bottom: 2px solid #E7E7E8; }

.share-options {
  padding-top: 20px;
  font-size: 1.1em;
  color: #7A003C;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 2px solid #F0F0F1;  
}
.share-options img, .share-callout img  { margin-bottom: 3px; padding-left: 2px; vertical-align: middle; }
.share-options .share { padding-right: 7px; }

.callout-basic .share-callout { padding: 0px 3px; }
.share-callout { margin-bottom: 5px; text-align: right; }
.share-callout .share { padding-right: 7px; text-transform: uppercase; color: #FFF; font-weight: bold; }

.more-info { 
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
  color: #808083;
  text-transform: none;
}
.pad { padding: 0px 5px; }
.news-date { float: right; text-transform: uppercase; font-size: .7em; color: #7A003C; }

/* ============================================================================================================================= ADDITIONAL CALLOUTS/ETC */

.tabs { margin: 0px; padding-top: 20px; }
.tabs li { padding: 0px 3px 0px 0px; float: left; background: none; }
.tabs a {
  padding: 3px 20px 0px 20px;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  color: #808084;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  background: #E6E6E6;
}
.tabs a.active { color: #7A003C; background: #BFBFC1; }

.tabs-container { border-top: 2px solid #B9B9BB; }
.tab-content { padding-top: 40px; border-top: 2px solid #D4D4D5; display: none; }
.tab-content-search { padding-top: 10px; border-top: 2px solid #D4D4D5; display: none; }
.tab-content-basic { 
  padding: 20px 20px 6px 20px;
  border-top: none;
  border-right: 2px solid #B9B9BB;
  border-bottom: 2px solid #B9B9BB;
  border-left: 2px solid #B9B9BB;
  display: none;
}
.tab-active { display: block; } 

.tab-lists { margin: 0px; }
.tab-lists li { padding: 0px 10px 35px 10px; background: none; float: left; width: 170px; text-align: center; }
.tab-lists p { margin-bottom: 5px; }
.tab-lists img { width: 108px; }
.tab-lists a.pdf { padding: 0px 0px 2px 19px; background: url(/lib/img/icons/pdf.png) no-repeat; }

.course-lists { padding-bottom: 6px; }
.course-lists ul { margin: 0px 0px 0px 12px; font-size: 1.1em; }
.course-lists ul li { padding: 0px 5px 8px 12px; float: left; width: 210px; line-height: 1.4em; background-position: 0px 8px; }

.search-by-alpha, .search-by-program {
  margin-bottom: 30px;
  padding: 5px 0px;
  background: #E7E7E8;
  font-family: Arial;
  text-align: center;
}

.search-by-alpha a { padding: 0px 10px; }
.search-by-program a { padding: 0px 9px; }
.search-by-alpha a.active, .search-by-program a.active { color: #7A003C; }

.search-results { width: 458px; border: none; }
.search-results td { padding: 0px 15px 20px 30px; vertical-align: top; color: #808084; line-height: 1.5em; border: none; }
.search-results .name { color: #000; }
.search-results .position { font-style: oblique; }

/* ============================================================================================================================= ADDITIONAL CALLOUTS/ETC */

h4.more-interests {
  margin-bottom: 12px;
  padding: 18px 0px 3px 7px;
  font-size: 1.4em;
  color: #7A003C;  
  border-top: 4px solid #E8E8E9;
}
h4.more-twitter {
  padding-left: 35px;  
  color: #5EB0E5;
  background: url(/lib/img/icons/twitter-lg.png) no-repeat 7px 11px;
}
.more-interests-links { margin-left: 25px; }
.more-interests-links li { padding-left: 10px; background-position: 0px 9px; }
.more-interests-links a { font-size: 1.3em; }

.callout-basic { margin-bottom: 30px; padding: 5px 5px 2px 5px; background: #FFDB96; width: 211px; }
.callout-basic img { max-width: 211px; }

.callout-basic p { padding: 0px 10px; font-size: 1.2em; color: #58595B; }
.callout-basic a { color: #7A003C; text-decoration:underline; }
.faculty-col2 .callout-basic p { font-size: 1.0em; }
/* .callout-basic p { padding: 0px; } */
.callout-img { text-align:center; padding: 0px !important; }

.callout-basic-hdr { margin-bottom: 8px; padding: 5px 10px 0px 10px; font-size: 1.7em; color: #7A003C; }
.callout-basic-sub-hdr { padding: 0px 10px; color: #7A003C; }

.callout-basic-txt { padding: 0px 7px; color: #808083; font-size: 1.2em; }

.faculty-col1 { padding: 18px 25px 0px 0px; width: 508px; float: left; border-top: 2px solid #F0F0F1; }
.faculty-col2 { padding-top: 18px; width: 232px; float: left; border-top: 2px solid #F0F0F1; }

.faculty-email { color: #FFF; }
.faculty-name { margin-bottom: 0px; padding-bottom: 18px; border-bottom: 2px solid #E7E7E8; }
.faculty-title { text-transform: none; font-size: .8em; line-height: 1.9em; }

.faculty-sidebar { margin-bottom: 45px; padding: 0px 10px; line-height: 1.5em; color: #747476; }

.callout-course-catalog {
  padding: 10px 0px;
  width: 160px;
  background: #FFDB96;
  text-align: center;
}
.callout-course-catalog a { font-size: 1.2em; line-height: 1.3em; color: #FFF; text-decoration: none; }

/* COURSE CATALOG DESCRIPTIONS */
.course-details-list { margin: 0px 0px 14px 0px; }
.course-details-list li {
  padding: 0px 0px 2px 20px;
  background: url(/lib/img/icons/expand.gif) no-repeat 3px 7px;
  font-size: 1.1em;
  font-weight: bold;
  cursor: pointer;
}
.course-details-list li.active { background: url(/lib/img/icons/collapse.gif) no-repeat 3px 7px; }
.course-details { font-size: .9em; font-weight: normal; display: none; line-height: 1.6em; }

/* ============================================================================================================================= BROWSER UPGRADE */

/* for IE6 visitors */
body.body-browser-upgrade { background: #747476 url(/lib/img/upgrade/bg.png) repeat-y center center; }
.browser-upgrade { margin: 20px auto; width: 600px; text-align: left; background: #FFF; }

.upgrade-logo { margin-bottom: 50px; text-align: center; }
.browser-upgrade h1 { margin-bottom: 20px; text-align: center; }
.browser-upgrade h2 { margin-bottom: 5px; text-align: center; }
.browser-upgrade p { font-size: 1.6em; line-height: 1.5em; }
.browser-upgrade p.preicons { margin-bottom: 30px; }
.browser-upgrade p.ignore { font-size: 1.3em; line-height: 1.2em; color: #666; text-align: center; }
.browser-icons { margin-bottom: 30px; border-right: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.browser-icons td { padding: 15px 0px; width: 120px; text-align: center; font-size: 1.3em; border: none; }
.browser-icons a { text-decoration: none; }

#ignore-continue { font-size: .8em; color: #666; text-decoration: underline; } 
#ignore-continue:hover { text-decoration: none; } 

/* ============================================================================================================================= MODALS */

#our-stories-alt { 
  padding: 0px 0px 0px 30px; 
  background: url(/lib/img/icons/flash.png) no-repeat;
  font-size: 1.2em;
  color: #FFF; 
  visibility: hidden;
}
#our-stories-alt a { color: #FFF; }

/* ============================================================================================================================= MODALS */

.modal { display: none; position: absolute; top: 50%; left: 50%; z-index: 1001; }
#modal_image { 
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1001;
  display: none;
  background: #FFF;
  border: 1px solid #000;
}
#overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background-color: #333;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#modal_image[id], #overlay[id], .modal[id] { position: fixed; } 

.modal-video { padding: 20px; width: 640px; text-align: left; background: #000; }

.close-image { margin: 0px 5px 0px 0px; position: absolute; right: 0; }
.close-modal { margin-bottom: 2px; text-align: right; }
.close-modal a { display: block; }

/* ============================================================================================================================= SITE-MAP */

.site-map-home { margin-bottom: 5px; padding-top: 10px; }
.site-map-home a { color: #000; font-weight: bold; }

ul.site-map { margin: 5px 0px 0px 15px; float: left; width: 367px; }
ul.site-map li { padding: 0px 0px 3px 12px; background: url(/lib/img/icons/red-circle.gif) no-repeat 0px 11px; }
ul.site-map li a { color: #7A003C; font-weight: bold; text-decoration: underline; }
ul.site-map li ul { margin: 5px 0px 0px 10px; }
ul.site-map li ul li { padding: 0px 0px 2px 14px; background: url(/lib/img/icons/bullet-sub.gif) no-repeat 4px 10px; line-height: 1.7em; }
ul.site-map li ul li a { color: #808084; font-weight: normal; text-decoration: underline; }

ul.site-map a:hover { text-decoration: none; }

/* ============================================================================================================================= SEARCH RESULTS */

.search-results-list { margin: 0px 0px 15px 0px; border-top: 2px solid #F0F0F1; }
.search-results-list li { border-bottom: 2px solid #F0F0F1; padding: 15px 0px 15px 40px; background-position: 27px 25px; }
.search-results-list li.even { background-color: #F7F7F7; }
.search-results-list a { color: #000; font-weight: bold; }

/* ============================================================================================================================= NOTICES */

.notice_message { 
  margin-bottom: 15px; 
  padding: 15px 15px 0px 34px; 
  border: 1px dotted #006633; 
  background: #D9E8E1 url(/lib/img/notices/success.png) no-repeat; 
  color: #006633; 
  font-weight: bold;
  line-height: 1.4em;
}
.notice_notice { 
  margin-bottom: 15px; 
  padding: 15px 15px 0px 15px; 
  border: 1px dotted #006633; 
  background: #D9E8E1 url(/lib/img/notices/notice.png) no-repeat; 
  color: #006633; 
  font-weight: bold;
  line-height: 1.4em;
}
.notice_errors { 
  margin-bottom: 15px; 
  padding: 15px 15px 0px 34px; 
  border: 1px dotted #990000; 
  background: #FAEAEA url(/lib/img/notices/alert.png) no-repeat; 
  line-height: 1.4em;
  color: #990000 !important; 
}
.notice_errors p { margin-bottom: 15px; font-weight: bold; }
.notice_errors ul { margin-bottom: 15px; }
.notice_errors a { color: #990000; }
.notice_errors ul li { padding: 0px 0px 3px 10px; background: url(/lib/img/notices/bullet.gif) no-repeat 0px 7px; }

/* ============================================================================================================================= FLOATS / BASICS */

.left { float: left; }
.left-margin { margin: 0px 0px 10px 15px; }
.right { float: right; }
.right-margin { margin: 0px 15px 10px 0px; }

.left-margin img, .right-margin img, img.content-image { width: 234px; }

.noborder { border: none !important; }
.nomargin { margin: 0px !important; }
.smmargin { margin-bottom: 8px !important; }
.mdmargin { margin-bottom: 20px !important; }
.lgmargin { margin-bottom: 30px !important; }

.hid { display: none; }
.clear { clear: both; height: 0px; font-size: 1px; line-height: 0px; }

.cf:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  }
.cf { zoom: 1; } /* IE6,7 */

.toupper { text-transform: uppercase; }
.center { text-align: center; }
.orange { color: #F8981D; }


/* Facebook iframe overrides */
.fbook { min-width:760px; }
.fbook .page-content-container { width:760px; }
.fbook .page-content { width:600px; background:none; margin:0; overflow:hidden; }
.fbook .col-container { background:none; }
.fbook .page-col23 { width:auto; }

/* mobile contact form overrides */
.mobile.phone { min-width: 320px; }
.mobile .page-content-container { background:none; margin-bottom: 0; }
.mobile .page-content { width:auto; background:none; margin:0; }
.mobile .col-container { background:none; padding: 0 3%; }
.mobile .page-col23 { width:100%; padding: 20px 0px; }
.mobile .primary-header .logo { display: block; width: 358px; height: 99px; text-indent: -999em; background: transparent url(/lib/img/logos/central-penn-college.png) no-repeat 0 0; }

.mobile .visit-full-site {
  border: 1px solid #808084;
  background-color: #f8981d;
  display: inline-block;
  color: #fff;
  font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; text-transform: uppercase;
  font-size: 16px;
  padding: 6px 10px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
}
.mobile .visit-full-site:hover,
.mobile .visit-full-site:focus { color: #808084; }

.mobile .primary-header { margin: 10px 3% 0; }
.mobile .primary-header .visit-full-site { position: absolute; top:0; right:3%; }
.mobile .visit-site { clear: both; padding: 10px 10px 0px; border: 1px solid #808084; border-radius: 3px; background-color: #efefef; }
.mobile .page-form-content .form-notice { width: 100%; }
.mobile .page-form-content { padding: 5px 0px 0px 30px; }
.mobile .page-form-content .form-list li { padding-bottom: 5px; }
.mobile .footer { width: auto; }

@media only screen and (max-width : 380px) {
  .mobile .primary-header .logo { width: 280px; height: 80px; background-size: 90%; }
  .mobile .primary-header h1 { margin-bottom: 0; }
  .mobile img.ce-student-in-atec { width: 180px; height: 120px; }
}

/* END mobile contact form */

/* Style updates 8/2014 */
h4.request-option { color:#58595B; }


.mobile-only {
  display: none;
}

#bios > div { margin-top: 20px; }
#bios > div:after { content: ""; display: table; clear: both; } /* clearfix */
#bios h3 { margin-bottom: 0; }
#bios img { float: left; margin: 0 10px 5px 0; }
#bios .bio-text { margin-left: 160px; }
@media (max-width:380px) {
  #bios img { float: none; margin: 10px 0; }
  #bios .bio-text { margin-left: 0; }
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.header1 {
margin: 0px 0px 10px 0px; font-size: 2.7em; line-height: 1em; font-weight: bold; color: #7A003C; font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; text-transform: uppercase;
}

.header2 {
margin: 0px 0px 25px 0px; font-size: 1.7em; line-height: 1em; font-weight: bold; color: #5B6327; font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; text-transform: uppercase;
}

.header3 {
margin: 0px 0px 10px 0px; font-size: 1.5em; line-height: 1em; font-weight: bold; color: #7A003C; font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; text-transform: uppercase;
}

.header4 {
margin: 0px 0px 7px 0px; font-size: 1.3em; line-height: 1em; font-weight: bold; color: #7A003C; font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; text-transform: uppercase;
}

.header5 {
margin: 0px 0px 4px 0px; font-size: 1.2em; line-height: 1em; font-weight: bold; color: #7A003C; font-family: "news-gothic-std-1","news-gothic-std-2", Arial, Geneva, sans-serif; text-transform: uppercase;
}

.smalltext {
font-size: 10px !important;
}

.subhead {
margin-bottom: 2px; color: #7A003C; font-weight: bold;
}

.img-padding {
padding: 5px !important;
}

.noborder {
border: none !important;
}