/********************************
*******   Main Elements  ********
*********************************/

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

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

/* Middle sized template body background image */
body.midtemplate { background: url(../img/topbg-04.jpg) repeat-x #fff; }

#bodycontent, #third_column {
	font-size: 1em;
}
p, #bodycontent li {
	font-size: 0.8em;
}
td, th {
	font-size: 0.9em;
}
a {	color: #002147; font-size: 1em; }
	a:hover { color: #d9a901; }

/* Header Elements (with ie6 fixes previously defined in original version) */
h1 {
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 4px;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 4px;
}
h4 {
	font-size : 1.1em;
	font-weight: bold;
}
h5, #sectionheader-tertiary p {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 24px;
	margin-bottom: 0px;
}
h6 {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	margin-bottom: -6px;
}

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

/* General Attributes for form elements */
input, select, textarea {
	font-size: 8pt;
	color: #000;
}

/********************************
*******   Major Elements  *******
*********************************/
#container {
	width: 960px;
	margin: 0 auto;
	height: auto;
}
/* Container for lower body elements (below the dropdorwn menus under the photo spread) */
#lowercontainer{
	position: relative;
	width: 960px;
}

/* For accessibility purposes (previously defined in original template */
.offleft {
	position: absolute;
	margin-left: -9999px;
	margin-top: -9999px;
}

/********************************
*******   Header Elements  ******
*********************************/

/* Region for the logo, top links, and search box */
#topbar {
	position: relative;
	background: url(../img/tertiary-bg.gif) repeat-x;
	width:960px;
	height:70px;
	float: left;
}

/* Positions the logo inside the topbar div */
#logo {
	float: left;
	padding-top: 6px;
	padding-left: 20px;
}
/* Removes any borders in the top bar */
#topbar img { border: none; }

/* Text Logo */
#topbar img.logo {
	width: 173px;
	height: 56px;
	/* The following is omitted of CSS validation purposes
	behavior: url("css/iepngfix.htc");
	*/
}

/* Attributes for the top links */
#global_general_links{
	font-size: 8pt;
	color: #fff;
	float: right;
	padding-top: 23px;
	margin-bottom: 5px;
	display: block;
}
	#global_general_links a {
		font-size: 8pt;
		color: #fff;
		text-decoration: none;
		padding-left: 2px;
		padding-right: 2px;
	}
	#global_general_links a:hover {
		color: #d9a901;
	}

/* Attributes for the search box */
#search {
	float: right;
	width: 250px;
	height: 41px;
	margin: 0 0 29px 10px;
	display: block;
	overflow: hidden;
}
#search ul {
	float: right;
	margin: 0;
}
#search ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#search ul li a {
	position: relative;
	padding: 0px 8px 6px;
	color: #d0a627;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#search div {
	text-align: right;
	margin-top: -1px;
}
#search div a {
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
}
#search div a:hover {
	color: #d9a901;
}
#search div form {
	display: inline;
}
#site_top_search_field, #people_top_search_field {
	border: 0;
	margin: 0;
	border: 0;
	width: 125px;
	padding: 5px;
	color: #888;
	display: inline;
}
#search p {	/* Fixes a pesky margin issue between the search box and the arrow... */
	margin: 0;
}
.ui-tabs-panel {
	font-size: 9pt;
	clear: both;
}
.ui-tabs-selected {
	background: url('/home/newincludes/arrow.gif') bottom center no-repeat;
	display: block;
}
.ui-tabs-selected a {
	outline: none;
}
.ui-tabs-nav a span {
	outline: none;
	color: #d9a901;
}
.ui-tabs-hide { 
	display: none; 
}
.hideArrow {
	background: none;
}
.searchbutton {
	vertical-align: baseline;
}
input.searchbutton { 
	font-size: 8pt;
	color: #fff;
	border: none;
	width: 90px;
	height: 20px;
	margin-right: -18px;
	background-color: #002147;
}
	.mac.safari input.searchbutton { background-color: #071837; }
	
#mainimage, #mainimage-tertiary {
	position: relative;
	width: 960px;
	clear: both;
}
#mainimage-tertiary { height: 90px; }


/* The text within the gold bar overlapping the top of the image */
#sectionheader, #sectionheader-tertiary {
	position: absolute;
	background-color: #d9aa00;
	height: 20px;
	width: 960px;
}

#sectionheader {
	position: absolute;
	z-index: 30;
	/* The following is omitted for CSS validation purposes
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	*/
}
	#sectionheader a, #sectionheader-tertiary a { text-decoration : none; }
	#sectionheader a:hover, #sectionheader-tertiary a:hover { color : #fff; }
		
	/* Styling for Image Titles for the college pages */
	#sectionheader img, #sectionheader-tertiary img{
		margin-left: 20px;
		width: 419px;
		height: 10px;
		margin-top: 5px;
	}

/* Container for hold horizontal drop down menu */
#menucontainer {
	margin-top: -13px;
	height: 22px;
	background-color: #002147;
	z-index: 100;
}
.dropmenudiv {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
	.dropmenudiv a, .dropmenudiv a span {
		border-bottom: 1px solid #666;
		font-size: .85em; 
		font-weight: normal;
		color: #eee;
	}
	.dropmenudiv a span { border: 0; }

/********************************
********   Body Elements  *******
*********************************/

/* Main Navigation (left of the page) */
#mainnav {
	position: relative;
	float: left;
	width: 150px;
	padding-bottom: 15px;
	
}
	#mainnav ul, body.cels #container #lowercontainer #mainnav ul, body.fulltemplate #container #lowercontainer #mainnav ul {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 0;
		list-style: none;
	}
	#mainnav ul a, body.cels #container #lowercontainer #mainnav ul a, body.fulltemplate #container #lowercontainer #mainnav ul a {
		padding-left: 5px;
	}
		
	#mainnav li {
		border-bottom: 1px solid #bfbfbf;
	}
	#mainnav li a {
		font-size: 10pt;
		line-height: 1.5em;
        margin-top: 5px;
        margin-bottom: 5px;
		text-decoration: none;
		display: block;
	}
	#mainnav a:hover {
		color: #d9a901;
	}
	
/* Region for the content */
#bodycontent {
	position: relative;
	float: left;
	width: 546px;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 12px;
	padding-right: 10px;
}
/* Styles for any images within the content area */
#bodycontent img, #third_column img {
	border: 0px solid #000;
	padding: 4px;
	margin: 10px;
}
#bodycontent div.imageBorder, #third_column div.imageBorder {
	border: 1px solid #000;
	padding: 4px;
	margin: 10px;
	display: inline-block;
}
#bodycontent div.imageBorder img, #third_column div.imageBorder img {
	border: 0;
	padding: 0;
	margin: 0;
}
#bodycontent div.imageBorder p, #third_column div.imageBorder p {
	margin: 0;
	padding: 0;
}

/* Contact Information (under main navigation) */
/* "#content_leftNav_info" is included for smooth conversion from the old URI template */
#dept_info, #content_leftNav_info {
	margin-top: 20px;
	margin-left: 0px;
	width: 150px;
	font-size: 0.85em; 
}
	#content_leftNav_info_title {
		font-weight: bold;
		font-size : 0.9em; 
		margin: 0;
	}
	
        #content_leftNav_info_title img {
        border:0;
        }

	#dept_info p, #content_leftNav_info_text p {
		font-size: 0.8em;
		margin-left: 20px;
		margin: 0;
	}
	#dept_info a, #content_leftNav_info_text a {
		text-decoration: underline;
		color: #F00;
	}
	#dept_info img, #content_leftNav_info img {
		width: 75px;
		margin: 10px 0px 0px 40px;
	}

/* Styles for third column */
#third_column {
	position: relative;
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top: 20px;
}
	

/* inline styles for third column */
#third_column p, #third_column ul, #third_column p a {
	font-size: 8pt;
}
#third_column ul {
	margin-bottom: 40px ; 
}

#third_column h3 {
	font-size: 8pt;
	background-color: #d9aa00;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}
	#third_column h3 a { text-decoration: none; }
	#third_column h3 a:hover { color: #777; }
#third_column h4 {
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 4px;
}

/********************************
*******   Footer Elements  ******
*********************************/
#footer {
	background-color: #6e9dc5;
	margin-top: 90px;
	width: 100%;
	display: inline-block;
}
/* Centers the content within the footer */
#footercontent {
	padding-top: 10px;
	padding-bottom: 5px;
	width: 960px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}
/* Positioning 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;
	border: 0;
}

/* Footer Text Formatting */
#footer p {
	font-size: 8pt;
	color: #000;
	padding-right: 10px;
}

/* Footer hyperlink Formatting */
#footer a {
	text-decoration: none;
	color: #022778;
	font-size: 9pt;
}

/* 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-size: 8pt;
	text-decoration: none;
	color: #022778;
	padding-right: 0px;
}

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

/* Miscellaneous styles previously defined in the original version */

.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%; }