@charset "utf-8";

/* STANDARD TAGS */
body {
	background: #EFEFEF url(/images/bkgd_body.jpg) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,p {
	font-size: 1em;
	margin: 0;
	padding: 5px 10px 0;
}
h1,h2,h3 {
	clear: both;
}
h1,h4 {
	color: #39c;
	font-size: 1.5em;
	margin-bottom: 2px;
}
h2,h5 {
	color: #a71930;
	font-size: 1.4em;
	font-weight:bold;
	margin-bottom: 2px;
	padding: 10px 10px 0;
}
h3,h6 {
	font-size: 1.1em;
	color: #666666;
	padding-top: 8px;
}
p {
	margin-bottom: 3px;
}
a,a:hover,a:active,a:visited { outline: 0; }
:focus, :active { outline: 0; }
a, a:visited, a:active {
	color: #39c;
	text-decoration: none;
}
a:hover {
	color: #A71930;
}
h2 a, h2 a:visited, h2 a:active, h2 a:hover,
h5 a, h5 a:visited, h5 a:active, h5 a:hover {
	border-bottom: none;
}
img {
	border: 0px;
}
#content table {
	margin: inherit 10px;
}
#content th,#content td {
	text-align: left; 
}
#content ul, #content  ol {
	font-size: 1em;
	margin-top: 2px;
	margin-bottom: 0;
	padding-right: 10px;
}
#twitter blockquote {
		background: transparent url(/images/bkgd_quote.gif) top left no-repeat;
		padding-left: 20px;
		font-size: .8em;
}

/* 
 * GENERAL CLASSES 
 */
.smallprint {
	font-size: .8em;
}
h2 .smallprint {
	font-weight: normal;
}
.highlight {
	color: #a71930;
}
img.frame_right, img.frame_left, img.frame {
	border: 1px solid #999999;
	padding: 5px;
	background: #FFFFFF;
}
img.frame_right {
	float: right;
	margin: 5px 0 5px 5px;
}
img.frame_left {
	float: left;
	margin: 5px 5px 5px 0;
}
img.frame {
	margin: 5px;
}
.image_button, .image_button img, img.image_button {
	margin: 0;
	padding: 1px 0 2px;
	background: #FFF;
}
div.error {
	background: #FFCCCC;
	border: 1px solid #CC3300;
	padding: 5px;
	margin: 5px;
	color: #CC3300;
	display: block;
	clear: both;
}
div.error p {
	margin: 0;
	padding: 0;
}
div.error ul {
	margin-top: 0;
	margin-bottom: 0;
}
ul.headlines {
	margin: 0 10px;
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
ul.headlines li {
	background: transparent url(/images/bulletRedCircle.gif) no-repeat scroll left 5px;
	line-height: 15px;
	padding:0 0 3px 8px;
}
ul.headlines a {
	text-decoration: none;
	font-weight: bold;
	color: 39c;
}
ul.headlines a:hover {
	color: a71930;
}

/* 
 * LAYOUT 
 */
div#wrapper {
	width: 920px;
	margin: 0 auto;
	clear: both;
	position: relative;
	background:#fff;
}
div#title {
	display:none;
}
div#quickLinks { /* links across top of screen */
	background: #EFEFEF url(/images/bkgd_body.jpg) top repeat-x;
	color: #FFFFFF;
	height: 30px;
	margin: 0;
}
div#quickLinks a {	
	display: inline;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 10px;
	margin: 5px 0;
	line-height: 20px;
	font-weight: bold;
}
div#search { /* 3 search tabs and their forms, includes banner image */
	position: relative;
	background: #666666 url(/images/banner_main.jpg) no-repeat bottom center ;
	width: 920px;
	height: 160px;
}
ul#searchTabs {
	display: block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	clear: both;
}
ul#searchTabs li {
	display: block;
	float: left;
	margin: 5px 0 0;
	padding: 0;
	height: 25px;
}
ul#searchTabs a {
	display: block;
	margin: 5px 0 5px 18px;
	padding: -5px 0;
	font-size: 1.5em;
	line-height: 1em;
	color: #FFFFFF;
	text-decoration:none;
}
ul#searchTabs strong {
	margin: 5px 28px 5px 0;
}
ul#searchTabs li.tabSearch { background: #FF9900 url(/images/searchTabCorner_orange.jpg) top left no-repeat; }
ul#searchTabs .tabSearch a { background: transparent url(/images/searchTabArrow_orange.jpg) top right no-repeat; }
ul#searchTabs li.tabPeople { background: #669900 url(/images/searchTabCorner_green.jpg) top left no-repeat; }
ul#searchTabs .tabPeople a { background: transparent url(/images/searchTabArrow_green.jpg) top right no-repeat; }
ul#searchTabs li.tabCampus { background: #3399CC url(/images/searchTabCorner_blue.jpg) top left no-repeat; }
ul#searchTabs .tabCampus a { background: transparent url(/images/searchTabArrow_blue.jpg) top right no-repeat; }
div#search form {
	margin: 0;
	padding: 0 10px;
	width: 900px;
	position: absolute;
	top: 30px;
	right: 0;
}
input#siteField { background: url(/images/search_site.gif) #fff no-repeat left top; padding-left: 35px; width:150px; }
input#peopleField { background: url(/images/search_people.gif) #fff no-repeat 5px top; padding-left: 27px; width:150px; }
select#campusField { background: url(/images/search_campus.gif) #fff no-repeat 5px top; padding-left: 35px; width:250px; }
form#siteForm, form#peopleForm, form#campusForm {
	clear: both;
	border-top: 5px solid #FF9900;
	text-align: right;
	padding: 5px 5px 0;
	margin: 0;
	color: #F90;
}
form#peopleForm {
	border-top: 5px solid #669900;
	color: #690;
}
form#campusForm {
	border-top: 5px solid #3399CC;
	color: #39c;
}
form#siteForm p.prompt, form#peopleForm p.prompt, form#campusForm p.prompt { 
	padding: 5px 0;
	font-weight: bold;
}
form#campusForm a, form#campusForm h2 {
	color: #39c;
	font-size:1em;
}
div#navigation {
	clear: both;
	display: block;
	height:29px;
	background: #39c url(/menu/bkgd_nav.jpg) repeat-x top;
	padding-bottom: 0;
}
div#drilldown {
	background: #39c;
	color: #fff;
	height:17px;
	border-top: 1px solid #369;
}
div#drilldown ul {
	margin: 0;
	padding-left: 5px;
	list-style: none;
	display: block;
	float: left;
	height: 17px;
}
div#drilldown li {
	background: #39c url(/images/drillDownBk.gif) right bottom no-repeat;
	display:block;
	float:left;
	height:17px;
	padding: 0 20px 0 10px;
}
div#drilldown li.lastItem {
	font-weight: bold;
}
div#drilldown a {
	line-height: 12px;
	color: #fff;
	text-decoration: none;
}
div#content {
	background: #fff url(images/bkgd_content.jpg) repeat-x;
	padding-bottom: 5px;
}
div#content form {
	margin: 0 10px;
}
div#pagetitle {
	margin: 0;
	padding: 10px 20px;
}
div#pagetitle h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	text-align: right;
}
div#sidebar_r h2,	div#sidebar_l h2 {
	background: #666 url(images/cornerRoundTRWht.gif) top right no-repeat;
	border-bottom: 1px solid #a71930;
	color: #fff;
	margin: 0;
	padding: 5px 0 2px 15px;
}
div#sidebar_r h2 .smallprint,	div#sidebar_l h2 .smallprint {
	font-size: .6em;
	font-weight: normal;
}
div#sidebar_r a, div#sidebar_l a {
	color: #069;
}
div#sidebar_r h2 a,	div#sidebar_l h2 a {
	color: #fff;
}
div#footer  {
	background: #666;
	position:absolute;
	position:static;
	bottom: 0;
	width: 920px;
	margin: 0 auto;
	clear: both;
}
div#footer p {
	padding: 7px 10px 12px;
	margin: 0;
}
div#footer, div#footer a {
	color:#fff;
	text-align: right;
}
div#footer a {
	color: #fff;
	text-decoration: underline;
}
/* style for scriptaculous auto-suggest results */
div.ajaxResults {
  position:absolute;
  width:250px;
	background: #fff;
	border: 1px solid #999;
	border-bottom:2px solid #666;
  margin:0;
  padding:0;
	color: #069;
}
div.ajaxResults ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
	text-align: left;
}
div.ajaxResults li { margin: 1px; padding: 2px; }
div.ajaxResults li.selected { background: #eee; }
div.ajaxResults .matchText { font-weight: bold; }

@media screen {
	.mobile {
		display: none;
	}
	
	/* This section defines various 'preset' layouts
	 * of the content area grouped here by intended use.
	 */
	/* GENERAL LAYOUTS */
	div#column_l, div#column_r {
		width: 710px;
		padding: 0 0 10px;
	}
	div#sidebar_r, div#sidebar_l {
		width: 200px;
		padding-bottom: 10px;
		background: #efefef;
	}
 	/* 2 COLUMNS */
	div#column_a, div#column_b {
		width: 450px;
		float: left;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	div#column_b {
		float: right;
		padding-left: 0;
		padding-right: 10px;
	}
	
	/* COLUMN - SIDEBAR */
	div#column_l{
		float: left;
	}
	div#sidebar_r {
		float: right;
		margin-right: 0;
	}
	/* SIDEBAR - COLUMN */
	div#column_r {
		float: right;
		margin-right: 0;
	}
	div#sidebar_l {
		float: left;
		margin-left: 0;
	}
	div#sidebar_r h2 {
		background: #666 url(images/cornerRoundTLWht.gif) top left no-repeat;
		padding-left: 20px
	}
	/* SIDEBAR COLUMN SIDEBAR */
	div#column_center{
		width: 500px;
		float: left;
	}

} /* end @media screen */
@media handheld {
	.mobile {
		display: inherit;
	}
} /* end @media handheld*/