/* ----------------------------------------- MAIN STRUCTURAL ELEMENTS OF THE SITE ------------------------------------------ */
#container {
width: 960px;
height:auto;
margin-left: auto;
margin-right: auto;
} 
/* Various Body stylings, adjusting for heights in various browsers */

/* Secondary Page body background elements */
body {
background-image:url(../img/topbg-secondary.jpg);
background-repeat:repeat-x;
background-color:#fff;
font-family : Arial, Helvetica, sans-serif ;
}

/* IE fix for background secondary page image repeat */
.ie body{
background-image:url(../img/topbg-secondary-ie.jpg);
}

/* Tertiary Background Image */
body.tertiary {
background-image:url(../img/tertiary-bodybg.jpg);
background-repeat:repeat-x;
background-color:#fff;
}

.ie body.tertiary {
background-image:url(../img/tertiary-bodybg-IE.jpg);
}

/* Middle sized template body background image */
/* keep an eye on this image, because in Safari, the image was too tall under some conditions. The IE one fits right. Must test in Windows browsers/FF */
body.midtemplate{
background-image:url(../img/topbg-04.jpg);
background-repeat:repeat-x;
background-color:#fff;
}

/* IE fix for height */
.ie body.midtemplate{
background-image:url(../img/topbg-04-ie.jpg);
}


/* ------------------------------------------------------ TEXT FORMATTING ------------------------------------------------------------- */
/* Body copy */
p, body {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#002147;
}

/* Text for the far right column or other smaller text elements */
p.smalltext, ul.smalltext, p.smalltext a, ul.smalltext a{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#002147;
line-height : 1.2 ;
}

/* Text that falls within the leftblock and rightblock divs */
p.blocktext{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:16px;
color:#002147;
}

/* Main hyperlink styling within bodycopy */
a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#002147;
}

/* Hyperlink styling for far right and leftblock rightblock divs */
a.smalltext{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#002147;
}

/* Hyperlink styling for jump back to the top of the page links */
a.returntotop{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#002147;
/*
padding-left:500px;
*/
}

a:hover{
color:#d9a901;
}

/* small text in a box below the mainnav */

li#dept_info {
	margin-top : 40px ; 
	font-size : .7em ; 
	border : 0px solid #ccc ; 
	text-align : left ;
	width : 110px ; 
	background-color : #FFFFFF ;
	padding : 0px ; 
}

li#dept_info a {
	font-size : 1em ; 
	text-decoration : underline ; 
}

#dept_info p {
	font-size : .65em ;
	margin-left : 20px ;
}

#dept_info img {
	width : 75px ;
	margin : 10px 0px 0px 40px ;
}

/* Main Section title */
h1, h1 a {
font-family:Arial, Helvetica, sans-serif;
font-size:20pt;
margin-top:0px;
color:#002147;
margin-bottom:4px;
}

/* IE fix for H1 placement */
.ie h1{
margin-bottom:6px;
}

/* Main headers within each section */
h2{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.4em ;
font-weight:bold;
color:#002147;
}

/* IE fix for h2 placement */
.ie h2{
margin-top:4px;
margin-bottom:4px;
}

/* News and Events section header */
h2.dateheader{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#d9aa00;
}

/* Right sidebar header */
#third_column h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
background-color:#d9aa00;
text-transform:uppercase;
font-weight:bold;
color:#002147;
margin-top:0px;
margin-bottom:0px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
}


/*  KH: Don't need this -- I added ul.smalltext instead
#third_column li {
	font-size : .75em ; 	
}
*/

#third_column ul {
	margin-bottom : 20px ; 
}

/* New H3, for normal use */
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:bold;
color:#002147;
margin-top:0px;
margin-bottom:4px;
}

/* IE6 placement fix */
.ie6 h3{
margin-top:-4px;
}

/* Mini Header Tag in leftblock rightblock divs and far right area */
#third_column h4{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#002147;
margin-top:0px;
margin-bottom:4px;
}

h4 {
	font-size : 1em ; 
}

/* Top section header that falls within yellow bar 
KH: Fix all instances of h5s in templates to be semantically appropriate */
h5, #sectionheader-tertiary p{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
margin-top:2px;
margin-left:24px;
margin-bottom:0px;
}

/* Image Caption Text for secondary templates */
h6{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-transform:uppercase;
color:#fff;
font-weight:bold;
margin-bottom:-6px;
}
/* IE6 fix for placement */
.ie h6{
margin-bottom:-14px;
}

/* --------------------------------------------------------- HEADER SECTION ------------------------------------------------------ */
/* The top section that houses the logo and searchbox */
#topbar {
background-image:url(../img/tertiary-bg.gif);
background-repeat:repeat-x;
width:960px;
height:70px;
float: left;
}
/* Fixes hyperlinking the uri logo */
#topbar img {
 border: none;
}

/* Posistion the logo inside the topbar div */
#logo{
float:left;
padding-top:6px;
padding-left:20px;
}

/* URI Text Logo */
#topbar img.logo{
width:173px;
height:56px;
behavior: url("css/iepngfix.htc");
}

/* Top bar link section with searchbox */
/* KH: changed the name of these from 'rightlinks' to 'global_general_links' to reflect the reality that they may not always be on the right */
#global_general_links{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#fff;
float:right;
}

/* Format the hyperlinks that go here */
#global_general_links a{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#fff;
text-decoration:none;
padding-left:2px;
padding-right:2px;
}

#global_general_links a:hover{
color:#d9a901;
}

/* Style the search box and search button sections */
input, select, textarea {
color : #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000;
/*
margin-top:-8px;
*/
}

/* KH: WILL add qualifier that this only applies to global_general_links forms */

#global_general_search_form div {
	display : inline ;
}

#global_general_search_form label {
display : none ;
}

#global_general_search_form div.search {
display : inline ;
}


/* Fixes Windows Firefox placement of search box */
.win.gecko input, select, textarea {
margin-top:0px;
}


/* Fixes text sizing issue in Firefox on Windows */
.win.gecko input {
height:14px;
}

textarea { 
width:300px; 
height:150px;
}

/* Style the search button */
input.searchbutton { 
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#fff;
border:none;
width:90px;
margin-right:-18px;
background-color:#002147;
height:16px;
}

/* Macintosh Safari fix for search box color issue */
.mac.safari input.searchbutton{
background-color:#071837;
}

/* Main Secondary Template page image file goes here */
#mainimage{
width:960px;
}

/* Block for holding tertiary section header bar without any image */
#mainimage-tertiary{
width:960px;
height:90px;
}

/* Placement fix for IE */
.ie #mainimage-tertiary{
height:24px;
}

/* Header bar floating over image */
#sectionheader{
top:78px;
position:absolute;
background-color:#d9aa00;
height:20px;
width:960px;
z-index:30;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/* Previous header bar

#sectionheader{
position:absolute;
margin-top:69px;
background-color:#d9aa00;
height:20px;
width:960px;
z-index:30;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

*/

/* Header for Tertiary Page, transparency is removed for these subsequent sections */
#sectionheader-tertiary{
position:absolute;
margin-top:69px;
background-color:#d9aa00;
height:20px;
width:960px;
}

#sectionheader a, #sectionheader-tertiary a {
text-decoration : none ;
}

#sectionheader a:hover, #sectionheader-tertiary a:hover {
color : #fff ;
}

/* IE placement fix */
.ie #sectionheader, .ie #sectionheader-tertiary{
margin-top: 0px;
}

/* Styling for Image Titles for the college pages */
#sectionheader img, #sectionheader-tertiary img{
margin-left:20px;
width:419px;
height:10px;
margin-top:5px;
behavior: url("css/iepngfix.htc");
}

/* Picture Captions Text Formatting */
#captionleft p, #captionright p{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#fff;
font-weight:bold;
}

/* Placement of the left caption */
#captionleft{
position:absolute;
z-index:30;
max-width: 210px;
max-height:110px;
margin-top:350px;
margin-left:16px;
overflow:hidden;
}

/* Placement of right caption */
#captionright{
position:absolute;
z-index:30;
max-width: 210px;
max-height:110px;
margin-top:350px;
margin-left:730px;
overflow:hidden;
}

/* IE placement fix for left and right captions */
.ie #captionleft, .ie #captionright{
margin-top:310px;
height:90px;
}

/* IE6 width formatting fix for caption areas */
.ie6 #captionleft, .ie6 #captionright{
width:200px;
}

/* Place to hold horizontal drop down menu */
#menucontainer{
margin-top:-13px;
height:22px;
background-color:#002147;
z-index:100;
}

/* IE7 Height fix in container */
.ie7 #menucontainer{
margin-top:-4px;
height:28px;
}

/* IE6 height fix for menucontainer */
.ie6 #menucontainer, .ie6 #menucontainer.tertiary{
margin-top:-4px;
}

.dropmenudiv {
	border-left : 1px solid #666 ;
	border-right : 1px solid #666 ;
}

.dropmenudiv a {
	border-bottom : 1px solid #666 ;
	font-size : .85em ; 
	font-weight : normal ;
	color : #eee ;
}

/* ------------------------------------------------------- BEGIN SECTIONS BELOW THE MENU ------------------------------------------------ */

/* In News and Events section, indents lower copy */
/* KH: Made this a class, instead of an ID, as it is used in multiple places on a single page */
.eventsitems{
margin-left:30px;
}

/* Horizontal Rule Styling */
hr{
width:100%;
height:1px;
color: #bfbfbf;
background-color:#bfbfbf;
margin-top:20px;
margin-bottom:20px;
}

/* Breadcrumb section */
#breadcrumbs{
padding-left:20px;
padding-top:8px;
}

#breadcrumbs a{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#77787b;
text-decoration:none;
}

#breadcrumbs a:hover{
color:#002147;
}

/* Breadcrumb styling for the section that you are currently on */
#breadcrumbs a.active{
padding-left:4px;
font-weight:bold;
color:#002147;
}

#breadcrumbs a.active:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
color:#77787b;
}

/* Container for lower body elements */
#lowercontainer{
width:960px;
position:relative;
}


/* KH: Changed 'leftnav' to 'mainnav' because it may not always be on the left */
/* Lower left navigation elements */
#mainnav{
position:relative;
float:left;
width:150px;
padding-bottom:15px;
margin-left:-14px;
}

#mainnav ul{
margin-top:20px;
margin-left:-23px;
list-style:none;
}

/* KH 6 Feb 2009 hard-sizing the full-size college home page banner image */
.fulltemplate #mainimage img {
	width : 960px ; 
	height : 390px ;
}

/*
body.cels #container #lowercontainer #mainnav ul, body.fulltemplate #container #lowercontainer #mainnav ul{
margin-top:20px;
margin-left:-23px;
list-style:none;
}
*/

/* fixes the problem where content is too wide for the navigation column */
body.cels #container #lowercontainer #mainnav ul a, body.fulltemplate #container #lowercontainer #mainnav ul a{
padding-left:5px;
}

/* Fixes IE list placement issue */
.ie #mainnav ul{
margin-left:16px;
padding-left : 27px ; 
}

#mainnav li{
border-bottom:1px solid #bfbfbf;
line-height : 1.2 ; 
padding : 7px 0px ; 
}

/* Remove bottom border from the last link */
#mainnav li.last, #mainnav li#dept_info{
border-bottom:none;
}

#mainnav a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#002147;
padding-left:5px;
text-decoration:none;
}



#mainnav a:hover{
color:#d9a901;
}

/* Begin main center body content */
#bodycontent{
position:relative;
float:left;
width:550px;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
margin-left:20px;
margin-top:20px;
padding-left:12px;
padding-right:10px;
}

#bodycontent.wide {
width : 775px ; 
border-right : 0px solid ; 
}

/* Image formatting in main body content areas */
#bodycontent img {
padding-top:8px;
padding-bottom:6px;
padding-left:6px;
padding-right:6px;
}


#bodycontent img.image_border, #third_column img.image_border {

border : 1px solid #000 ;
padding : 4px ;
margin : 10px ;

/*float : left ;*/
}

/* Image align classes for bodycopy pictures */
.alignLeft {
float:left; 
margin-right:4px; 
}

.alignRight { 
float:right;
margin-left: 4px; 
}

/* Block callout areas for images and text */
#leftblock{
position:relative;
border-right:1px solid #bfbfbf;
width:215px;
margin-left:35px;
padding-right:18px;
padding-bottom:10px;
float:left;
}

/* IE6 formatting fix */
.ie6 #leftblock{
margin-left:20px;
}

#rightblock{
position:relative;
width:215px;
float:left;
margin-left:20px;
margin-right:4px;
}

/* Far right area */
#third_column{
position:relative;
float:left;
width:200px;
margin-left:20px;
margin-top:20px;
}

/* IE7 image formatting fix */
.ie7 #third_column img{
margin-bottom:-4px;
}

/* inline styles for third column */

#third_column p, #third_column ul, #third_column p a, #third_column a, #third_column {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#002147;
}


#third_column h3 a {
	text-decoration : none ;
	font-size:9pt;
}

#third_column h3 a:hover {
	color : #777 ;
}

/* KH 6 Feb 2009 this text needs to offer a larger option, was 8pt */

#third_column p.bigger, #third_column ul.bigger, #third_column p.bigger a {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#002147;

}

/* KH 25 March 2009 style for a violator/pull-out blue box */
.bluebox {
	background-color : #E0E8FF ; 
	padding : 10px 10px 10px 10px ; 
	margin : 10px ; 
	border : 1px solid #bfbfbf ;
	width : 200px ; 
	float : right ; 
}

.bluebox p, bluebox p a {
	font-size : .85em ; 
}


/* KH 25 March 2009 style for photo cutline */

.photo_caption, .cutline {
	font-style : italic ; 
	font-size : .85em ; 
/*	color : #9FA5B5 ; */
	padding : 4px ; 
	margin : 3px 10px 10px 10px ; 
}

.photo_caption a, .cutline a {
	font-style : italic ; 
	font-size : 1em ; 
/*	color : #9FA5B5 ;*/
}

/* KH: BEGIN CONTEXTUAL STYLES */


/* events and news and location */
#event_listing, #news_listing {
	margin : 1em ; 
}

a#next_week {
color:#77787b;
}

a:hover#next_week {
color:#002147;
}

#event_listing .event_snippet, #news_listing .news_snippet {
	background-color : #FFFBEE ;
	margin-bottom : 1em ;
	padding : 10px ; 
}

#event_listing .event_snippet img, #news_listing .news_snippet img {
	float : left ;
	margin-top : 1em ;
}

#event_listing .event_snippet .event_content, #news_listing .news_snippet .news_content {
	display : inline ;
	text-align : left ;
}

#event_listing .event_snippet .location a, #news_listing .news_snippet .location a {
	text-decoration : none ; 
	color : #002147 ;
}

#event_listing .event_snippet .location a:hover, #news_listing .news_snippet .location a:hover {
		color:#d9a901;
}

#event_listing .event_snippet p, #news_listing .news_snippet p  {
	margin-top : 0px ;
}

#event_listing .event_snippet h2, #event_listing .event_snippet h2 a, #news_listing .news_snippet h2, #news_listing .news_snippet h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em ;
	text-transform:uppercase;
	font-weight:bold;
	color:#002147;
	text-decoration : none ;
	margin-bottom : 0px ;
}

#event_listing .event_snippet h2 a:hover, #news_listing .news_snippet h2 a:hover {
		color:#d9a901;
}

#event_listing .event_snippet img, #news_listing .news_snippet img {
	width : 7em ;
	border : 1px solid #000 ; 
	padding : 4px ;
	margin-right : 1em ;
	background-color : #fff ;
}

.event_listing_single img, .news_listing_single img, .location_listing_single img {
	border : 1px solid #000 ; 
	padding : 4px ;
	margin : 0 1em 1em 0 ;
	background-color : #fff ;
	float : left ;
}

.event_listing_single .details, .news_listing_single .details {
	font-weight : bold ;
}

#event_listing .event_snippet img a:hover, #news_listing .news_snippet img a:hover {
	border : 1px solid #d9a901 ; 
}


#events_detail_page .calendar, #events_detail_page .calendar a, #events_detail_single_page .calendar, #events_detail_single_page .calendar a, #news_detail_page .calendar, #news_detail_page .calendar a, #news_detail_single_page .calendar, #news_detail_single_page .calendar a  {
	font-family : Arial, Helvetica, sans-serif ;
	font-size : .7em ;
	color : #999 ;
}

#events_detail_page #third_column .search, #third_column .event_type_browse_links, #news_detail_page #third_column .search, #third_column .news_type_browse_links {
	margin-bottom : 40px ;
}

#events_detail_page #third_column #event_type_browse_links ul, #news_detail_page #third_column #news_type_browse_links ul {
	list-style-type : none ;
	margin-top : 0px ;
}

#location_detail_single_page a.map_link {
	font-size : .75em ; 
}

#location_detail_single_page .address {
	font-weight : bold ;
}
/*end events*/

/* colleges */




/* end colleges */


/* faq */

.faq_questions_list ul {
	list-style-type : none ;
	padding-bottom : 20px ;
	border-bottom : 1px solid #ccc ;
}

.faq_questions_list li {
	margin-bottom : 4px ;
}

.faq_answers_list ul {
	list-style-type : none ;
}

.faq_answers_list .question {
	font-weight : bold ;
	margin-top : 25px ;
}

.faq_answers_list .answer {
	margin-left : 20px ;
}

/* end faq */

/* begin bio */

#biography_single_page #third_column ul {
	list-style-type : none ;
	padding-left : 0px ;
}

#biography_single_page #third_column ul li {
	margin-bottom : 8px ;
}

#biography_single_page #third_column p, #biography_single_page #third_column ul {
	margin-left : 12px ;
}

/* end bio */

/* start job listings */

#job_listing_non-class_single_page div#codes, #job_listing_classified_single_page div#codes {
	float : right ; 
	font-size : .85em ;
	background-color : #FFFBEE;
	padding : 8px ;
}

#job_listing_non-class_single_page #note, #job_listing_classified_single_page #note {
	font-weight : bold ;
	font-style : italic ;
}

#job_listing_non-class_single_page #job_head_details, #job_listing_classified_single_page #job_head_details {
	line-height : 1.75 ;
	border-bottom : 1px solid #999; 
	margin : 15px 0px ; 
}

#job_listings_page table {
	width : 100% ;
}

#job_listings_page table .col1{
	width : 60% ;
}

#job_listings_page table .col2{
	width : 15% ;
}

#job_listings_page table .col3{
	width : 25% ;
}

#job_listings_page table .header_row{
	background-color : #ccc  ;
}

#job_listings_page table td, #job_listings_page table th {
	padding : 5px 10px  ;
}

#job_listings_page table td {
	border-bottom : 1px solid  ;
}

#job_listings_page table td a {
	text-decoration : none  ;
}

.location_listing_single h1 {
	margin-bottom : 0px ;
}

.location_listing_single .location_campus {
	margin-top : 0px ;
}

/* end job listings */



/* KH: END CONTEXTUAL STYLES */


/*  ACCESSIBILITY */

.offleft {
	position : absolute ;
	margin-left : -9999px ;
	margin-top : -9999px ;
}

/* -------------------------------------- FOOTER ------------------------------------------------- */
#footer{
background-color:#6e9dc5;
margin-top:90px;
}

/* center the content within the footer */
#footercontent{
padding-top:10px;
padding-bottom:5px;
width:960px;
text-align:right;
margin-left: auto;
margin-right: auto;
}
/* Posistioning of the lower left logo */
#globeimage{
position:relative;
float:left;
margin-top:-60px;
z-index:30;
}

/* Globe image parameters for IE6 */
#globeimage img{
width:251px;
height:104px;
behavior: url("css/iepngfix.htc");
}

/* Footer Text Formatting */
#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000;
padding-right:10px;
}

/* Footer hyperlink Formatting */
#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
color:#022778;
}

/* Aligns upper links with the lower footer copy */
#footer a.lastlink{
padding-right:12px;
}

#footer a:hover{
color: #fff;
}

/* Lower body copy link styling */
#footer a.sub{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
color:#022778;
padding-right:0px;
}

#footer a.sub:hover{
color:#fff;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.nicepic {
	padding : 4px ; 
	border : 1px solid ;
	margin : 10px ; 
}