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

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

body{
padding:0px;
margin:0px;
background:#660000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
h1{
display:none;
visibility:hidden;
}
h2{
display:none;
visibility:hidden;
}
/* ---------------------------------------- End Tag Control -----------------------------------------------*/


/* ---------------------------------------- Header -----------------------------------------------*/
#header{
margin:0;
padding:0;
background:url(../images/layout/topbar.gif) bottom repeat-x #660000;
height:85px;
}
#logo{
	margin:0 auto;
	height:77px;
	width:850px;
	background:url(../images/layout/header_sml.gif) no-repeat left bottom;
}
/* ---------------------------------------- End Header -----------------------------------------------*/


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

#letterbox{
	margin:0;
	padding:0 0 3px;
	background:url(../images/layout/bg_letterbox.gif) top repeat-x #000000;
}
#container{
	margin:0px auto 0;
	padding:0;
	width:857px;
	}

/* ---------------------------------------- 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(../images/layout/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{
	position:absolute;
	top:0px;
	left:218px;
	margin:5px;
}
/* ---------------------------------------- Buttons -----------------------------------------------*/
#buttons{
position:absolute;
top:0px;
right:0px;
margin:5px 0 0 0;
}
#buttons li{
list-style:none;
margin:0;
width:91px;
}
#buttons li.oneLine a{
padding-top: 17px;
height:30px;
}
#buttons li a{
color:white;
text-align:center;
text-decoration:none;
font-weight:bold;
display:block;
background:url(../images/layout/btn_bg2.gif) top left no-repeat;
padding:9px 0 0 0;
height:37px;
border-bottom:1px solid white;
}
#buttons li a:hover{
background:url(../images/layout/btn_bg2_roll.gif) top left no-repeat;

}
/* ---------------------------------------- End Buttons -----------------------------------------------*/
#newsbar{
	height:26px;
	width:859px;
	font-weight:bold;
	background:url(../images/layout/bg_eventbar2.gif) no-repeat left top;
	margin:5px 0 5px 0;
	text-align:center;
	line-height:26px;
}
#newsbar a{
color:#FFFFFF;
}
#newsbar a:hover{
text-decoration:none;
}
#bigbuttons{
width:859px;
margin:0;
padding:2px 0px 8px 0px;;
}

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

#campusinfo{
	float: left;
	margin:5px 8px 5px 4px;
	width:210px;
	background:url(../images/layout/bg_bluefade.gif) top repeat-x #dcdfca;
}
#campusinfo h3{
	margin:0;
	font-size: 14px;
	padding:0 0 0 5px;
	line-height:31px;
	color:white;
	background:#164f59 url(../images/layout/bg_campusinfo.gif) repeat-x top;
}
#campusinfo p{
margin:5px;
padding:0;
}
#campusinfo a{
color:#660000;
font-weight:bold;
}
#campusinfo a:hover{
text-decoration:none;
}


#news{
	float: left;
	margin:5px 8px 5px 0px;
	width:427px;
	background:url(../images/layout/bg_redfade.jpg) top repeat-x #dcdfca;
}
#news h3{
	margin:0;
	font-size: 14px;
	padding:0 0 0 5px;
	line-height:31px;
	color:white;
	background:#660000 url(../images/layout/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:#660000;
font-weight:bold;
}
#news a:hover{
text-decoration:none;
}

#extrasbar{
	padding:0;
	clear:both;
	left:0px;
	bottom:78px;
	height:31px;
	width:857px;
	background:#164F59 url(../images/layout/bot_bb.gif) repeat-x top;
	
}
#extralinks{
	z-index:11;
	text-align:center;
	margin-top: 8px;
}
#extralinks ul{
	padding:0px;
	margin:0px;
	display:block;
}

#search{
	width:200px;
	z-index: 0;
	margin: 4px 0px 0px 0px;
}

#searchButton {
	z-index:0!important;
	height: 22px; 
	width:50px; 
	background:#FFFFFF; 
	border: solid 1px #000000; 
	padding-bottom: 2px;
	cursor: pointer;
}

#extralinks ul li{
color:white;
display:inline;
padding:0 20px 0 20px;
background:url(../images/layout/extralinks_bullet.gif) center left no-repeat;
}
#extralinks ul li a{
color:white;
text-decoration:none;
}
#extralinks ul li a:hover{
text-decoration:underline;
}

#interactive{
	clear:both;
	bottom:0;
	left:0px;
	background:url(../images/layout/bg_blackfade.gif) bottom repeat-x;
	width:857px;
}
#interactive img{
	margin:1px 24px 1px 24px;
	padding:0;
	border:none;
}
#flashandnav{
	position:relative;
	height:335px;
}

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

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


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

#footer {
color:#FFFFFF;
font-size:11px;
padding:15px;
text-align:center;
background:url(../images/layout/botbar2.gif) top repeat-x #660000;

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

.gborange a{
display:block;
background:url(../images/layout/morelinks_orange.gif) top right no-repeat;
height:29px;
width:180px;
text-decoration:none;
color:white;
font-size:14px;
text-align:right;
line-height:29px;
padding-right:15px;
border-bottom:1px solid #dcdfca;
}

.gborange a:hover{
background:url(../images/layout/morelinks_orange_roll.gif) top right no-repeat;
}

.gbgreen a{
display:block;
background:url(../images/layout/morelinks_green.gif) top right no-repeat;
height:29px;
width:180px;
text-decoration:none;
color:white;
font-size:14px;
text-align:right;
line-height:29px;
padding-right:15px;
border-bottom:1px solid #dcdfca;
}
.gbgreen a:hover{
background:url(../images/layout/morelinks_green_roll.gif) top right no-repeat;
}

.gbblue a{
display:block;
background:url(../images/layout/morelinks_blue.gif) top right no-repeat;
height:29px;
width:180px;
text-decoration:none;
color:white;
font-size:14px;
text-align:right;
line-height:29px;
padding-right:15px;
border-bottom:1px solid #dcdfca;
}
.gbblue a:hover{
background:url(../images/layout/morelinks_blue_roll.gif) top right no-repeat;
}
.gbred a{
display:block;
background:url(../images/layout/morelinks_red.gif) top right no-repeat;
height:29px;
width:180px;
text-decoration:none;
color:white;
font-size:14px;
text-align:right;
line-height:29px;
padding-right:15px;
border-bottom:1px solid #dcdfca;
}
.gbred a:hover{
background:url(../images/layout/morelinks_red_roll.gif) top right no-repeat;
}

/*------------------------------------- quick links menues --------------------------------- */
#morelinks{
	float: right;
	margin-top: 5px;
	margin-right: 2px;
}

#QuicklinksDiv {
	font-size: 12px;
	position: absolute;
	background:url(../images/layout/bg_flybox.gif) top right no-repeat #454545;
	border: 2px solid #353535;
	width: 600px;
	top: 34px;
	right:2px;
	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;
}

#QuicklinksDivRed {
	font-size: 12px;
	position: absolute;
	background:url(../images/layout/bg_flybox_red.gif) top right no-repeat #454545;
	border: 2px solid #353535;
	width: 600px;
	top: 64px;
	right:2px;
	display: none;
	overflow: hidden;
	z-index:99;
	color:white;
	padding:5px;
}

#QuicklinksDivRed a{
	color:#FFF;
	text-decoration:none;
}
#QuicklinksDivRed a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}
#QuicklinksDivRed ul{
	margin:0 0 0 20px;
	padding:0px;
	list-style:square;
}


#QuicklinksDivBlue {
	font-size: 12px;
	position: absolute;
	background:url(../images/layout/bg_flybox_blue.gif) top right no-repeat #454545;
	border: 2px solid #353535;
	width: 600px;
	top: 94px;
	right:2px;
	display: none;
	overflow: hidden;
	z-index:99;
	color:white;
	padding:5px;
}

#QuicklinksDivBlue a{
	color:#FFF;
	text-decoration:none;
}
#QuicklinksDivBlue a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}
#QuicklinksDivBlue ul{
	margin:0 0 0 20px;
	padding:0px;
	list-style:square;
}


#QuicklinksDivGreen {
	font-size: 12px;
	position: absolute;
	background:url(../images/layout/bg_flybox_green.gif) top right no-repeat #454545;
	border: 2px solid #353535;
	width: 600px;
	top: 124px;
	right:2px;
	display: none;
	overflow: hidden;
	z-index:99;
	color:white;
	padding:5px;
}

#QuicklinksDivGreen a{
	color:#FFF;
	text-decoration:none;
}
#QuicklinksDivGreen a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}
#QuicklinksDivGreen ul{
	margin:0 0 0 20px;
	padding:0px;
	list-style:square;
}
#QuicklinksDiv li, #QuicklinksDivRed li, #QuicklinksDivBlue li, #QuicklinksDivGreen 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;
}

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



.sliderwrapper .contentdiv{
visibility: hidden; 
padding: 5px;
background: white;
width: 415px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 405px; /*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: 1px solid #000000;
border-width: 0px 1px 1px 1px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

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