/*@import url(http://fonts.googleapis.com/css?family=Cardo);*/

/* Global Styles for website. Override with theme.css in specific sub-folders... */
#content-col-wrap {
  background-color: #F4EEC6;
}
#head #searchGadget {
  height: 15px;
  margin: 1px 3px;
  width: 85px;
}
#content {
  clear: none;
  float: none;
	padding: 0 15px;
}

/* Stylesheet for the 'Salem College 3 Column Theme' Plone theme */

body {
  background-color: #FFF;
  text-align: center;
  margin: 0;
  padding: 0;
}
html {
  overflow-x: hidden;
}

#wrap-master {
  text-align: left;
  color:#000000;
  background: url(http://www.salem.edu/themes/images/bgv5.jpg) no-repeat scroll 50% 0px #FFF;
  margin: 0;
  min-width: 960px; 
}
#wrap-middle { min-height: 500px; }

#fbook-twitter-top {
	margin-right: -472px;
	position: absolute;
	right: 50%;
	top: 46px;
}
#fbook-twitter-top img {
 padding: 0 0.5em;
}

#wrap-top { height: 120px; background-color: #00447b; border-bottom: 4px solid #b1ba1d;
position: relative; z-index: 1; }
#section-top { width: 960px; margin: 0 auto; padding-top: 12px; }

#logo-top {
	background: url("/themes/images/salem-college-top-logo.gif") no-repeat 0 0; display: block; height: 108px; width: 160px;
	position: absolute;
	top: 12px;
	z-index: 0;
}
#logo-top span {
	background: url("/themes/images/salem-college-top-logo.gif") no-repeat 0 -108px;
	height: 100px;
	width: 160px;
	display: block;
	opacity: 0;
	filter:alpha(opacity=0);
}

.stickytop #wrap-top { margin-top: -84px; position: fixed; top: 0; width: 100%; }
.stickytop #logo-top { background-position: -160px 0; width: 180px; }
.stickytop #logo-top span { background-position: -160px -108px; width: 180px; }
/*.stickytop #topnav { width: 760px; }*/
.stickytop #wrap-middle { padding-top: 124px; }
/*.stickytop .tn_subnav { margin-left: -40px; }*/
.stickytop #wrap-master { background-attachment: fixed; background-position: 50% -84px; }
.stickytop #content a[name] {margin-top: -42px; padding-top: 42px; width: 1px; display: block; }


#topnav { line-height: 24px; list-style: none outside none;
margin: 0; overflow:visible; padding: 10px 0; position: relative; top: 47px; float: right; width: 800px; text-align: right; }
#topnav li { border: none; display: inline; margin: 0; }
.tn_link { border: 4px solid transparent; border-bottom-style: none; color:#FFFFFF;
font-size:16px; margin:0; padding: 8px 5px 7px; margin: 0; text-decoration:none; text-transform: uppercase;
font-family: /*Cardo,*/ Garamond, serif; border-top-right-radius: 12px; }
.tn_link:hover { background-color: #d6eff3; color: #505253; 
border-color: #b1ba1d;
border-bottom: 4px solid #b1ba1d; }
.tn_subnav { 
  overflow: hidden;
color: #505153; position: absolute; top: 32px; left: -160px;
padding: 0; text-align: center; display: none; float: left; z-index: 1;
width: 960px;
margin: 9px 0; }
.tn_sn_inner {
  background: url(/themes/images/dropdown-swirl.gif) no-repeat scroll 0 0 #d6eff3;
  border: 4px solid #b1ba1d;
	border-bottom-left-radius: 24px;
	-moz-border-radius-bottomleft: 24px;
  border-top: none;
	float: left;
  width: 928px;
  padding: 0 12px 12px 12px;
  position: relative;
  top: -212px;
  left: 0;
}
.tn_home_button {
  float: left;
  clear: both;
  margin: 10px 0 0 10px;
}
.tn_alumnae_button {
  float: left;
  clear: both;
  margin-top: -40px;
}
.tn_close_x {
  background: url(/themes/images/icons/close-nav.gif) no-repeat scroll transparent;
  float: right;
  margin: 6px -6px 0 0;
  height: 16px;
  width: 18px;
}
.tn_sn_tr {
  background: url(/themes/images/dd-tr-bg.gif) no-repeat scroll transparent;
  height:24px; width:25px; float: right; margin-right: -37px;
}
/*#topnav li.tn_active { background-color: #d6eff3; }*/
.tn_active .tn_link, .tn_deact .tn_link { border-color: #b1ba1d; 
border-bottom: 4px solid #d6eff3; background-color: #d6eff3; color: #505153; }

.tn_deact .tn_link { border-bottom-color: #b1ba1d; }
.tn_deact .tn_link, .tn_deact .tn_sn_inner { background-color: #e1e8f2; }
.tn_hideall .tn_link { border-bottom-color: #e1e8f2; }
.tn_sn_wc { width: 900px; }

.sn_col {
  float: left;
  margin: 0 10px;
  text-align: left;
}
.sn_col h2 {
  font-family: Garamond, serif;
  font-size: 13pt;
  border-bottom: 3px double #9FBBE2;
  white-space: nowrap;
}

.sn_thirds {
  width: 280px;
}
.sn_thirds_left_buffer {
  width: 160px;
}
.sn_forths {
  width: 200px;
}
.sn_fifths {
  width: 160px;
}
.sn_sixths {
  width: 80px;
}

.sn_alumnae, .sn_support {
  float: right;
  width: 80%;
  text-align: left;
}

.sn_alumnae ul li {
  display: inline;
}

#topnav .sn_col li {
  display: list-item;
  list-style-type: none;
	font-size: 12px;
}
#topnav .sn_col li, #topnav .sn_col ul {
  padding: 0;
  margin: 0;
}
#topnav .sn_col li {
	text-indent: -10px;
	margin-left: 10px;
}
.sn_col h2 a {
  font-size: inherit;
}
.sn_col a {
  font-size: 12px;
  text-decoration: none;
}
.sn_col a:hover {
  text-decoration: underline;
}

.admissionsWhyWomensCollege {
	float: left;
	clear: none;
	font-weight: bold;
	margin: 10px 0 0 348px;
}
.admissionsWhyWomensCollege a {
	text-decoration: none;
}
.admissionsWhyWomensCollege a:hover {
	border-bottom: 1px solid #00447B;
}
.tn_give_button {
  margin: 10px 0 0;
}
a {
	color: #00447B;
}
#portlets-below {
}
#portlets-below div {
}
.portletsBelowContentE, .portletsBelowContentF {
  width: 280px;
  float: left;
}
ul.global_footer  {
display:block;
height:18px;
list-style:none outside none;
margin:5px auto 10px;
}
.social li {
	height:18px;
	list-style-type:none;
	margin:0 5px;
	padding: 2px 1px;
}
.social li .icon {
	background: url("/themes/images/icons/social-icons-18.png") no-repeat 0 0 scroll transparent;
	height: 18px; width: 18px;
	display: block;
	float: left;
}
.social .twitter .icon { background-position: -18px 0; }
.social .youtube .icon { background-image:url("/themes/images/icons/youtube18.png"); }
.social li a {
  padding-left:5px;
}

.footer-links {
	width: 25%;
	float: left;
	text-align: left;
	margin-left: 20px;
}
.footer-links li { list-style-type: none; }
.footer-links a { text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }

#content h1 {
  color:#00447B;
  display:block;
  font-family: Garamond, serif;
  font-size:20pt;
  border-bottom: none;
  margin: 24px 12px 6px 0;
}
h1.sIFR-replaced {
 height: 84px;
 width: 610px;
 position: relative;
 z-index: -1;
}
.sIFR-alternate {
  visibility: hidden;
}
.sIFR-replaced span {
  width: 100%;
}
/*.sIFR-active #content h1 {*/
/*  font-size: 175%;*/
/*  width: 610px;*/
/*}*/
/*.sIFR-active h1 {*/
/*  visibility: hidden;*/
/*  font-family: Verdana;*/
/*}*/

#region-content h1, #region-content h2, #region-content h3, #region-content h4, #region-content h5, #region-content h6 {
  color:#00447B;
  margin: 10px 0 0;
  font-family: Garamond, serif;
}
#region-content {
  font-size: 11pt;
  float: left;
  width: 100%;
}
#portal-colmun-one h5 { font-family:Georgia; font-size:1.1em; }

#content h2 {
  border-bottom:1px solid #A0B157;
  width: 600px;
	margin-bottom: 5px;
}

#content h3 {
  font-weight:bold;
  margin:10px 0 0;
  padding-right:15px;
}
#content a, #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {
  color:#00447B !important;
  text-decoration: underline;
}
div.documentActions li {
  background-color: transparent;
}

.portletEvents .portletItemDetails {
  float: right;
}

.portlet-static-test-alert h2, .portlet-static-alert h2,
.portlet-static-test-alert h3, .portlet-static-alert h3 {
  color: #FFFFFF;
  border: none;
  margin: 0 0 10px;
  font-weight: bold;
}
.portlet-static-test-alert, .portlet-static-alert {
  background-color: #AA0000;
  color: #FFFFFF;
  font-size:14px;
  padding:10px 15px 0;
  position: absolute;
  top: 0;
  width:625px;
  z-index:1001;
  opacity: 0.85;
  filter:alpha(opacity=85);
}

#footer-portlets {
  text-align: center;
}
#portal-colophon {
  margin: 0;
	clear: both;
}

#portal-header {
	background:url(images/salem_college_header.jpg) scroll no-repeat 0 0 #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	height:118px;
	float: left;
}

#hbar {
	float: right;
	width: 180px;
	height: 24px;
	font-stretch: condensed;
	letter-spacing:-0.2px;
	font-family: arial,helvetica,clean,sans-serif;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 400;
	line-height: 13px;
}

#hbar ul {
  list-style: none;
  display:block;
  padding: 0;
  float: left;
  margin: 0;
  line-height: 22px;
}
#hbar li {
  display: inline;
  padding: 0;
  margin: 0;
}
#hbar li a {
  color: #FFF;
  padding: 0;
  padding-right: 5px;
  padding-left: 5px;
  text-decoration: none;
}
#portal-top {
  float: left;
}
#portal-logo {
 	background-color: transparent;
}
#portal-logo img {
	margin: 5px 30px;
	float: left;
	display: block;
	height: 73px;
}

#portal-searchbox {
	margin:0;
	padding:0;
	padding-left: 170px;
	position: absolute;
	top: 160px;
}
#LSResult a, .LSRow a {
  color:#436976 !important;
}

#portal-globalnav {
	background-color: #A2B156;
	float: left;
	color:#FFFFFF;
	width:767px;
	padding:0;
	margin: 0 auto;
	text-align: center;
	line-height:24px;
	overflow:hidden;
	position: relative;
	margin: 5px 0;
}
#portal-globalnav li {
	border-style:none;
	border-left:1px solid #635F40;
	margin: 0;
	margin-right: -4px;
}
#portal-globalnav li.selected {
	background-color: #A2B156;
	background-image: none;
	margin: 0;
	margin-right: -4px;
}
#portal-globalnav li a {
	color:#FFF;
	border-style:none;
	text-transform:capitalize;
	font-size:110%;
	padding: 10px;
	margin: 0;
}
#portal-globalnav li:first-child {
	border-style:none;
}

#content .link-category {
	color:#D55948 !important;
}


#portal-globalnav li a:hover {
	color: inherit;
	background-color: #A2B156;
	text-transform:capitalize;
	font-size: 110%;
	margin-right: 0;
}
#portal-globalnav li.selected a {
	color:#FFF;
	font-weight:bold;
	background-color:transparent;
	border-style:none;
	text-transform: inherit;
	padding: 10px;
	font-size:120%;
}

/*
a#portal-globalnav {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
*/

#section-header {
	position: relative;
	display: block;
	float: left;
	margin-bottom: 5px;
}

#portal-personaltools-wrapper {
	position: relative;
	z-index:10;
	margin:0;
	top:0px;
	float: right;
}
#portal-personaltools {
	padding:0;
	border:none;
	background-color: transparent;
}
#portal-personaltools li {
	background-color: transparent;
}
#portal-personaltools li a {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 10px;
}

#portal-personaltools li a:hover {
	background-color: #62a5cc;
	font-weight: bold;	
}

#portal-siteactions {
	float: left;
	padding:2px 5px;
}

#portal-siteactions li a {
	border:none;
	color: #FFFFFF;
    font-weight: bold;
    padding-right:5px;
}
#portal-siteactions li a:hover {
	border:none;
	background-color: #62a5cc;
	color:#FFFFFF;
}

div#portal-breadcrumbs {
	border:none;
	padding:0;
	display: block;
	text-transform:none;
	font-size: 10px;
	margin: 9px 0;
	float: left;
	clear: none;
}
.documentFirstHeading {
  clear: left;
}
.documentEditable {
  padding-top: 5px !important;
}
#section-middle {
  width: 960px;
  position: relative;
  overflow: hidden;
  margin: 12px auto;
	top: 0;
	left: 0;
	z-index: 0;
}
#section-middle-top {
  height: 406px;
  background: none;
  padding: 14px 12px 0;
}
#section-image {
	-moz-border-radius: 0 24px 0 24px;
	border-radius: 0 24px 0 24px;
  float: left;
  height: 380px;
  width: 630px;
}
#section-image img {
  height: 380px;
  width: 630px;
}
#section-nav {
  height: 380px;
  width: 280px;
  overflow: visible;
  position: absolute;
  right: 18px;
  z-index: 1;
}
#wrap-bottom {
  width: 940px;
  border: 2px solid #b6be2b;
	border-bottom: none;
	border-top-right-radius: 20px;
  background-color: #d6eff3;
  margin: 12px auto 0;
}
#footer-seal {
	float: right;
	clear: right;
	height: 100px;
	width: 116px;
	margin-right: 40px;
}
#section-bottom {
  min-height: 80px;
  margin: 5px auto 0;
  clear: both;
}

#column-one-wrap .visualPadding {
	overflow: hidden;
	padding: 0;
}

/* Columns and Column Wrappers */
.col-wrap {
	float: left;
	position: relative;
	width: auto;
}
#column-one-wrap {
	background-color: #F8DA6C;
}
#column-content-wrap {
  padding: 0;
  width: 960px;
}
.documentActions {
	margin: 12px 5px;
}
#column-two-wrap {
	float: right;
	width: 170px;
	background-color: #F4EEC6;
	padding-left: 5px;
	margin-right: -10px;
}


.col {
	float: left;
	overflow: hidden;
	position: relative;
}
#portal-column-content {
	text-align: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
#alert {
  display: block;
  clear: both;
  color: #FFF;
  background-color: #BB0B0B;
  margin-bottom: 5px;
  padding: 5px;
}
#footer {
  clear:both;
  text-align:center;
}

#colophon {
  margin: 0;
  clear: both;
  color:#666666;
  float:none;
  text-align:center;
}
#colophon ul {
  list-style-image:none;
  list-style-type:none;
}
#colophon ul li {
  display:inline !important;
  font-size:85%;
  padding:0 10px;
}
#colophon ul li a {
  border-bottom:1px solid #CCCCCC;
  color:#666666;
  text-decoration:none;
}
#portal-column-one, #portal-column-two {
	width: 280px;
	float: right;
	clear: right;
	overflow: hidden;
	display: block;
	padding: 0 5px;
  margin-left: 10px;
}
#portal-column-two {
  clear: right;
}

#portal-column-two .visualPadding {
	float: none;
	left: auto;
	padding: 0;
}

#portal-column-two .portletWrapper  {
  margin: 12px 0;
}

#content .areas-of-study .tab ul {
	float: left;
	width: 33%;
	padding: 0;
}
.areas-of-study #tab-special-academic-offerings ul {
	width: 100% !important;
}
.areas-of-study .tab {
	width: 100%;
}
.areas-of-study .tab li {
	list-style-type: none;
}
.areas-of-study {
	width: 100%;
	margin-top: 10px;
}
.areas-of-study p {
	margin: 1em 0 0;
	padding: 0 1.5em 0 0;
}
.areas-of-study .fine-print { font-size: 0.9em; margin: 0 5em 0 3em; text-align: justify; font-style: italic; }

#content .tabsWrap { clear: both; }
#content .tabsWrap .ui-tabs-nav a { text-decoration: none; }

#content .tabsWrap .ui-tabs-nav {
	width: 100%;
	padding: 0;
}

.numberOfCourses {
	float: right;
	color: #666666;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected, #content .ui-tabs .ui-tabs-nav li.ui-state-hover {
	background-color: #FFFFFF;
}
#content .ui-tabs .ui-tabs-panel {
	background: url("/themes/images/white-vertical-fade-out-480.png") repeat-x scroll 0 0 #FFFFFF !important;
	padding: 1em 2em !important;
}

.pp_description { font-size: 1.5em; }

.documentContent {
	padding: 5px !important;
}

#plone-document-byline, .documentByLine, .documentDescription {
	display: none;
}
.vevent .documentByLine {
  display: inline;
}

.nobreak {
	white-space: nowrap;
}

.contentViews, .contentActions {
	padding-left:0;
	margin-left: 5px;
}

.contentViews li a {
	margin-left:5px;
	margin-right:0;
	padding:0 10px;
}

.formTab {
	font-size:90%;
}

dl.portalMessage dt {
	background-color: #A2B156;
}

dl.portalMessage {
  clear:left;
}

.pullquote {
  padding: 5px 10px;
}

fieldset.relevant, div.relevant {
 float: right;
 display: block;
 border: 1px dotted #00447B;
 width: 240px;
 padding:5px;
 margin:10px;
 background-color: #FFF;
}
div.relevant {
  margin-top: 16px;
}
div.relevant div.relevantTitle {
 border: 1px dotted #00447B;
 color: #00447B;
 background-color: #F4EEC6;
 padding: 2px 10px;
 text-align: center;
 margin: -16px auto 8px;
 width: 60%;
}

fieldset.relevant legend, legend.relevant {
 border: 1px dotted #00447B;
 color: #00447B;
 padding: 2px 10px;
 text-align: center;
 margin: 0 auto;
 font-family: Garamond, Garamond, serif;
}

ul.plain {
font-size:100%;
line-height:100%;
list-style:disc outside none;
}
ul.wellness {
font-size:12pt;
line-height:26px;
padding-left:0;
}
ul.wellness li {
list-style:none outside none;
}
ul.wellness li span {
vertical-align:5px;
}
ul.wellness li a {
text-decoration:none;
}
ul.plain li {
padding-top:0;
}


ul.relevant, .relevant ul {
background-attachment:scroll;
background-position:0 0;
background-repeat:no-repeat;
font-size:90%;
list-style:none outside none;
margin:0;
padding:0;
}
.relevant li {
background-image:url("/themes/images/icons/document_icon_16.gif");
background-position:0 0;
background-repeat:no-repeat;
line-height:16px;
margin:5px 0;
padding:0 10px 0 20px;
}
.relevant li li {
margin:0;
}
.relevant div.details {
line-height:120%;
vertical-align:baseline;
white-space: normal;
}
.relevant div.details a {
vertical-align:baseline;
}
.relevant div.rsd {
float:right;
font-style:italic;
margin-top:3px;
}



ul.plain {
 list-style: disc none;
 font-size: 100%;
 line-height: 100%;
}

ul.wellness {
 line-height: 26px;
 font-size: 12pt;
 padding-left: 0px;
}
ul.wellness li {
 list-style: none none outside;
}
ul.wellness li span {
 vertical-align: 5px;
}
ul.wellness li a {
 text-decoration: none;
}

ul.plain li {
 padding-top: 0;
}

.relevant .bullet {
  background-image:url("/themes/images/icons/bullet_icon_16.gif");
}
.relevant .ilink, .relevant .inlink, .relevant .internal_link {
  background-image:url("/themes/images/icons/internal_link_icon_16.gif");
}
.relevant .xlink, .relevant .exlink, .relevant .external_link {
  background-image:url("/themes/images/icons/external_link_icon_16.gif");
}
.relevant .facebook {
  background-image:url("/themes/images/icons/facebook18.png");
  padding-left:23px;
  line-height:18px;
}
.relevant .pdf {
  background-image:url("/themes/images/icons/pdf_icon_16.gif");
}
.relevant .msword {
  background-image:url("/themes/images/icons/ms_word_icon_16.gif");
}
.relevant .msexcel {
  background-image:url("/themes/images/icons/ms_excel_icon_16.gif");
}

.photo-credit {
	font-size: 0.9em;
	color: #666666;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

#content ul.relevant span.link-external a {
background:none;
padding:inherit;
}

table.plain {
 border: none;
 background: transparent none;
 padding: 0;
}
table.plain td {
 padding: 2px;
} 

#breadcrumbs-you-are-here {
	display:none;
}

#top-wrapper {
	float: left;
	width: 100%;
	height: 195px;
	margin-top: 1px;
	margin-bottom: -1px;
}

.field {
	clear: left;
}

#portal-searchbox {
  float: right;
}

#portal-searchbox .searchButton {
	width: 20px;
	border: none;
	height: 17px;
	margin-top: 1px;
	text-indent: 20px;
	display: none;
}

#searchGadget {
	width: 85px;
	height: 15px;
	vertical-align: top;
	border: none;
	margin: 1px 3px 0 7px;
}

#top-link-wrapper {
	padding: 20px;
}

.top-link {
}
.top-link a {
	padding-right: 9px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	position: relative;
	top: 1px;
	font-size: 12px;
}

#portal-searchbox {
	position: relative;
	top: 0px;
	right: 0px;
	padding: 0;
	margin: 0 10px;
	height: 24px;
}

.portlet {
	border: none;
	background-color: transparent;
	margin: 0;
}

.portletHeader, .portletItem, .portletFooter {
	border: none;
	text-transform: none;
	background-color: transparent;
}

.portletItem {
	padding: 6px;
}

#column-two .portlet {
	background-color: transparent;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #7F6A45;
}


#column-two .portletCalendar dt, #column-two .ploneCalendar .weekdays th  {
	background-color: transparent;
}
#portal-column-one .portletWrapper {
  border: none;
  margin-top: 12px;
}

#simple .searchbutton {
	background: url("/themes/images/sleuth-magnifying-glass.png") no-repeat scroll 2px 2px transparent;
	height: 28px;
	margin-left: 8px;
	padding: 0px 2px 0px 24px;
}

.libraryh3lp {
  display: none;
}
.portletNavigationTree {
  height: 376px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: #D6EFF3;
  /*background-color: #d8dd8e;*/
  border: 2px solid #B1BA1D;
	border-radius: 24px 0;
	/*-moz-border-radius: 24px 0;*/
}

.navMore {
  background-color: #D6EFF3;
  /*background-color: #D8DD8E;*/
  bottom: 0;
  padding: 6px 0 6px 12px;
  position: absolute;
  text-align: center;
  width: 246px;
  z-index: 2;
}

.navTreeTopNode {
  text-align: center;
  font-size: 17pt !important;
  line-height: 19pt;
  font-family: Garamond, serif;
  text-transform: uppercase;
  text-indent: 0 !important;
  letter-spacing: 0px;
}
.navTreeTopNode a {
  color: #505153 !important;
}
.portletNavigationTree .portletHeader {
	display: none;
	
}

.context, .formControls .actionButtons .button, .documentEditable * .context {
  background-image: none;
background-color:#FFFFFF;
border:2px outset #8CACBB;
color:Black;
cursor:pointer;
padding:2px;
font-size: 120%;
font-weight: bold;
text-transform:none;
}
input[type="checkbox"], input[type="radio"] {
  margin-right: 5px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
  -moz-appearance: button;
  -moz-binding: none;
  -moz-box-sizing: border-box;
  -moz-user-select: none;
  -webkit-appearance: push-button;
  background: none no-repeat scroll 0 0 buttonface;
  border: 2px outset buttonface;
  color: buttontext;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	border-style: inset;
}

input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,
#portal-column-content fieldset input[type="button"]:focus,
#portal-column-content fieldset input[type="reset"]:focus,
#portal-column-content fieldset input[type="submit"]:focus {
  border: 2px inset buttonface;
}

.reslife-staff {
	float: left;
	width: 33%;
	margin: 10px 0;
}
#region-content .reslife-staff h4 {
	margin: 0;
}

#wcs2n div {
  font-size: 90%;
  margin: 5px 0;
}

#content ul {
  padding-left: 20px;
}

.fieldRequired {
	color: #CC2222;
	font-size: 0.75em;
	font-weight: lighter;
}
legend {
  font-size: 110%;
  border: 1px solid #8CACBB;
}
/*
 .visualClear {
	clear: left;
}
*/
div#portlets-below dl dt a {
  color: #1A1818;
}
.portletBetterEvents .portletItemDetails {
  color:#000;
  text-align:left;
}
#viewlet-above-content {
}
#portlets-above {
  width: 630px;
  overflow: hidden;
}
.portletsAboveContentB img {
  width: 630px;
  height: 380px;
}

.portletsBelowContentE, .portletsBelowContentF {
  width: 290px;
  float: left;
}
#portlets-below {
  float: right;
  margin-top: 20px;
}
.portletNews .title {
  padding-right: 40px;
}
.portletHeader {
  font-size: 20px;
  font-family: Garamond, serif;
  color: #1a1818;
  letter-spacing: 1px;
  height: 24px;
  padding: 0;
  border-bottom: 3px solid #C5CD4B;
}
.portletItem .itemDescription {
  color: #1a1818;
  font-size: 85%;
}
.portletNews .seeMore, .portletBetterEvents .seeMore {
  display: block;
  float: right;
  font-size: 70%;
}
.portletBetterEvents .dateBox {
  background-color: #00447B;
  color: #FFFFFF;
  float: left;
  height: 34px;
  margin: 6px 6px 0 0;
  padding: 2px 4px;
  text-align: center;
  width: 32px;
}
.dateBox .monthName {
  display: block;
  font-size: 14px;
  line-height: 10px;
}
.dateBox .dayNumber {
  font-size: 20px;
  line-height: 24px;
  display: block;
}

.event-start-date, .event-date-dash {
  display: none;
}

.portletBetterEvents .portletItem a {
  width: 262px;
  float: right;
}

.portletEvents .portletHeader a,
.portletEvents .portletHeader a.title,
.portletEvents .portletHeader a.title:link,
.portletEvents .portletHeader a.title:visited {
  padding: 0 20px;
}

.portletHeader a, .portletHeader a.title, .portletHeader a:visited {
  display: block;
  padding: 0 6px;
}
.portletNews .portletItemDetails {
  text-align: left;
  color: #544D4D;
  font-size: 90%;
}
.portletNews .descriptionSnippet {
  text-align: left;
  display: block;
  color: #1a1818;
}
.portletEvents .portletItemDetails {
  color: #544D4D;
}
.portletItem a, .portletItem a:visited, .portletItem a:link, .portletItem a:visited,
.portletFooter a, .portletFooter a:link, .portletFooter a.title:visited {
  color: #00447B;
}

.event-location {
  display: none;
}

.overview-travel-schedule, .detailed-travel-schedule {
	background: none repeat scroll 0 0 white;
	border-radius: 0 20px 0 20px;
	display: block;
	clear: right;
	float: right;
	margin-bottom: 20px;
	margin-left: 30px;
	padding-left: 10px;
	width: 380px;
}
.overview-travel-schedule .dates { height: 260px; overflow: auto; padding: 0 5px 0 15px; }
.overview-travel-schedule h3, .detailed-travel-schedule h3 {
	text-align: center;
}
.overview-travel-schedule p {
	font-size: 80%;
	padding-left: 20px;
}
.overview-travel-schedule { display: none; }

#portlets-below .portlet dd {
  margin: 0;
  float: left;
  clear: both;
  width: 100%;
}
.facultyStaffDirectory {
  clear: both;
}
.facultyStaffDirectory.personView .headshot {
  clear: right;
  margin: 50px 20px 10px 10px;
}
.facultyStaffDirectory div.listing {
  width: 302px;
  min-height: 200px;
  float: left;
}
.facultyStaffDirectory .documentActions, #content .facultyStaffDirectory h2:first-child {
  display: none;
}
.facultyStaffDirectory .classificationListing {
  float: left;
  width: 100%;
}
.personView div.visualClear {
  clear: left;
}
.facultyStaffDirectory .personName {
  white-space: nowrap;
	width: 200px;
}
.facultyStaffDirectory .officePhone {
	width: 140px;
}
.facultyStaffDirectory .jobTitles span:before {
  content:"; ";
}
.facultyStaffDirectory .jobTitles span:first-child:before {
  content:"";
}
#content .facultyStaffDirectory table td {
  padding: 2px 10px;
}
.facultyStaffDirectory .departments { clear: both; }

.profile { float: left; }
.profile-professional { width: 60%; clear: left; }
.profile-personal { width: 35%; margin-left: 2em; }

.image-right {
  border:none;
}

ol {
  padding: 0 30px;
}

table th {
  color:#00447b;
  padding: 2px 5px;
	font-size: 105%;
}
#content table tr {
  vertical-align: top;
}
#content table th {
}
#content table td {
  padding: 2px;
}
.documentContent {
	background-color: #FFF;
}


.have-you-heard {
	background-color: #3B7DA4;
	color: #FFF;
	padding: 5px 2px;
}

.have-you-heard h3 {
	font-style: italic;
	color: #FFF;
}


.navTreeItem {
	border: none;
	text-indent:-10px;
	padding-left:10px;
	padding-right: 10px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: normal;
	margin: 7px;
}
.navTreeItem .navTreeItem {
	padding-top: 0;
	margin-left: -5px;
	margin-right: -10px;
	padding-right: 10px;
}

.navTreeItem a, .navTreeItem a, dd.portletItem .navTreeItem a {
	border: none !important;
	color: #00447B;
	display: block;
	padding: 0;
	text-decoration:none;
}

#portal-column-one .visualPadding {
  padding: 0;
}

.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
    background-color: transparent !important;
	border: none;
    text-decoration: underline;
}

.navTreeCurrentItem a,
.navTreeCurrentItem a:hover {
    display: block;
	border: none;
    min-height: 1.6em;
    line-height: 1.6em;
    height: auto;
	background: transparent none;
}

.navTreeCurrentItem {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-top-color: #FFF  !important;
	background: transparent none;
}
.calendar {
  background-color: #F4EEC6;
  border: double 3px ;
}

.formid-degree .field, .formid-certificate .field {
  clear: none;
  float: left;
  width: 50%;
  min-height: 40px;
  margin: 0 0 10px 0;
}
.formid-degree .PFG-RichLabel, .formid-certificate .PFG-RichLabel {
  width: 100%;
  clear: both;
}
#archetypes-fieldname-other-names,
#archetypes-fieldname-i-am-interested-in-earning-a-degree-in-the-following-major-s,
#archetypes-fieldname-birth-date,
#archetypes-fieldname-have-you-been-a-north-carolina-resident-for-one-year-or-more,
#archetypes-fieldname-do-you-have-any-family-members-who-graduated-from-salem,
#archetypes-fieldname-date-of-completion,
#archetypes-fieldname-graduation-year, #archetypes-fieldname-graduation-year-1,
#archetypes-fieldname-did-your-father-graduate-from-college,
#archetypes-fieldname-did-your-mother-graduate-from-college,
#archetypes-fieldname-are-you-hispanic-or-latino,
#archetypes-fieldname-Explanation,
#archetypes-fieldname-capthca {
  width: 100%;
}
.formid-degree fieldset, .formid-certificate fieldset {
  clear: both;
}
#pfg-fieldsetname-ethnicity {
  width: 75%;
  margin: 0 auto 10px;
}
#pfg-fieldsetname-ethnicity .ArchetypesBooleanWidget {
  min-height: 0;
  margin: 0;
  width: 50%;
}
.formid-degree .ArchetypesBooleanWidget, .formid-certificate .ArchetypesBooleanWidget {
  width: 25%;
  min-height: 0;
}
.formControls {
  clear: both;
  margin-bottom: 5px;
}
#pfg-fieldsetname-colleges-attended .field {
  width: auto;
  margin: 0 5px 5px 0;
  min-height: 0;
}
#pfg-fieldsetname-colleges-attended #archetypes-fieldname-name-of-institution label,
#pfg-fieldsetname-colleges-attended #archetypes-fieldname-college-dates label,
#pfg-fieldsetname-colleges-attended #archetypes-fieldname-college-location label,
#pfg-fieldsetname-colleges-attended #archetypes-fieldname-college-degree-awarded label
{
  display: block;
}
#pfg-fieldsetname-colleges-attended label {
  display: none;
}

.picasaWebAlbum li {
  list-style: none;
  padding: 5px 9px;
}
.right-column-album {
	float: right;
	clear: right;
  padding-left: 60px;
  width: 220px;
	margin-top: 20px;
}
.right-column-album ul {
	padding-left: 20px;
}

.studyAbroadGallery {
  float: left;
  margin: 5px 10px;
}
.studyAbroadGallery img {
  display: block;
  height: auto;
  width: 280px;
}

.athletics .leftblue {
  background-color: #74A9D2;
  width: 150px;
  height: 680px;
  padding: 10px;
}
.athletics .leftblue h3 {
  color: #F1D12C !important;
}
#content .athletics .leftblue a {
  color: #FFFFFF !important;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

.jcarousel-skin-salemcollege .jcarousel-container-horizontal {
	margin-left: 15px;
}
.jcarousel-skin-salemcollege .jcarousel-clip-horizontal {
	width: 880px;
	margin-left: 10px;
}
.jcarousel {
	clear: both;
}
.jcarousel-3wide {
	clear: left;
	width: 575px;
}
.jcarousel-3wide .jcarousel-clip-horizontal {
	width: 525px;
}
.jcarousel-skin-salemcollege .jcarousel-clip-vertical {
	height: 332px;
}

.picasaWebAlbum .jcarousel-container-horizontal li {
	/*padding: 5px 7px;*/
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-salemcollege .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 30px;
    height: 40px;
    cursor: pointer;
    background: transparent url(/themes/images/scrollable-hori-large.png) no-repeat 0 -40px;
}

.jcarousel-skin-salemcollege .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: -30px;
    right: auto;
    background-image: url(/themes/images/scrollable-hori-large.png);
}

.jcarousel-skin-salemcollege .jcarousel-next-horizontal:hover,
.jcarousel-skin-salemcollege .jcarousel-next-horizontal:focus {
    background-position: -30px -40px;
}

.jcarousel-skin-salemcollege .jcarousel-next-horizontal:active {
    background-position: -60px -40px;
}

.jcarousel-skin-salemcollege .jcarousel-next-disabled-horizontal,
.jcarousel-skin-salemcollege .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-salemcollege .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-salemcollege .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -90px -40px;
}

.jcarousel-skin-salemcollege .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: -15px;
    width: 30px;
    height: 40px;
    cursor: pointer;
    background: transparent url(/themes/images/scrollable-hori-large.png) no-repeat 0 0;
}

.jcarousel-skin-salemcollege .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/themes/images/scrollable-hori-large.png);
}

.jcarousel-skin-salemcollege .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-salemcollege .jcarousel-prev-horizontal:focus {
    background-position: -30px 0;
}

.jcarousel-skin-salemcollege .jcarousel-prev-horizontal:active {
    background-position: -60px 0;
}

.jcarousel-skin-salemcollege .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-salemcollege .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-salemcollege .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-salemcollege .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -90px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-salemcollege .jcarousel-next-vertical {
    position: absolute;
    bottom: -20px;
    left: 70px;
    width: 26px;
    height: 20px;
    cursor: pointer;
    background: transparent url(/themes/images/scrollable-vert-small.png) no-repeat -26px 0;
}

.jcarousel-skin-salemcollege .jcarousel-next-vertical:hover,
.jcarousel-skin-salemcollege .jcarousel-next-vertical:focus {
    background-position: -26px -20px;
}

.jcarousel-skin-salemcollege .jcarousel-next-vertical:active {
    background-position: -26px -40px;
}

.jcarousel-skin-salemcollege .jcarousel-next-disabled-vertical,
.jcarousel-skin-salemcollege .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-salemcollege .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-salemcollege .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -26px -60px;
}

.jcarousel-skin-salemcollege .jcarousel-prev-vertical {
    position: absolute;
    top: -20px;
    left: 70px;
    width: 26px;
    height: 20px;
    cursor: pointer;
    background: transparent url(/themes/images/scrollable-vert-small.png) no-repeat 0 0;
}

.jcarousel-skin-salemcollege .jcarousel-prev-vertical:hover,
.jcarousel-skin-salemcollege .jcarousel-prev-vertical:focus {
    background-position: 0 -20px;
}

.jcarousel-skin-salemcollege .jcarousel-prev-vertical:active {
    background-position: 0 -40px;
}

.jcarousel-skin-salemcollege .jcarousel-prev-disabled-vertical,
.jcarousel-skin-salemcollege .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-salemcollege .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-salemcollege .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -60px;
}




#Videos240 {
	left: -15px;
	position: relative;
	top: 0;
	width: 960px;
}
#Videos240 .scrollable {
	height: 200px;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 900px;
	float: left;

	/* custom decorations */
/*	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
*/
}


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollable .items div {
/*	float:left;*/
  font-family: garamond,arial,helvetica,clean,sans-serif;
}

.scrollable > .items > div {
  margin: 0 10px;
  height: 240px;
  width: 280px;
  float: left;
}

.scrollable-wrapper {
	float: left;
	margin: 10px 0;
}
/* prev, next, prevPage and nextPage buttons */
.scrollable-wrapper > a.browse {
	background:url(/themes/images/scrollable-hori-large.png) no-repeat;
	display:block;
	width:30px;
	height:40px;
	float:left;
	margin:96px 0px;
	cursor:pointer;
	font-size:1px;
}


/* right */
.scrollable-wrapper > a.right 				{ background-position: 0 -40px; clear:right; }
.scrollable-wrapper > a.right:hover 		{ background-position:-30px -40px; }
.scrollable-wrapper > a.right:active 	{ background-position:-60px -40px; } 

/* left */
.scrollable-wrapper > a.left				{ margin-left: 0px; } 
.scrollable-wrapper > a.left:hover  		{ background-position:-30px 0; }
.scrollable-wrapper > a.left:active  	{ background-position:-60px 0; }







#document-toc ol {
	margin: 0;
	padding: 0 0 0 15px;
}
#document-toc li {
	color: #C5CD4B;
	list-style-type: square;
}
#document-toc li li {
	color: #00447B;
	list-style-type: disc;
}
.fleer-invite-date p {
	margin: 0;
}
.fleer-invite { margin-bottom: 20px; }