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

/* ---------------------------------------- Tag Control -----------------------------------------------*/

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


/* ---------------------------------------- End Tag Control -----------------------------------------------*/


/* ---------------------------------------- Header -----------------------------------------------*/
#headerContainer { width:871px; position: relative; margin: 3px auto 0px auto;}

#header{ clear:both; padding: 4px 10px 10px 10px; background-color: #660000;
	background-image: url(http://www.ramapo.edu/images/hpg/topbar2.jpg);
	background-position:bottom; background-repeat:repeat-x; border-left: 1px solid #000000; border-top: 1px solid #000000;
	border-right: 1px solid #000000; height:80px; }
#header h1{  display:none; visibility:hidden; }
#header h2{ text-align: right; color:#FFFFFF; margin: 8px 0px 10px 0px; font-family:"Times New Roman", Times, serif; font-size: 24px;  }

#logo{ height:70px; width:207px; background:url(http://www.ramapo.edu/images/hpg/header_sml3.gif) no-repeat left top; position:absolute; top: 34px; left: 20px; }


#search{ text-align: right; z-index: 0; position: absolute;	bottom: 10px; right: 10px; }
#searchButton { z-index:0!important; height: 22px; width:50px; background:#FFFFFF; border: solid 1px #000000; padding-bottom: 2px;
	cursor: pointer; }
	
#crumbsNav {  margin: 0px auto 3px auto;  }
#crumbsNav ul.crumNavUL { margin:0px; text-align: right; font-weight: bold; }
#crumbsNav ul.crumNavUL li{ display:inline; padding: 0px 0px 0px 10px; }
#crumbsNav ul.crumNavUL li a{ color:#000000; text-decoration:none; font-size:11px; text-transform:uppercase; }
#crumbsNav ul.crumNavUL li a:hover{ text-decoration:underline; text-transform:uppercase; }

#morelinks{ float:right; z-index:100; }

#QuicklinksDiv { font-size: 12px; position:absolute;
	background:url(http://www.ramapo.edu/images/hpg/bg_flybox2.gif) top right no-repeat #454545;
	border: 2px solid #353535; width: 600px; top: 16px; right: 0px; display: none; overflow: hidden;z-index:99;
	color:white; padding:5px; }

#QuicklinksDiv a{ color:#FFF; text-decoration:none; }
#QuicklinksDiv a:hover{ color:#CCCCCC; text-decoration:underline; }
#QuicklinksDiv ul{ margin:0 0 0 20px; padding:0px; list-style:square; }
#QuicklinksDiv li { background: none; background: url(http://www.ramapo.edu/css2/images/bg_whiteBullet.gif) no-repeat left;
	list-style-type: none; padding-right: 15px; padding-left: 15px; }

.gborange a{ text-decoration:none; color:#000000; font-size:11px; text-align:right; padding-left:8px; font-weight: bold; text-transform:uppercase; }
.gborange a:hover{ text-decoration:underline; }

/* ---------------------------------------- End Header -----------------------------------------------*/


/* ---------------------------------------- Content Area -----------------------------------------------*/

#letterbox{
	margin:0px;
	padding:0px;
	/* background:url(http://www.ramapo.edu/images/hpg/bg_letterbox.gif) top repeat-x #000000; */
	/*background:url(http://www.ramapo.edu/css2/images/bg_main.gif) top repeat-x #dcdfca;*/
}
#container{
	margin:0px auto 0px;
	width:857px;
	padding: 0px 6px 8px 6px;
	background:#f2f3eb;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	}

/* ---------------------------------------- Main Nav -----------------------------------------------*/
#mainnav{
margin:0;
padding:5px 0 0 0;
font-size:14px;
font-weight:bold;
}
#mainnav li{
list-style:none;
margin:0px;
background:url(http://www.ramapo.edu/images/hpg/nav_bg.gif) top left no-repeat;
width:218px;
height:31px;
}
#mainnav li a{
	display:block;
	padding:7px 0 0 9px;
	color:#FFFFFF;
	text-decoration:none;
}
/* ---------------------------------------- End Main Nav -----------------------------------------------*/
#flash{
	float:right;
	margin:5px 3px 0px 0px;
	border: 1px #000000 solid;
}
/* ---------------------------------------- Buttons -----------------------------------------------*/



/* ---------------------------------------- End Buttons -----------------------------------------------*/
#newsbar{
	height:10px;
	width:859px;
	font-weight:bold;
	background-color:#660000;	
	margin:8px 0 8px 0;
	text-align:center;
	line-height:26px;
}
#emergencyBar { background-color:#FF6600; border: 1px solid #000000; width:859px; font-weight:bold;
	margin:8px 0 8px 0;	text-align:center; line-height:26px; }
	
#emergencyBar a{ color:#000; }
#newsbar a { color:#FFFFFF; }
#newsbar a:hover, #emergencyBar a:hover{ text-decoration:none; }

/* ---------------------------------------- Tan Content Area -----------------------------------------------*/
#tanbox{
height:148px;
padding:0;
margin:5px 0 5px 0;
clear: both;
}

#campusinfo { float: left; width:218px; border: 1px solid #000000; }
#campusinfo ul{ padding: 0px; margin: 0px; }
#campusinfo li{ padding: 5px 0px 0px 5px; list-style: none; }
#campusinfo a{  font-weight:bold; color:#660000; font-weight: bold; }
#campusinfo a:hover { text-decoration: none; }
#campusinfo td { padding: 2px; }
#campusinfo .heading { background-color:#003366; color:#FFFFFF; border-bottom:1px solid #000; padding: 5px; font-weight: bold; }

#campusinfo a.darkButton{ 
	background:url(http://www.ramapo.edu/images/hpg/btn_bg4.jpg) top left repeat-x;
	padding: 6px;
	display:block;
	color:#FFFFFF;	
	text-decoration:none;
}
#campusinfo a.darkButton:hover{
	background:url(http://www.ramapo.edu/images/hpg/btn_bg5.jpg) top left repeat-x;
}
#video { 
	float: left;
	margin-left: 7px;
	
}
#video table { border: 1px solid #000000; }


#news{
	float: left;
	margin:0px 0px 5px 0px;
	width:590px;
}
#news h3{
	margin:0;
	font-size: 14px;
	padding:0 0 0 5px;
	line-height:31px;
	color:white;
	background:#660000 url(http://www.ramapo.edu/images/hpg/bg_newbar.gif) repeat-x top;
}
#news ul{
padding:0;
margin:5px;
}
#news ul li{
margin-left:15px;
padding:3px 0 3px 0;
list-style:square;
}
#news a{
color:#000;
font-weight:bold;
}
#news a:hover{
text-decoration:none;
}

#extrasbar{
	padding:7px;
	clear:both;
	width:842px;
	background:url(http://www.ramapo.edu/images/hpg/btn_bg4.jpg) top left repeat-x;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
}

#extrasbar ul{
	padding:0px;
	margin:0px;
	display:block;
}

#extrasbar ul li{
color:white;
display:inline;
padding:0 13px 0 13px;
background:url(http://www.ramapo.edu/images/hpg/extralinks_bullet.gif) center left no-repeat;
}
#extrasbar ul li a{
color:white;
text-decoration:none;
}
#extrasbar ul li a:hover{
text-decoration:underline;
}

#interactive{
	clear:both;
	bottom:0;
	left:0px;
	background:url(http://www.ramapo.edu/images/hpg/bg_blackfade.gif) bottom repeat-x;
	width:857px;
}
#interactive img{
	margin:1px 24px 1px 24px;
	padding:0;
	border:none;
}
#flashandnav{
	height:300px;
}

/* ---------------------------------------- End Tan Content Area -----------------------------------------------*/

/* ---------------------------------------- End Content Area -----------------------------------------------*/


/* ---------------------------------------- Footer -----------------------------------------------*/

#footer {
color:#FFFFFF;
font-size:11px;
padding:15px;
text-align:center;
background-color: #660000;
background-image: url(http://www.ramapo.edu/images/hpg/topbar3.jpg);
background-position:top;
background-repeat:repeat-x;
width:839px;
margin: 0px auto 5px auto;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;

}
#footer a{
color:#FFFFFF;
}
#footer a:hover{
text-decoration:none;
}
/* ---------------------------------------- End Footer -----------------------------------------------*/


/*****************  slider *****************/
.sliderwrapper{
/*position: relative; leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #000000; border-width: 1px 1px 0px 1px; width: 590px; /*width of featured content slider*/
height: 132px; }

.sliderwrapper .contentdiv{ visibility: hidden; padding: 5px; background-color: #FFFFFF; 
	width: 580px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%; }

.contentdiv a { font-size: 14px; text-decoration: none; }
.pagination { width: 570px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right; background-color: #FFFFFF; padding: 5px 10px; border-right: 1px solid #000000; border-bottom: 1px solid #000000;
	border-left: 1px solid #000000; }

.pagination a{ padding: 2px 5px 2px 5px; /* nav numbers 1,2,3.. */ text-decoration: none; color: #00007D; background-color: #FFFFFF;
	border: 1px solid #999999; }

.pagination a:hover, .pagination a.selected{ color: #000; background-color: #FEE496; }
.prev, .next { visibility:hidden; display:none; }