@charset "UTF-8";
/* CSS Document */

body {
	background-color:#660000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}

#wrapper {
	background:url(https://www.ramapo.edu/css3/images/bgrnd.jpg) repeat-x top left #8A7F6D;	
	padding:0px;
	margin:0px;
}

/* Header and Footer ----------------------------------------------------------------------------------*/

#header {
	background:url(https://www.ramapo.edu/css3/images/bg.gif) repeat-x top left;
	margin: 0px;
	padding: 0px;
	height: 77px;
	width: auto;
	text-align:center;
	font-size: 12px;
	
}
#headContainer {
	width: 888px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

#ramapoLogo {
	height: 65px;
	width: 166px;
	margin-top: 2px;
	float:left;
}
#headerTopBar {
	padding-left:138px;
	padding-top: 10px;
}

#headerTopBar ul {
	margin: 3px 0 0 0;
}

#headerTopBar li {
	background:url(https://www.ramapo.edu/css3/images/bulletwhite.gif) no-repeat left;
	list-style:none;
	float: left;
	padding-right: 14px;
	padding-left: 24px;
}

#headerTopBar a {	
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#headerTopBar a:hover {	
	text-decoration: none;
}


#headerBottomBar {
	padding-left:138px;
	padding-top: 32px;
}
#headerBottomBar ul {
	margin:0 0 4px 0;
}

#headerBottomBar li {
	background:url(https://www.ramapo.edu/css3/images/bulletgray.gif) no-repeat left;
	list-style:none;
	float: left;
	padding-right: 11px;
	padding-left: 21px;
}

#headerBottomBar a {	
	color:#000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#headerBottomBar a:hover {	
	text-decoration: none;
}

#printLogo {
	display: none;
	visibility: hidden;
}

/* ###### Main Header Dropdown Menu ####### */

#headerQuicklink {
	display:block;
	background:url(https://www.ramapo.edu/css3/images/bg_headerDropDown.gif) top left no-repeat;
	height:25px;
	width:180px;
	text-decoration:none;
	font-size:12px;
	text-align:left;
	line-height:21px;
	margin: 8px 0px 0px 0px;
	padding-left: 15px;
	float:right;
}

#QuicklinksDivRed {
	font-size: 12px;
	position: absolute;
	background: #454545;
	border: 2px solid #353535;
	width: 600px;
	top: 35px;
	right: 80px;
	display: none;
	overflow: hidden;
	z-index:99;
	color:white;
	padding:5px;
}

#QuicklinksDivRed a{
	color:#FFFFFF;
	text-decoration:none;
}

#QuicklinksDivRed a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}

#QuicklinksDivRed ul{
	margin:0 0 0 20px;
	padding:0px;
}

#QuicklinksDivRed li {
	background: none;
	background: url(https://www.ramapo.edu/css3/images/bg_whiteBullet.gif) no-repeat left;
	list-style-type: none;
	padding-right: 15px;
	padding-left: 15px;
	float: none;
	font-weight: normal;
}
/* ######## End Header Dropdown Menu ######### */

#footer {
	clear: both;
	background: url(https://www.ramapo.edu/css3/images/footer_top.gif) #660000 repeat-x top left;
	text-align: center;
	color: #FFFFFF;
	padding: 11px 5px 5px 0px;
	font-size: 10px;
	font-weight: bold;
} 
#footer a {
	color: #FFFFFF;
}

#footerAddress {
	display: none;
	visibility: hidden;
}
 
/* End Header and Footer ----------------------------------------------------------------------------------*/

/* Container and Head ----------------------------------------------------------------------------------*/

#cornersTop {
	background:url(https://www.ramapo.edu/css3/images/whitebox-top.png) no-repeat center top;
	height:11px;
	width:950px;
	margin:10px auto 0px auto;
	padding:0px;
}

#container {
	width:928px;
	margin:0px auto;
	padding:0px 11px;
	background:url(https://www.ramapo.edu/css3/images/whitebox-repeat.png) repeat-y center top;
}

#cornersBottom {
	background:url(https://www.ramapo.edu/css3/images/whitebox-bottom.png) no-repeat top center;
	height:11px;
	margin:0px auto 15px auto;
	width:950px;
	padding:0px;
}

#head {
	margin:0px;
	padding:0px;
	height:60px;
}

#head h1 {
	padding:0px;
	margin:0px;
}

#head h1 a:link, #head h1 a:visited, #head h1 a:hover, #head h1 a:active {
	display:block;
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:13px 0px 13px 17px;
	color:#fff;
	text-decoration:none;
	width:784px;
}

.textsize1, .textsize2, .textsize3 {
	float:right;
	width:26px;
	border:1px solid #000;
	padding:0px;
}

.textsize1, .textsize2 {
	margin:17px 2px 0px 0px;
}

.textsize3 {
	margin:17px 19px 0px 0px;
}

.textsize1 a:link, .textsize1 a:visited, .textsize2 a:link, .textsize2 a:visited, .textsize3 a:link, .textsize3 a:visited {
	display:block;
	background-color:#fff;
	text-align:center;
	text-decoration:none;
	color:#000;
	line-height:22px;
	padding:2px 0px;
}

.textsize1 a:link, .textsize1 a:visited {
	font-size:12px;
}

.textsize2 a:link, .textsize2 a:visited {
	font-size:16px;
}

.textsize3 a:link, .textsize3 a:visited {
	font-size:20px;
}

.textsize1 a:hover, .textsize1 a:active, .textsize2 a:hover, .textsize2 a:active, .textsize3 a:hover, .textsize3 a:active {
	text-decoration:underline;
}

#photoBoxMidSize {
	padding:0px 0px 0px 4px;
	margin:0px;
	float:left;
}

#photoBoxFullSize {
	padding:2px 0px;
	margin:0px;
}

#photoBoxFullSize img, #photoBoxMidSize img {
	margin:0px;
	padding:0px;
}

#topNav {
	margin:0px;
	padding:0px;
	height:28px;
}
#topNav ul {
	display:block;
	margin:0px;
	padding:0px;
	height:28px;
}

#topNav ul li {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 5px;
	background:url(https://www.ramapo.edu/css3/images/bullet-nav.gif) center left no-repeat;
}

#topNav ul li:first-child {
	background:none;
}

#topNav li a:link, #topNav li a:visited {
	line-height:26px;
	margin:0px;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
}

#topNav li a:hover, #topNav li a:active {
	text-decoration:underline;
}

/* End Container and Head ----------------------------------------------------------------------------------*/

/* Content and Main Divs ----------------------------------------------------------------------------------*/


.clear {
	clear:both;
	margin:0px;
	padding:0px;
	min-width:180px;
}

#content {
	margin:2px 0px 0px 0px;
	padding:0px;
}

#content.threeCol {
}
#content.leftCol {
}
#content.rightCol {
}
#content.noCol {
	background:#F2F3EB;
}

#main {
	margin:0px 14px;
	padding:0px;
	float:left;
	font-size:12px;
}

#content.threeCol #main {
	width:540px;
}
#content.leftCol #main, #content.rightCol #main {
	width:720px;
}
#content.noCol #main {
	width:900px;
}

/* End Content and Main Divs ----------------------------------------------------------------------------------*/

/* Main Nav ----------------------------------------------------------------------------------*/

#nav {
	margin:0px;
	padding:0px;
	float:left;
	width:180px;
}

.ddsmoothmenu-v ul{
	margin: 0px;
	padding: 0px;
	width: 180px; /* Main Menu Item widths */
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
 
.ddsmoothmenu-v ul li{
	position: relative;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

/* ##### Top level menu links style #####  */
.ddsmoothmenu-v ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #000;
	text-decoration: none;
	padding: 5px;
	margin:0px;
	border-bottom:1px solid #F2ECE3;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
	color: #000;
}

.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #fff;
}

.ddsmoothmenu-v ul li a:hover{
color: #fff;
}

/* ##### Sub level menu items ##### */
.ddsmoothmenu-v ul li ul{
	position: absolute;
	width: 180px; /*Sub Menu Items width */
	top: 0px;
	margin-top:-1px;
	font-weight: normal;
	visibility: hidden;
	border-left:1px solid #F2ECE3;
	border-right:1px solid #F2ECE3;
	border-top:1px solid #F2ECE3;
}

.ddsmoothmenu-v ul li ul li a:link, .ddsmoothmenu-v ul li ul li a:visited{
	color: #fff;
	text-decoration:none;
}

.ddsmoothmenu-v ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #fff;
	text-decoration:underline;
}

.ddsmoothmenu-v ul li ul li a:hover, .ddsmoothmenu-v ul li ul li a:active{
	color: #E8E3DA;
	text-decoration:underline;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 9px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

/*.toplevelshadow{ shadow opacity. Doesn't work in IE
opacity: 0.8;
}*/

.ddsmoothmenu-v li.noLink {
	padding:5px;
	width:170px;
	margin:0px;
	border-bottom:1px solid #F2ECE3;
}

.ddsmoothmenu-v li.commentsLink a {
	border-top:1px solid #FEFAF3;
	border-bottom:none;
	padding:5px;
}

/* End Main Nav ----------------------------------------------------------------------------------*/

/* Rail ----------------------------------------------------------------------------------*/

#rail {
	margin:0px;
	padding:0px;
	width:180px;
	float:left;
}

.railTitle {
	margin:0px;
	padding:14px 5px;
	width:170px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-align:center;
	font-weight:normal;
}

#rail .toTop {
	font-style:normal;
}

#rssFeed p, #rssFeed4 p, #rssFeed3 p {
	padding:0px 5px;
	font-style:italic;
}

.railTxtPhotos {
	margin:0px auto;
	padding:7px 5px;
	text-align:center;
}

.railTxtPhotos p, .railTxtPhotos h4 {
	padding:0px;
	margin:0px;
}

.imgGlowMajor {
	padding:7px;
	background:url(https://www.ramapo.edu/css3/images/imgGlowMajor.png) center center no-repeat;
}

.railButtons {
	margin:0px auto;
	text-align:center;
	width:166px;
	padding:0px;
}

.railButtons a:link, .railButtons a:visited {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:42px;
	font-weight:normal;
	text-decoration:none;
	color:#660000;
	background:url(https://www.ramapo.edu/css3/images/buttonRailBgrnd.png) center center no-repeat;
}

.railButtons a:hover, .railButtons a:active {
	background:url(https://www.ramapo.edu/css3/images/buttonRailBgrnd2.png) center center no-repeat;
	color:#660000;
}

.railButtons img {
	border:0px;
	padding:7px;
}

.translateBtns {
	text-align:center;
	padding:5px 0px;
}

.translateBtns img {
	margin:1px 1px;
}

/* End Rail ----------------------------------------------------------------------------------*/

/* Content Styles ----------------------------------------------------------------------------------*/

p {
	padding:0px;
	margin:14px 0px;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	padding:0px;
	margin:20px 0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	padding:0px;
	margin:22px 0px;
}

h2.concentrationTitle {
	margin:0px 0px 22px 0px;
	padding:0px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	padding:0px;
	margin:16px 0px;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	padding:0px;
	margin:14px 0px;
}

h4.majorTitle {
	margin:22px 0px 8px 0px;
	padding:0px;
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	padding:0px;
	margin:12px 0px;
}

h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:normal;
	padding:0px;
	margin:10px 0px;
}

.hlightOrange, a.hlightOrange, .hlightOrange a {
	color:#C05100;
}

.hlightOrangeBold, a.hlightOrangeBold, .hlightOrangeBold a {
	color:#C05100;
	font-weight:bold;
}

a:link, a:visited {
	color:#660000;
}

a:hover, a:active{
	text-decoration:none;
	color:#0d4269;
}

ul {
	padding:0px 5px 1px 20px;
	margin:0px;
	list-style-type:none;
}

ul li {
	padding:1px 0px 0px 14px;
	margin:0px;
}

ul li ul {
	list-style-type:square;
	margin:0px;
	padding:0px 0px 0px 34px;
}

ul li ul li {
	background:none;
	padding:1px 0px 1px 4px;
	margin:0px;
}

ul li ol li {
	background:none;
}

ol {
	padding:0px 5px 1px 38px;
	margin:0px;
}

ol li {
	padding:1px 0px 0px 0px;
	margin:0px;
}

ol li ul {
	list-style-type:square;
	margin:0px;
	padding:0px 0px 0px 34px;
}

ol li ul li {
	background:none;
	padding:1px 0px 1px 4px;
	margin:0px;
}

/* ##### Additional Navs ##### */

#content.threeCol #main .nav2lvl {
	padding:7px 8px 6px 1px;
	margin:0px;
	list-style-type:none;
	overflow:auto;
	border-bottom:1px solid #BCB5AB;
}

#content.threeCol #main .nav2lvl li {
	display:block;
	width:159px;
	float:left;
	padding:1px 0px 1px 10px;
	margin:0px 0px 0px 8px;
}

#content.leftCol #main .nav2lvl, #content.rightCol #main .nav2lvl {
	padding:7px 8px 6px 1px;
	margin:0px;
	list-style-type:none;
	overflow:auto;
	border-bottom:1px solid #BCB5AB;
}

#content.leftCol #main .nav2lvl li, #content.rightCol #main .nav2lvl li {
	display:block;
	width:219px;
	float:left;
	padding:1px 0px 1px 10px;
	margin:0px 0px 0px 8px;
}

#content.noCol #main .nav2lvl {
	padding:7px 8px 6px 0px;
	margin:0px;
	list-style-type:none;
	overflow:auto;
	border-bottom:1px solid #BCB5AB;
}

#content.noCol #main .nav2lvl li {
	display:block;
	width:205px;
	float:left;
	padding:1px 0px 1px 10px;
	margin:0px 0px 0px 8px;
}

.nav2lvl li a {
	text-decoration:none;
}

.crumbs {
	font-size:10px;
	padding-bottom:6px;
}

/* ##### End Additional Navs ##### */

.toTop {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	margin:14px 0px;
}

.addThis {
	padding:0px;
	margin:14px 0px;
	height:16px;
}

.addThis div {
	float:left; 
	width:300px;
	padding:0px;
	margin:0px;
}

.addThis .toTop {
	margin:0px 0px;
}

.floatImg {
	float:right;
	margin:3px 0px 3px 5px;
	border:1px solid #000;
}

.floatImgLeft {
	float:left;
	margin:3px 5px 3px 0px;
	border:1px solid #000;
}

/* ####### Tables ####### */

.fullBoxBorder {
	border: 1px solid #000000;
}

.fullGridBorder {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

.fullGridBorder td {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 4px;
}

.fullGridBorder th {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

.fullGridBorder p {
	padding: 0px;
	margin: 0px;
}

th {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:left;
	padding:4px 6px;
}

th p, th p.toTop {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

th h1, th h2, th h3, th h4, th h5, th h6 {
	margin:0px;
	padding:0px;
}

th.abcLinks {
	background:none;
	text-align:center;
	padding:4px 6px;
	line-height:24px;
	letter-spacing:1px;
}

.thumbTable td {
	text-align:center;
	padding:4px;
	vertical-align:top;
}

.thumbTable td a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

.thumbTable p {
	padding:0px;
	margin:0px;
}

.thumbTable img {
	display:block;
	margin:4px auto;
	border:1px solid #000;
}

.supertable, .supertableBlue {
	background-color:#FFFFFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

.supertable td, .supertableBlue td {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	padding:4px;
}	

.supertable td p, .supertable th p, .supertableBlue td p, .supertableBlue th p {
	padding: 0px;
	margin: 0px;
}
			
.supertable th, .supertableBlue th {
	color:#FFFFFF;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align:left;
	padding:4px 6px;
}

.supertableBlue th {
	background:url(https://www.ramapo.edu/css3/images/table_header_blue.gif) top left repeat-x;
}

.supertable th a, .supertableBlue th a {
	color:#FFFFFF;
}

.supertable th a:hover, .supertableBlue th a:hover{
	text-decoration:none;
	color:#EEEEEE;
}
.supertable .AccordionPanelContent, .supertableBlue .AccordionPanelContent { padding: 5px 2px 2px 5px; }
.supertable .AccordionPanelContent p, .supertableBlue .AccordionPanelContent p { margin-bottom:12px; }

/* ###### End Tables ###### */

/* ###### Buttons ###### */

.redButton, .blueButton, .orangeButton, .greyButton {
	text-align:center;
}

.redButton a:link, .redButton a:visited, .redButtonTable a:link, .redButtonTable a:visited, .blueButton a:link, .blueButton a:visited, .blueButtonTable a:link, .blueButtonTable a:visited, .orangeButton a:link, .orangeButton a:visited, .orangeButtonTable a:link, .orangeButtonTable a:visited, .greyButton a:link, .greyButton a:visited, .greyButtonTable a:link, .greyButtonTable a:visited {
	margin:2px;
	color:#fff;
	font-family:Verdana, Arial, Geneva, sans-serif;
	text-decoration:none;
	text-align:center;
	padding:5px 7px 6px 7px;
	border:1px solid #000;
}

.redButton a:link, .redButton a:visited, .blueButton a:link, .blueButton a:visited, .orangeButton a:link, .orangeButton a:visited, .greyButton a:link, .greyButton a:visited {
	display:inline-block;
}

.redButtonTable a:link, .redButtonTable a:visited, .blueButtonTable a:link, .blueButtonTable a:visited, .orangeButtonTable a:link, .orangeButtonTable a:visited, .greyButtonTable a:link, .greyButtonTable a:visited {
	display:block;
}

.redButton a:link, .redButton a:visited, .redButtonTable a:link, .redButtonTable a:visited {
	background: url(https://www.ramapo.edu/css3/images/redBG.jpg) #660000 top left repeat-x;
}

.redButton a:hover, .redButton a:active, .redButtonTable a:hover, .redButtonTable a:active {
	background: url(https://www.ramapo.edu/css3/images/redBG_2.jpg) #9C211A top left repeat-x;
}

.blueButton a:link, .blueButton a:visited, .blueButtonTable a:link, .blueButtonTable a:visited {
	background: url(https://www.ramapo.edu/css3/images/blueBG.jpg) #06263D top left repeat-x;
}

.blueButton a:hover, .blueButton a:active, .blueButtonTable a:hover, .blueButtonTable a:active {
	background: url(https://www.ramapo.edu/css3/images/blueBG_2.jpg) #104E7B top left repeat-x;
}

.orangeButton a:link, .orangeButton a:visited, .orangeButtonTable a:link, .orangeButtonTable a:visited {
	background: url(https://www.ramapo.edu/css3/images/orangeBG.jpg) #873800 top left repeat-x;
}

.orangeButton a:hover, .orangeButton a:active, .orangeButtonTable a:hover, .orangeButtonTable a:active {
	background: url(https://www.ramapo.edu/css3/images/orangeBG_2.jpg) #B15A13 top left repeat-x;
}

.greyButton a:link, .greyButton a:visited, .greyButtonTable a:link, .greyButtonTable a:visited {
	background: url(https://www.ramapo.edu/css3/images/greyBG.jpg) #DFDED9 top left repeat-x;
	color:#000;
}

.greyButton a:hover, .greyButton a:active, .greyButtonTable a:hover, .greyButtonTable a:active {
	background: url(https://www.ramapo.edu/css3/images/greyBG_2.jpg) #F1F0EE top left repeat-x;
	color:#000;
}

/* ###### End Buttons ###### */

/* ###### Spry Styles ###### */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container.  */

.CollapsiblePanel { 
	margin: 6px 0px;
	padding: 0px;
	border:1px solid #B8B0A7;
}

/* This is the selector for the CollapsiblePanelTab. This container houses the title for the panel. This is also the container that the user clicks on to open or close the panel. */

.CollapsiblePanelTab { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	background:url(https://www.ramapo.edu/css3/images/spry_arrow1.gif) no-repeat center left #DED9D0;
	margin: 0px;
	padding: 4px 28px;
	cursor: pointer;
	color:#000;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that you should never put any padding on the content area element if you plan to use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content  element can cause the CollapsiblePanel to abruptly grow in height while the panels animate. */

.CollapsiblePanelContent { 
	margin: 0px;
	padding: 0px 12px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the keyboard focus ring appears *inside* the tab instead of around the tab. */

.CollapsiblePanelTab a { 
	color: #660000;
	text-decoration: underline;
}

/* This is the selector for the appearance of the panel tab that is currently open. The class "CollapsiblePanelOpen" is programatically added and removed from panels as the user clicks on the tabs within the CollapsiblePanel. */
 
.CollapsiblePanelOpen .CollapsiblePanelTab { 
	background:url(https://www.ramapo.edu/css3/images/spry_arrow2.gif) no-repeat center left #660000;
	color:#fff;
	border-bottom:1px solid #B8B0A7;
}

.CollapsiblePanelOpen .CollapsiblePanelTab a {
	color:#fff;
}

/* This is the selector for the appearance of the panel tab when the CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed whenever the CollapsiblePanel is closed. */

.CollapsiblePanelClosed .CollapsiblePanelTab { 
	
}

.CollapsiblePanelClosed .CollapsiblePanelTab a {
	
}

/* This is the selector for the appearance of the panel tab as the mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added and removed from panel tab containers as the mouse enters and exits the tab container. */
 
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover { 

	background:url(https://www.ramapo.edu/css3/images/spry_arrow2.gif) no-repeat center left #660000;
	color:#fff;
}

.CollapsiblePanelTabHover a,  .CollapsiblePanelOpen .CollapsiblePanelTabHover a {
	color:#fff;
	text-decoration:none;
}

/* This is the selector for the appearance of all the panel tabs when the CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed whenever the CollapsiblePanel gains or loses keyboard focus. */
 
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background:url(https://www.ramapo.edu/css3/images/spry_arrow2.gif) no-repeat center left #660000;
	color:#fff;
}

.CollapsiblePanelFocused .CollapsiblePanelTab a {
	color:#fff;
}

/* ######## End Spry Styles ######### */

/* End Content Styles ----------------------------------------------------------------------------------*/

/* Printing ----------------------------------------------------------------------------------*/

.noprint {
	display: inherit;
	visibility: visible;
}

.printonly {
	display: none;
	visibility: hidden;
}

/* End Printing ----------------------------------------------------------------------------------*/

/* Ektron Code */
#design_content, div.design_content 
{
	background-color: transparent !important;

}

.design_content > ektdesignns_choices, ol
{
    background-color: transparent !important;
    border: medium none !important;
}