/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.programs #navbar li.programs,
body.school #navbar li.school,
body.scholarships #navbar li.scholarships,
body.experience #navbar li.experience,
body.careers #navbar li.careers,
body.resources #navbar li.resources,
body.about #navbar li.about,
body.contact #navbar li.contact {font-weight: bold; background-color: #DDD;}



/*--------------Scrollable Banner--------------*/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
margin-bottom:10px;  
position:relative; 
    overflow:hidden; 
    width: 680px; 
    height:340px; 
} 
 div.scrollable h1 { 
    border-bottom:none;
	font-size:145%;
	color:#fff;
	width:100%;
	background: url(/alumni/images/highlight/top.gif) no-repeat top left;
	padding:10px 0 10px 20px;
margin:0;

} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
width:680px;
height:340px;
} 
div.scrollable div.items div.headline { 
margin: 275px 0 0 0;
width:680px;
height:65px;
background: transparent url(/academic/pre-medical/images/scrollable/bg-semi-transparent.png) bottom left repeat-x;
}
div.scrollable div.items div.headline p { 
margin:0;
padding:5px;
color:#fff;
line-height: 120%;


}
div.scrollable div.items div.headline p a {
	text-decoration:underline;
	color:#ffcc00;
	} 

div.scrollable div.items div.headline p a:visited {
	text-decoration:underline;
	color:#ffcc00;
	}
div.scrollable div.items div.headline p a:hover {
	text-decoration:none;
	color: #9999cc
	}

div.scrollable div.items div.headline h4 { 
margin:0;
padding:5px;
color:#fff;
line-height: 120%;

} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active {  
    background-color:#fff; 
}
/* position and dimensions of the navigator */
div.navi {
	margin-left:255px;/* adjust this to center the navigator */
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:12px;
	height:12px;
	float:left;
	margin:3px;
	background:url(/academic/pre-medical/images/scrollable/navigator-grey.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -12px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -12px;     
} 
.arrows {
	margin:0 0 0 325px;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next {
	display:block;
	width:20px;
	height:20px;	
	float:left;
	margin:0px 0 0 258px;
	cursor:pointer;
	font-size:1px;
}
a.next {	
	clear:right;
        margin: -20px 0 0 405px;
        display:block;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
	font-size:1px;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -20px;