/* @group Base */

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
	Forces backgrounds to span full width,
	even if there is horizontal scrolling.
	Increase this if your layout is wider.

	Note: IE6 works fine without this fix.
*/
body{min-width: 960px;}
/* Containers */
.container_12{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
/* Grid >> Global */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
	display:inline;
	float:left;
	position:relative;
	margin-left:10px;
	margin-right:10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {position:relative;}
/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha{margin-left:0;}
.omega{margin-right:0;}
/* Grid >> 12 Columns */
.container_12 .grid_1{width:60px;}
.container_12 .grid_2{width:140px;}
.container_12 .grid_3{width:220px;}
.container_12 .grid_4{width:300px;}
.container_12 .grid_5{width:380px;}
.container_12 .grid_6{width:460px;}
.container_12 .grid_7{width:540px;}
.container_12 .grid_8{width:620px;}
.container_12 .grid_9{width:700px;}
.container_12 .grid_10{width:780px;}
.container_12 .grid_11{width:860px;}
.container_12 .grid_12{width:940px;}
/* Prefix Extra Space >> 12 Columns */
.container_12 .prefix_1{padding-left:80px;}
.container_12 .prefix_2{padding-left:160px;}
.container_12 .prefix_3{padding-left:240px;}
.container_12 .prefix_4{padding-left:320px;}
.container_12 .prefix_5{padding-left:400px;}
.container_12 .prefix_6{padding-left:480px;}
.container_12 .prefix_7{padding-left:560px;}
.container_12 .prefix_8{padding-left:640px;}
.container_12 .prefix_9{padding-left:720px;}
.container_12 .prefix_10{padding-left:800px;}
.container_12 .prefix_11{padding-left:880px;}
/* Suffix Extra Space >> 12 Columns */
.container_12 .suffix_1{padding-right:80px;}
.container_12 .suffix_2{padding-right:160px;}
.container_12 .suffix_3{padding-right:240px;}
.container_12 .suffix_4{padding-right:320px;}
.container_12 .suffix_5{padding-right:400px;}
.container_12 .suffix_6{padding-right:480px;}
.container_12 .suffix_7{padding-right:560px;}
.container_12 .suffix_8{padding-right:640px;}
.container_12 .suffix_9{padding-right:720px;}
.container_12 .suffix_10{padding-right:800px;}
.container_12 .suffix_11{padding-right:880px;}
/* Push Space >> 12 Columns */
.container_12 .push_1{left:80px;}
.container_12 .push_2{left:160px;}
.container_12 .push_3{left:240px;}
.container_12 .push_4{left:320px;}
.container_12 .push_5{left:400px;}
.container_12 .push_6{left:480px;}
.container_12 .push_7{left:560px;}
.container_12 .push_8{left:640px;}
.container_12 .push_9{left:720px;}
.container_12 .push_10{left:800px;}
.container_12 .push_11{left:880px;}
/* Pull Space >> 12 Columns*/
.container_12 .pull_1{left:-80px;}
.container_12 .pull_2{left:-160px;}
.container_12 .pull_3{left:-240px;}
.container_12 .pull_4{left:-320px;}
.container_12 .pull_5{left:-400px;}
.container_12 .pull_6{left:-480px;}
.container_12 .pull_7{left:-560px;}
.container_12 .pull_8{left:-640px;}
.container_12 .pull_9{left:-720px;}
.container_12 .pull_10{left:-800px;}
.container_12 .pull_11{left:-880px;}
/* `Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after{
	content: '\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after{clear:both;}
/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
/*.clearfix{zoom:1;}*/
/*
	http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display: block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
/* General reset */
* {font-size: 100.01%;}
/* @end */
html{font-size: 62.5%;}
/*body{
	color:#717171;*/
body{
	color:#555555;

	font:1em Helvetica, Arial, sans-serif;
	background:#f6f6f4;
}
p {margin-bottom: 1em;}
img{border-style:none;}
a{
	text-decoration:none;
	color:#00377f;
}
a:hover{text-decoration:underline;}
H1              { font-size: 2em;}
H2              { font-size: 1.5em;}
H3              { font-size: 1.17em;}


strong {font-weight: bold;}
#wrapper{
	font-size:1.2em;
	line-height:1.333em;
}

/* @group Header */
#header{
	margin:0 -10px;
	position:relative;
}
.logo-area{
	width:920px;
	margin-bottom:5px;
	padding:8px 20px 7px;
	position:relative;
	overflow:hidden;
	background:#e5950a url(../images/bg-logo-area.gif) repeat-x;
}
.logo{
	float:left;
 	background:url(/~gedetil/UM_Logo_HORZ_SMALL_RGB.png) no-repeat;
	width:168px;
	height:81px;
 	text-indent:-9999px;
 	overflow:hidden;
	margin:0 19px 0 0;
}

.logo a{
	display:block;
	height:100%;
}
.logo-area .title{
	float:left;
	font: 22px/26px Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin:27px 0 0;
	border-left:1px solid #4f2c1d;
	background: url(../images/departmentOfComputerScience.png) no-repeat 22px center;
	text-indent: -9999px;
	width: 318px;
	padding: 5px 0 7px 22px;
}

#topNav
{
	margin:13px 0 0;
	font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:bold;color:#4D2700;
	float: right;
}

#topNav a
{
	color:#4D2700;
}

#utilityLinks {
	display: block;
	float: left;
}
#search {
	display: block;
}

#frmSearch {
	float: left;
}

#frmSearch .srchBtn
{
	margin-top: 3px;
}


#search_parameters span
{
	line-height: 22px;
	padding-left: 3px;
}

#search_parameters
{
	float:right;
}

/* @end */

/* @group Navigation */
#nav{
	overflow:hidden;
	width:960px;
	position:relative;
	font-size:1.083em;
	line-height:1.308em;
	font-weight:bold;
	background:#2b1600 url(../images/bg-nav.gif) repeat-x;
}
#nav li{
	float:left;
	background: url(../images/separator.gif) no-repeat 100% 0;
	padding-right:1px;
}
#nav a{
	float:left;
	color:#fff;
	padding:4px 13px 6px;
}

#nav .active a, #nav  a.selected, #nav li.emph a.selected,
#nav a:hover{
	color:#000;
	background:#e8990a url(../images/bg-nav-active.gif) repeat-x;
	text-decoration:none;
}
#nav li.emph a {
	color: #A3FCF8;
}
/* @end */
/* promo */
/* @group Home Page Promo */
.promo{
	position:relative;
	margin:0 -10px;
	width:960px;
}
.promo img{display:block;}
.promo .text-block{
	position:absolute;
	top:50px;
	right:10px;
	width:350px;
	height:250px;
	overflow:hidden;
	padding-left:70px;
	color:#fff;
}
.promo h2{
	margin:0 0 6px -70px;
	position:relative;
	font:55px/58px Georgia, "Times New Roman", Times, serif;
	color:#99d2d9;
}
.cufon-active .promo .text-block{top:58px;}
.cufon-loading  h2 { 
	visibility: hidden !important;
}
.cufon-active .promo h2{
	letter-spacing:-2px;
	word-spacing:3px;
	line-height:55px;
	margin-bottom:3px;
	width:420px;
	overflow:hidden;
}
.cufon-active .promo h2 .cufon{float:left;}
.promo .links{
	font-weight:bold;
	font-size:13px;
	line-height:16px;
}
.promo .links li{padding-bottom:5px;}
.promo .links a{color:#fff;}

.promo-thin img{height: 100px;}
.promo-thin.promo .text-block {top: 32px; right: 10px;}
.promo-thin.promo h2{
	position:relative;
	font: 35px/35px Georgia, "Times New Roman", Times, serif;
	color:#99d2d9;margin: 0 0 0 -70px;}
.cufon-active .promo-thin.promo h2 {float: right;}

/* @end */
/* main */
/* @group Main - Home Page */
#main{padding:18px 0 52px;font-size:1em;}
#main.subnav-page{padding: 0 0 52px;}
/* three blocks */
.three-blocks{
	width:100%;
	background: url(../images/bg-three-blocks.gif) repeat-y -940px 0;
}
.three-blocks .holder{background: url(../images/bg-three-blocks.gif) no-repeat;}
.three-blocks .frame{
	background: url(../images/bg-three-blocks.gif) no-repeat 0 100%;
	width:100%;
	overflow:hidden;
	font-size:1em;
	line-height:1.167em;
}
.three-blocks .block{margin-bottom:-14px;}
.three-blocks h2{
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	color:#fff;
	background:url(../images/bg-heading-brown.gif) no-repeat 0 100%;
	padding:2px 10px;
	width:223px;
	margin:1px 0 10px 1px;
}
.three-blocks h2.yellow{background:url(../images/bg-heading-yellow.gif) no-repeat 0 100%;}
.news,
.dates-list,
.events{padding:0 10px;}
.news{padding-top:3px;}
.news li{padding-bottom:18px;}
.news img {float: left;margin-right: 10px;}
.news h3,
.dates-list .date{
	font-size:1.167em;
	line-height:1.286em;
	margin-bottom:0px;
	font-weight:bold;
	color:#232323;
}
.three-blocks p{margin-bottom:1em;}
.news p.date {margin-bottom:4px;color: #373737;}
.news p span{display:block;}
.dates-list .date{
	display:block;
	font-style:normal;
	margin:0;
	line-height:1.214em;
}
.dates-list li {padding-bottom: 1.5em;}
.events li{padding-bottom: 1.5em;}
.events{padding-right:5px;}
.events h3{
	font-size:1.167em;
	line-height:1.286em;
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
}
.events img {float: left; margin-right: 10px; margin-top: 4px;}


.main-holder{
	margin:0 0 0 -10px;
	width:950px;
	position:relative;
	background: url(../images/bg-main-c.gif) repeat-y 229px 0;
}
.main-frame{
	background: url(../images/bg-main-t.gif) no-repeat left top;
	padding:0 0 0 10px;
	width:940px;
	min-height:395px;
}
* html .main-frame{height:395px;}
.main-frame:after{
	content:"";
	display:block;
	clear:both;
}



.moreInfo {display: block;margin-top: -8px;}
.viewMorePageLink {padding: 0 10px 10px;}
.viewMorePageLink a {text-decoration: underline;font-weight: bold;}
/* @end */
#content{padding-top:5px;}
#content .section{padding-bottom:5px;}
#content h1{
	font-size:2.333em;
	line-height:1.143em;
	font-weight:bold;
	color:#393939;
	margin-bottom:16px;
}
#content h2{
	font-size:1.333em;
	line-height:1.25em;
	font-weight:bold;
	color:#393939;
	margin-bottom:8px;
}

#content ul{
	list-style:disc;
}

#content ol{
	list-style:decimal;
}

#content ul, #content ol{
	padding-left: 25px;
	padding-bottom: 15px;
        margin-left: 20px;
        margin-right: 20px;
	margin-top: 0px;
}


/* @group Homecoming Content! */
.homecoming {
	font-size: 17px;
	line-height: 22px;	
}
.homecoming .floatRight {
	display:float;
	float:right;
	padding-left: 10px;
}
.homecoming .floatRight p {
	font-size: 12px;
	line-height: 15px; 

}
#content .homecoming h1 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}
.homecoming li {
	padding-bottom:5px;
}

/* @group News Page */
.pageHome {margin-bottom: 10px;}
.newsSidebar {margin-top: 18px;}
.newsSidebar h3 {color: #212121;font-weight: bold;}
.newsSidebar ul {margin-bottom: 10px;}
.newsSidebar ul li {margin-left: 1em;}

.tags {margin: 10px 0;}
.tags H3{font-size: 1em;font-weight: bold;color: #212121;}
.tags H3, .tags ul, .tags li {display: inline;}



/* @end */



/* @group Subnav */
/*.sub-nav{
	
	font-size:1.167em;
	line-height:1em;margin-top: 18px;}
.sub-nav li{
	padding-bottom:12px;
	
}
.sub-nav a{color:#393939;font-weight:bold}
.sub-nav a:hover,
.sub-nav .selected a{
	color:#010101;
	text-decoration:underline;
	font-weight:bold;
}*/
.sub-nav{
	
	font-size:1.167em;
	line-height:1.286em;margin-top: 18px;}
.sub-nav li{
	padding-bottom:12px;
	
}
.sub-nav a{color:#494949;}
/*.sub-nav a{color:#393939;}*/
.sub-nav a:hover,
.sub-nav .selected a{
	/*color:#010101;*/
	color:#000000;
	text-decoration:underline;
	/*font-weight:bold;*/
}
/* @end */
/* @group Faculty & Staff */

.people-title {margin: 0;}
.people-info{padding-bottom:1em;}
.people-info .row,
.people-info .heading-row{
	width:691px;
	overflow:hidden;
	padding:5px 0 7px 9px;
	border-bottom:1px solid #d9d9d9;
}


.people-info.thin .row,
.people-info.thin .heading-row{
	width:610px;
	overflow:hidden;
	padding:5px 0 7px 9px;
	border-bottom:1px solid #d9d9d9;
	margin-left: 25px;

}

.people-info .heading-row{padding:0 0 9px 9px;}
.people-info .even{background:#eee;}
.people-info strong{
	float:left;
	font-weight:normal;
	padding-right:5px;
}
.people-info .heading-row strong{
	font-weight:bold;
	color:#404146;
}
.people-info .name{width:155px;}
.people-info .title{width:110px;}
.people-info .cosup-title{width:200px;}
.people-info .email{width:200px;}
.people-info .office{width:110px;}
.people-info .phone{width:90px;}
.people-info .department{width:110px;}

/* @end */
/* @group Undergraduate */
.course-title {margin: 0;}
.course-info{padding-bottom:1em;}
.course-info .row,
.course-info .heading-row{
	width:691px;
	overflow:hidden;
	padding:5px 0 7px 9px;
	border-bottom:1px solid #d9d9d9;
}


.course-info.thin .row,
.course-info.thin .heading-row{
	width:610px;
	overflow:hidden;
	padding:5px 0 7px 9px;
	border-bottom:1px solid #d9d9d9;
	margin-left: 25px;

}

.course-info .heading-row{padding:0 0 9px 9px;}
.course-info .even{background:#eee;}
.course-info strong{
	float:left;
	font-weight:normal;
	padding-right:5px;
}
.course-info .heading-row strong{
	font-weight:bold;
	color:#404146;
}
.course-info .code{width:100px;}
.course-info .gradCode{width:80px;}
.course-info .title{width:280px;}
.course-info .gradTitle{width:215px;}
.course-info .terms{width:50px;}
.course-info .gradTerms{width:35px;}
.course-info .description{width:75px;}
.course-info .website{width:65px;}
.course-info .instructor{width:120px;}
.course-info .area{width:90px;}
.course-info .time{width:105px;}
/* @group Links Page */
.links-column{padding:8px 0 0 0;}
.links-column h3{
	font-size:1.167em;
	line-height:1.286em;
	font-weight:bold;
	color:#000;
	margin-bottom:2px;
}
.links-column ul{
	width:200px;
	padding:0 0 15px 5px;
}
.links-column ul li{padding-bottom:2px;}
.links-column a{color:#5d5d5d;}

/* @end */
/* @group Research */

.item{
	color:#5d5d5d;
	padding:11px 0 20px;
	font-size:1em;
	line-height:1.25em;
	min-height:204px;
}
/** html .item{height:204px;}*/
* html .item{height:204px;}
.item h2{
	/*font-size:1.5em;*/
	font-size:1.5em;
	line-height:1.222em;
	color:#393939;
	font-weight:bold;
	margin-bottom:3px;
}
.item .text{padding-top:0px;}
.item .intro-text{
	display:block;
	font-weight:bold;
}
.item p{margin-bottom:12px;}
.item img{float:right;}
/* @end */
/* @group FAQ */
ul#faq_questions {margin: 1em 0 2em;list-style-position: inside;list-style-image: none;list-style-type: decimal;	border-bottom:1px solid #ccc;padding-bottom: 2em;}
#faq_questions  li {line-height: 1.5em;}
#faq-list h2 a {color: #393939;}
#faq-list h2 a:hover {text-decoration: none;}
ul#faq-list {list-style-type: none;}
#faq-list li {margin-bottom: 3em;}

/* @end */

/* @group Search */
ul#searchResults {list-style-type: decimal; border-bottom:1px; padding-bottom:0em;}
#searchResults li {margin-bottom:2em;}
#searchResults h2 {margin-bottom:0em;}
/* @end */


/* @group Footer */
#footer{
	padding:26px 10px 3px;
	margin:0 -10px;
	position:relative;
	width:940px;
	overflow:hidden;
	border-top:1px solid #ccc;
	font-size:0.917em;
	line-height:1.273em;
	color:#5d5d5d;
}
#footer h3,
#footer h2{
	font-size:1.091em;
	line-height:1.167em;
	color:#000;
	font-weight:bold;
	margin-bottom:4px;
}
#footer a{color:#5d5d5d;}
#footer address{
	font-style:normal;
	padding:0 0 15px 5px;
}
#footer address span{display:block;}
#footer .contacts{
	width:295px;
	overflow:hidden;
	padding:0 0 14px 5px;
}
#footer .contacts dt{
	clear:both;
	float:left;
	padding-right:6px;
	font-weight:bold;
}
* html #footer .contacts dt{padding-right:3px;}
#footer .contacts a{color:#005d61;}
#footer .hours{padding:0 0 15px 5px;}
#footer .hours strong{
	display:block;
	font-weight:bold;
}
#footer .links-list, #content .links-list {margin:0px;padding:0 0 10px 5px;list-style-type:none}
#footer .questions-list{padding:4px 0 0 5px;}
#footer .questions-list li{padding-bottom:4px;}
/*#footer .questions-list a{text-decoration:underline;}
#footer .questions-list a:hover{text-decoration:none;}*/
/* copy block */
.copy-block{
	font-size:0.917em;
	line-height:1.273em;
	padding-bottom:55px;
}
.logo-cips{
	display:block;
	margin:0 0 2px auto;
	background:url(../images/logo-cips.gif) no-repeat;
	width:120px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo-cips a{
	display:block;
	height:100%;
}
.copy{
	display:block;
	text-align:right;
}
.accessibility{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.accessibility:focus{
	position:static;
	width:auto;
	height:auto;
}

/* input forms */

.inputForm {
	padding-top:15px;
	width: 250px;
}

.inputForm input {
	padding:5px; border:1px solid #a9a9a9; 
  	width : 200px;
  	margin: 0;

  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;
}

.inputForm input[type="checkbox"] {
	width: 25px;
	height: 28px;
	position:relative;
	float:right;
	bottom:5px;
}

.inputForm input[type="radio"] {
	width:20px;
	height:20px;
	margin-left:10px;
	margin-right:5px;
	position: relative;
	bottom:-5px;
}

.inputForm label.ownLine {
	display:block;
}

/* Jobs page*/
h2.jobsHeaders {
  	margin-top: 30px;
}

/* @end */