/*

HUP Site style for web media (screen)
By Kristofer D. Layon, MFA
Office of the Senior Vice President for System Academic Administration
University of Minnesota Twin Cities

Revised February 16, 2007

*/

body {
	background: #E4E4E4 url(images/bkgr_hup.jpg) repeat-x left top;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
}
h1 {
}
h2 { font-size: 1.5em; color: #1E4189; letter-spacing:0.05em; font-family: "Times New Roman", Times, serif }
h3 {
	font-size: 1.1em;
	color: #595942;
	letter-spacing:.07em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
h4 { font-size: 1em; color: #8b653e; letter-spacing:.06em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
a:link, a:visited { color: #660000; }
a:visited { color: #660000; }
a:hover{ color: #666600; }

.hennepin a:link, .hennepin a:visited { color: #1F428A; }
.hennepin a:visited { color: #1F428A; }
.hennepin a:hover{ color: #E6B43E; }


li#whitelink a:link, li#whitelink a:visited, li#whitelink a:link, li#whitelink a:visited { color: #FFF; }
li#whitelink a:hover, li#whitelink a:hover { color: #FC6; }

/*

nav_bg.gif provides gray line that shows through as the right border of leftnav

*/

#container {
	background-color: #FFFFFF;
	background-image: url(images/nav_bg.gif);
	background-repeat: repeat-y;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	border: 1px solid #666666;
}

/*

background is transparent so that nav_bg.gif shows through in leftnav

*/

div#container2 {
	width: 760px;
	background-color: transparent;
	position: relative;
	float: left;
}

div#container3 {
	background-color: #ece9d1;
	background-repeat: repeat-y;
	width: 150px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 0px;
	padding-top: 7px;
	position: relative;
	float: right;
	border: 1px solid #666666;
}

p#headerNav {
	padding: 5px 0 1px 0;
	text-align: right;
	font-size: 0.9em;
	margin: 0;	
}

ul#header {
	background: #000000;
	color: #FFF;
	height: 30px;
	list-style-type: none;
	width: 760px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
}
ul#header li {
	float: right;
	width: auto;
	margin: 7px 5px 0;
}
ul#header li#whitelink a:link, ul#header li#whitelink a:visited, ul#ftstyle li#whitelink a:link, ul#ftstyle li#whitelink a:visited {
	color: #FFF;
	font-weight: normal;
	
	text-decoration: underline;
	
}
ul#header li#whitelink a:hover, ul#ftstyle li#whitelink a:hover {
	color: #FC6;
	font-weight: normal;

}
ul#header li#skip {
	float: left;
	width: 20px;
	height: 30px;
	padding: 0;
	margin: -20px -20px 0 0;
	font-size: 1px;
}
ul#header li#umnHome {
	margin: 0 0 -2px;
	float: left;
	width: 306px;
	height: 30px;
}
ul#header li#umnHome a img {
	border: 0;
}

ul#topnav {
	margin: 0;
	padding: 0em;
	font-weight: normal;
}
ul#topnav li {
	float: left;
	width: auto;
	margin: 4px 5px 0 6px;
	
	
}
ul#topnav li a:link, ul#topnav li a:visited, div#footer li a:link, div#footer li a:visited {
	color: #660000;
	
	text-decoration: underline;
}
ul#topnav li a:hover, div#footer li a:hover {
	color: #666600;
	
	text-decoration: underline;
}
div#sitesection {
	background: #666666;
	margin: 0;
	padding: .3em 0.2em 0em 0.8em;
	border-bottom: 1px solid #999;
}
div#sitesection2 {
	background: #C29C01;
	margin: 0;
	padding: .3em 0.2em 0em 0.8em;
	border-bottom: 1px solid #999;
}


div#leftNav {
	float: left;
	width: 189px;
	height: 100%;
	background-color: transparent;
}

div#leftNavHead {
	width: 183px;
	background-color: #660000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: left;
	padding: 2px 0px 2px 5px;
	color: #FFFFFF;
	height: 20px;
}
div#leftNavHead h1 {
	padding: 0px;
	font-weight: normal;
	font-size: 1em;
	margin: 0px;
}

div#leftNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}
div#leftNav ul li {
	margin: 0 0 .25em;
	padding: 7px;
}

div#leftNav ul.home {
	border-bottom: 0;
	font-weight: bold;
}
div#leftNav p {
	margin: 0 0 1.2em;
	padding: 2px 0 3px 10px;
	color: #FFFFFF;
}
ul#left1 li {
}

ul#left1 li a:link, ul#left1 li a:visited {
	color: #660000;
	font-weight: normal;
	text-decoration: underline;
}
ul#left1 li a:hover {
	color: #666600;
	font-weight: normal;
	text-decoration: underline;
}


.navhead {
	color: #660000;
	font-weight: bold;
}


div#bodyContent {
	float: left;
	width: 571px;
	background-color: #FFFFFF;
}

ul#bodylist {
	list-style-type: none;
	margin: 10px;
	margin-left: 15px;
	padding: 0px;
	
}
.breadcrumbs {
	color: #333333;
	font-weight: normal;
	font-size: 90%;
}

ul.photo {
	list-style-type: none;
	margin: 0;
	padding: 0.2em;
	height: 110px;
	text-align: center;
	width: 560px;
	float: left;
}
ul.photo li {
	float: left;
	width: auto;
	margin: 4px 5px 0 6px;
}
ul.noBullets {
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
}

div#bodyContent div.padding { padding: 0px 20px 10px 10px; }
div#bodyContent div.padding div.padding { padding: 0 5px 10px 5px; }
div.leftthird {
	float: left;
	width: 183px;
}
div.rightthird {
	float: right;
	width: 200px;
}
div.twoThirds {
	float: left;
	width: 320px;
}
div.onecellcontent {
	float: right;
	width: 560px;
}
.photo {
	float: left;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	width: 240px;
	padding: 10px;
}
div.third.divideRight, div.twoThirds.divideRight { border-right: 1px solid #999; }
div.third.divideLeft, div.twoThirds.divideLeft { border-left: 1px solid #999; }

div.rowClear {
	clear: both;
	font-size: 1px;
	height: 1px;
}
div.padding div.rowClear { margin-bottom: 10px; }
div.rowClear.divide { border-top: 1px solid #999; }
h2, h3, h4, h5, h6 {
	margin: 0 0 0.4em;
}

div#navhead {
	font-size: 1.15em;
	color: #666600;
	font-family: Georgia, Times, serif;
	font-weight: bold;
}


.floatRight {
	float: right;
	width: auto;
}

div#footer {
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
	height: 60px;
	font-size: 0.9em;
}
div#footer p {
	margin: 2px 0 0px;
	color: #FFFFFF;
}
div#footer a:link, div#footer a:visited {
	color: #FFFFFF;
}
div#footer a:hover {
	color: #FC6;
}
div#footer ul {
	list-style-type: none;
	margin: 5 0;
	padding: 0;
	float: right;
	width: auto;
	color: #FFFFFF;
}

div#footer ul li {
	float: right;
	width: auto;
	margin: 0 5px 0 15px;
	color: #FFFFFF;
}
div#footerleft {
	float: left;
}
div#footerright {
	float: right;
	width: 300px;
	text-align: right;
}
div#footerright p {
	text-align: right;
	float: right;
}
div#head-secondary-index {
	padding: 0em;
	margin: 0px;
	height: 122px;
}
div#head-secondary-index h1 {
	margin: 0;
}
div#head-secondary {
	padding: 0em;
	margin: 0px;
	height: 48px;
}
div#head-secondary h1 {
	margin: 0;
}

div#head-secondary a:link, div#head-secondary a:hover, div#head-secondary a:visited {
	display: block;
	height: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

div#head-secondary blockquote {
	font-size: 1.5em;
	margin:  0 10px;
	width: 760px;
}


div#head1 {
    min-height: 100px;
	color: #FFF;
	background: #FFF url(images/header.gif);
	font-family: Times New Roman, Georgia, serif;
}
div#head1 blockquote {
	font-size: 1.5em;
	margin:  0 10px;
	width: 300px;
}
div#head1 h1 {
	font-size: 4em;
	margin: 0;
	padding: 20px 0 0 10px;
	text-transform: uppercase;
	font-weight: normal;
}
div#head2 {
	background: url(images/head-walt2.jpg);
	min-height: 55px;
	border-bottom: 1px solid #999;
	padding: 10px;
	font-size: 11px;
}
* html div#head1 { height: 100px; }
* html div#head2 { height: 75px; }
* html div#bodycontent { min-height: 600px; }

img#headImg { float: right; width: auto; margin: 0 0 0 -3px; }
.hide {
	display: none;
}

.contactinfo {font-size: 0.8em; font-weight: bold;}
.graybox {
	background-color: #CCCCCC;
	margin: 5px;
	padding: 5px;
	border: 1px solid #666666;
}
.whitebox {
	background-color: #ffffff;
	margin: 5px;
	padding: 0px;
	border: 1px solid #666666;
}