/* 
================================================================================================================================ CREDITS
Copyright : Copyright 2011 Central Penn College. All Rights Reserved.
Date      : 05/25/2011
Notes     : Root Print CSS file for the www.centralpenn.edu web site.
================================================================================================================================ BEGIN CSS
*/
body  { background: #FFF; }

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

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

h1, h2, h3, h4, h5 { color: #000; }

.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; }

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

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

ul { margin-left: 20px; }
ul li { background: none; list-style-type: disc; }
ul li ul li { background: none; list-style-type: circle; }

/* ============================================================================================================================= 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 { height: auto; background: #FFF; }
.interior-container { height: auto; background: none; border: none; }

.overflow-header { background: none; }
.header { margin: 0px auto; height: 119px; width: 960px; text-align: left; }

.logo { margin: 0px; padding: 8px 0px 0px 10px; }
.logo a { background: none; }
.logo img { display: block; } /* image is the printer-friendly logo, unhidden in the print CSS file */

/* TOP LINKS (width in .header-links for IE7) */
.header-links { display: none; }

.search { padding: 5px; width: 205px; height: 17px; border: 1px solid #808083; color: #808083; }

/* PAGE CONTENT */
.page-content-container { margin-bottom: 30px; background: none; border: none; }
.page-content { background: none; }

.col-container { background: none; }
.page-col1 { margin-top: 24px; border: 1px solid #666; width: 168px; display:none; }
.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; }

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

/* FOOTER */
.footer { color: #666; }
.footer a { color: #666; }
.footerlinks-top { display:none; }
.footerlinks { display:none; }

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

.page-continuing-education, .page-about, .page-academics, .page-faculty, 
.page-news, .page-high-school, .page-general { background-image: none !important; }

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

/* MAIN NAV */
.nav-container { background: none; display:none; }
#nav { border: 1px solid #7A003B; height: 37px; }
#nav li { background: none; border-right: 1px solid #7A003B; list-style-type: none; }
#nav a { background: none; color: #000; }
#nav li.last { border-right: none; }
#nav li.home { }

/* 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; }

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

#slideshow { display: none; }

.slides-container { position: static; height: auto; }
.callout-overview { font-family: "Times New Roman", Times, serif; font-size: 1.6em; }

.slide-hdr  { color: #000; }
.home-callout { position: static; display: block; border: 1px solid #CCC; }
.home-callout a { padding: 2px 0px 0px 0px; background: none; }
.home-callout a:hover { text-decoration: underline; }

.home-callout0 { margin: 0px 0px 15px 0px; padding: 10px; width: auto; height: auto; }
.home-callout1 { margin: 0px 0px 15px 0px; padding: 10px; width: auto; height: auto; }
.home-callout2 { margin: 0px 0px 15px 0px; padding: 10px; width: auto; height: auto; }

/* PAGING */
.home-pager { display: none; }

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

/* HOME CALLOUT NAV */
.home-nav-container { display: none; }

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

.home-footer-callouts {
	margin: 0px auto 40px auto;
	padding: 0px;
	width: 960px;
	background: none;
	position: static;
}
.footer-callout-col1 {
	padding: 12px 0px 0px 14px;
	width: 278px;
	height: 250px;
	background: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.footer-callout-col2 { padding: 12px 0px 0px 13px; width: 265px; height: 250px; border: 1px solid #CCC; }
.footer-callout-col3 { padding: 12px 0px 0px 14px; width: 372px; height: 250px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; }

.home-footer-cta-lg { margin-bottom: 15px; padding: 25px 0px 0px 0px; }
.home-footer-cta-lg a, .home-footer-cta a { padding: 0px 0px 0px 10px; background: none; color: #7A003C; }

/* QUICK LINKS */
.quick-links a { padding: 0px 18px 30px 0px; background: none; color: #7A003C; }

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

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

.hdr-controls { display: none; }

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

.subnav { border: none; list-style: none; margin: 0px; display:none; }
.subnav li { background: none; border-bottom: 1px solid #666; list-style-type: none; display:none; } 
.subnav li.active { background: none; border-bottom: 1px solid #666; display:none; }
.subnav li.last { border-bottom: none; display:none; }
.subnav li a { color: #7A003C; display:none; }

/* 2nd level */
.subnav li ul li { border-top: 1px solid #666; display:none; }
.subnav li ul li.active { background: none; display:none; }

/* 3rd level */
.subnav li ul li ul { margin: 5px 0px 0px 40px; display:none; }
.subnav li ul li ul li { list-style-type: disc; display:none; }
.subnav li ul li ul li a { padding: 0px 0px 7px 0px; display:none; }
.subnav li ul li ul li.active a { background: none; display:none; }

/* ============================================================================================================================= 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 { display: none; }

.expand-collapse { border: 1px solid #666; }
.expand-collapse a { background-color: #FFF; background-image: none; color: #000; }

.expand-collapse-content { border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; display: block; }

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

.request-info { padding: 10px 10px 0px 10px; background: #FFF; color: #000; border: 1px solid #666; display:none;	}
.request-info-hdr { color: #000; text-align: left; display:none; }
.request-option { color: #000; background: none; padding-left: 0px; display:none; }

.form .request-option { margin-bottom: 10px; padding: 10px 0px 6px 0px; font-size: 1.3em; color: #000; display:none; }
.form-fields { margin-left: 0px; display:none; }

/* ============================================================================================================================= 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: 0px; }
.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 { 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; }

/* ============================================================================================================================= 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-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 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 { border-top: none; }
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: #FFF; width: 211px; border: 1px solid #000; }
.callout-basic img { max-width: 211px; }

.callout-basic p { padding: 0px 10px; font-size: 1.2em; color: #000; }
.faculty-col2 .callout-basic p { font-size: 1.0em; }
.callout-basic p.callout-img { padding: 0px; }

.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: #F8981D; }

.callout-basic-txt { padding: 0px 7px; color: #000; 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: #747476;
	text-align: center;
}
.callout-course-catalog a { font-size: 1.2em; line-height: 1.3em; color: #FFF; text-decoration: none; }

/* ============================================================================================================================= 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_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, .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 */

.orange { color: #000; }