/**
*** UNIVERSITY OF MICHIGAN
*** Michigan Marketing & Design
***
*** jparisea at domain umich.edu
**/


body {
	font-family: Arial, Verdana, Sans-Serif;
	margin: 0;
	padding: 32px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
}

img {
	border: none;
}

#wrapper {
	text-align: left;
	width: 741px;
	margin: 0 auto;
}

#header {
	height: 140px;
	position: relative;
	background: #639CD4 url(images/bg_header.jpg) 0 0 no-repeat;
}

body#home #header {
	background: #639CD4 url(images/bg_home_top.gif) 0 0 no-repeat;
}


#gatewaylink, #gatewaylink2, #finlink {
	position: absolute;
	display: block;
}

#gatewaylink {
	width: 51px;
	height: 45px;
	left: 43px;
	top: 52px;
}
body#home #gatewaylink {
	left: 28px;
	top: 67px;
}

#gatewaylink2 {
	width: 147px;
	height: 14px;
	left: 103px;
	top: 52px;
}
body#home #gatewaylink2 {
	left: 85px;
	top: 67px;
}

#finlink {
	width: 215px;
	height: 28px;
	left: 103px;
	top: 69px;
}
body#home #finlink {
	left: 85px;
	top: 84px;
}

#rightbox {
	position: absolute;
	height: 90px;
	width: 196px;
	border-left: 1px #FFF solid;
	left: 539px;
	top: 34px;
	font-size: 10px;
}

#rightbox span {
	padding: 12px 0px 0px 10px;
	display: block;
}

#content {
	border: 1px #CCC solid;
	border-top: none;
	padding-top: 20px;
}

body#home #content {
	height: 337px;
	background: url(images/bg_home_bottom.jpg) 0 0 no-repeat;
	font-size: 11px;
	border: none;
	padding-top: 0px;
}

#rightnav {
	float: right;
	width: 170px;
	font-size: 11px;
	margin: 0px 10px 5px 0px;
	color: #003366;
	display: inline;
}

#maincontent {
	width: 488px;
	float: left;
}

#footer {
	padding: 20px;
	background: #639CD4;

}

.callout {
	float: right; 
	text-transform: uppercase; 
	border: 1px #000 dotted; 
	border-left: none; 
	border-right: none; 
	margin: 0 0 10px 10px; 
	padding: 12px 0px; 
	line-height: 18px; 
	font-size: 11px;
	color: #155092;
}


/*---- images ----*/

.rightimg {
	float: right;
	border-left: 6px #FFFFFF solid;
	border-bottom: 6px #FFFFFF solid;
}



/*---- formatting ----*/

h1 {margin: 0 0 20px 25px;}
h2 {margin: 15px 0 10px 25px;}
h3 {margin: 10px 0 10px 25px;}
h4 {margin: 0 0 0 25px;}
p {margin: 0;}

#rightbox {
	color: #FFF;
}

#rightnav {
	font-size: 11px;
	color: #003366;
}

#footer {
	font-size: 10px;
	color: #FFF;
}

h1 span, .hidden {position: absolute; left: -9999px;}
h2 {font-size: 13px; text-transform: uppercase; font-weight: 100; color: #155092;}
h3 {font-size: 13px; text-transform: uppercase; font-weight: 100; color: #441D06}

#maincontent ul, p {
	font-family: "Times New Roman", Times, serif;
}

p {
	padding: 0px 0px 18px 25px;
}

.intro, .proje, .chart {
	font-family: Arial, Helvetica, sans-serif;
}

p.intro {
	color: #441D06;
	font-size: 14px;
	line-height: 18px;
}

.proje {
	font-size: 10px;
}
.chart {
	font-size: 13px;
	margin-bottom: 0;
	color: #155092;
}

.clear {
	clear: both;
}

.nocaps {text-transform: none;}

.blue {color: #155092;}
.brown {color: #441D06;}
.black {color: #000;}

.blueup {color: #155092; text-transform: uppercase;}
.brownup {color: #441D06; text-transform: uppercase;}


/*---- lists ----*/

body#home #content ul {
	padding: 28px 0px 0px 90px;
	margin: 0;
	list-style: none;
}

body#home #content li {
	padding-bottom: 3px;
}

#maincontent ul {
	margin-left: 30px;
	padding-left: 25px;
	margin-top: 0;
	margin-bottom: 0;
}

#maincontent ul ul {
	margin-left: 0;
	margin-top: 10px;
}

#maincontent li {
	padding-bottom: 10px;
	list-style-image: url(images/bullet.gif);
}

/*---- rightnav ----*/

#rightnav ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}

#rightnav ul ul {
	padding-top: 8px;
	padding-left: 10px;
}

#rightnav li {
	padding-bottom: 8px;
}

#rightnav ul.download {
	border-top: #ECDDB8 1px solid;
	border-bottom: #ECDDB8 1px solid;
	padding-top: 5px;
}

#projectsmenu { display: none;}
body.nav12 #projectsmenu {display: list-item;}



body.nav1 a.nav1, body.nav1 a:active.nav1,
body.nav2 a.nav2, body.nav2 a:active.nav2,
body.nav3 a.nav3, body.nav3 a:active.nav3,
body.nav4 a.nav4, body.nav4 a:active.nav4,
body.nav5 a.nav5, body.nav5 a:active.nav5,
body.nav6 a.nav6, body.nav6 a:active.nav6,
body.nav7 a.nav7, body.nav7 a:active.nav7,
body.nav8 a.nav8, body.nav8 a:active.nav8,
body.nav9 a.nav9, body.nav9 a:active.nav9,
body.nav10 a.nav10, body.nav10 a:active.nav10,
body.nav11 a.nav11, body.nav11 a:active.nav11,
body.nav12 a.nav12, body.nav12 a:active.nav12,
body#planning a.planning, body#planning a:active.planning,
body#progress a.progress, body#progress a:active.progress,
body#completed a.completed, body#completed a:active.completed {
	color: #441D06;
}


/*---- tables ----*/

table {
	margin-left: 25px;
	margin-bottom: 25px;
	width: 463px;
}

table td, table th {
	padding: 5px 10px 5px 0px;
	vertical-align: top;
}

table th {
	text-align: center;
	font-weight: 700;
	vertical-align: bottom;
}

table tr.line td, table tr.line th {
	border-bottom: 1px #000 solid;
}

.right {text-align: right; padding-left: 10px; padding-right: 0px;}
.center {text-align: center;}
td.chart {padding: 0px; }

/*---- links ----*/

a, a:active {
	color: #155092;
	text-decoration: none;
}

a:hover {
	color: #441D06;
	text-decoration: underline;
}

a.selected, a.selected:active {
	color: #441D06;
}

a.selected:hover {
	color: #155092;
}

body#home a, body#home a:active {
	color: #FFF;
}

body#home a:hover {
	color: #155092;
}

div#footer a, div#footer a:active {
	color: #FFF;
	text-decoration: underline;
}

div#footer a:hover {
	color: #155092;
	text-decoration: none;
}

/*---- misc ----*/

blockquote {
	margin-top: -10px;
	margin-bottom: 0;
}