/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.departments #navbar li.departments,
body.grounds #navbar li.grounds,
body.architectural #navbar li.architectural,
body.mechanical #navbar li.mechanical,
body.buildingservices #navbar li.buildingservices,
body.ehs #navbar li.ehs,
body.service #navbar li.service,
body.vehicles #navbar li.vehicles,
body.projects #navbar li.projects,
body.policies #navbar li.policies,
body.about #navbar li.about,
body.contact #navbar li.contact,
body.green #navbar li.green,
body.layout #navbar li.layout { font-weight: bold; background: url(http://www.calvin.edu/includes/templates/9/images/bg-border-navbar.gif) left bottom repeat-x; background-color: #ddd;}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#oneColLayout #wrapper #content #primaryContent .gutter {
	background-color: #FCFCFE;
	text-align: left;
}

#oneColLayout #wrapper #content #primaryContent .gutter blockquote blockquote p strong {
}

#oneColLayout #wrapper #content #primaryContent .gutter #thankyoupage .vehicle_thankyoupage {
	color: #FF9;
}

/*used on the department pages for staff listings*/
p.staff-listing 
{
	text-indent:-20px;
	margin:0px 0px 5px 20px; /* top right bottom left */
}

p.staff-listing:first-line 
{
	font-weight:bold;
}



/* EHS page */
td.heading{
	font-size: 130%;
	color: #98002E;
	text-align: left;
	border-bottom: 1px solid #909090;
	padding-top: 10px;
	
}
table.req{
	width:666px;
	vertical-align:top;
}
td.equip{
	width:275px;
	vertical-align:top;
}
td.training{
	width:275px;
	vertical-align:top;
}
td.freq{
	width:100px;
	vertical-align:top;
}




    
/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.academics #navbar li.academics,
body.scholarships #navbar li.scholarships,
body.real-world #navbar li.real-world,
body.careers #navbar li.careers,
body.news #navbar li.news,
body.faculty #navbar li.faculty,
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: 720px; 
    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:720px;
height:340px;
} 
div.scrollable div.items div.headline { 
margin: 275px 0 0 0;
width:720px;
height:65px;
background: transparent url(/admin/physicalplant/images/slider/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(/admin/physicalplant/images/slider/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;  }
	
/* vehicles/index.html */
.redborder{
	border:1px solid #98002e;
}
#rentalfees
{
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
width:100%;
border-collapse:collapse;
}
#rentalfees td, #rentalfees th 
{
font-size:1em;
border:1px solid #98002e;
padding:3px 7px 2px 7px;
}
#rentalfees th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#98002e;
color:#fff;
text-align:center;
}
#rentalfees tr.alt td 
{
color:#000000;
background-color:#eee;
}

#calvinfleet
{
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
width:100%;
border-collapse:collapse;
}
#calvinfleet td, #calvinfleet th 
{
font-size:1em;
border:1px solid #98002e;
padding:3px 7px 2px 7px;
}
#calvinfleet th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#98002e;
color:#fff;
text-align:center;
}
#calvinfleet tr.alt td 
{
color:#000000;
background-color:#eee;
}
td.cfpic {
	height:80px;
	width:50px;
}