@import url("nav.css");
@import url("uni-form.css");
/* EXTENSION WEB TEMPLATE STYLESHEET */
/* JUNE 2010 : EXTENSION */

/* UMN Stylesheet Redifinitions
**************************************************************************/
/* Replace standard UMN logo with ours...suckas! */
#logo_uofm {
	background: url(/assets/img/logo_uofm_extension-large.gif) no-repeat scroll 0 0 transparent;
	height: 62px;
	width: 465px;
}
#logo_uofm a, #logo_uofm a:hover {
	padding-left: 465px;
}
/*remove maroon from left of search field and move it up to center it in bar */
#gsearch {
	background: url(/assets/img/search_field_extension.gif) no-repeat;
	top: 23px;
}
/* To make background grey */
html {
	background: #e0dfda url(/assets/img/e-bg.gif) top center repeat-y;/*background: #e2e1dc url(/assets/img/e-bg02.jpg) top center no-repeat;*/
}
#bg273 {
	background-image: none;
}
.container_12 {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 10px;
}
#unit_footer2 {
	padding-top: 5px;
	border-bottom: 4px solid #ffe084; /* <-- The higher ups wanted this */
	border-bottom: 4px solid #e4e4e4; /* <-- This looks better. Lets see if they even notice. */
	background-color: #fff;
}
#footer_inner {
	width: 450px;
	width: auto;
}
#footer_inner ul.copyright {
	margin-left: 0px;
}
#footer_inner ul.copyright { 
	list-style: none;
	list-style-image: none;
}
#footer_right { 
	width: auto;
}
ul.footer_links {
	padding-right: 0;
}
p, h1, h2, h3 {
	padding-left: 0;
	padding-right: 0;
}
#main_nav_2 {
	line-height: 1.4em;
	margin-top: 0px;
}
#main_nav_2 h2 {
	line-height: 1.1em;
	border-bottom: none;
	font-size: 108%;
	margin-bottom: 0;
	margin-top: 2em;
}
#main_nav_2 ul.main_nav {
	margin-top: 10px;
	margin-top: 0;
	margin-left: 0;
}
#main_nav_2 ul.main_nav li {
	border-bottom: 1px dotted #999;
	padding: 5px 0;
	list-style-image: none;
	list-style-type: none;
}
/**************************************************************************/

/* Navigation area
/**************************************************************************/

#nav {
	padding-top: 10px;
}
#nav h2 {
	margin-top: 0;
	font-size: 123.1%;
	border-bottom: 1px solid #ebebeb;
	line-height: 1.2em;
}
#nav ul.main_nav {
	border-bottom: 1px solid #ebebeb;
	margin-left: 0;
	list-style-type: none;
	list-style-image: none;
}
#nav ul.main_nav li {
	margin: 0 0 .6em 0;
	padding: 0;
}
#nav ul.main_nav li ul li {
	margin-left: -5px;
}
#nav ul.main_nav li ul {
	margin-top: .6em;
}
#nav ul.main_nav li a {
	color: #333;
	text-decoration: none;
}
#nav ul.main_nav li a:link {
	text-decoration: none;
	color: #333;
}
#nav ul.main_nav li a:visited {
	color: #666;
}
#nav ul.main_nav li a:hover {
	color: #362f2d;
}
#nav ul.main_nav li a:active {
	color: #362f2d;
}
/* Sidebar content area
/**************************************************************************/

#sidebar {
	padding-top: 10px;
}
#sidebar h2 {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	font-size: 123.1%;
	line-height: 1.2em;
}
#sidebar h2.noLine {
	border-top: none;
	padding-top: 0;
}
#sidebar h3 {
	color: #7a0019;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 108%;
}
/**************************************************************************/

/* Backgrounds
/**************************************************************************/
#bg363 { background: #fff url(/assets/img/e-bg-363.jpg) top center no-repeat; }
#bg84 { background: #fff url(/assets/img/e-bg-84.jpg) top center no-repeat; }
#bg39 { background: #fff url(/assets/img/e-bg-39.jpg) top center no-repeat; }
#bg93 { background: #fff url(/assets/img/e-bg-93.jpg) top center no-repeat; }

.vert01 { background: transparent url(/assets/img/e-bg-slim-01.gif) top left repeat-y; }
.vert02 { background: transparent url(/assets/img/e-bg-slim-02.gif) top left repeat-y; }
.vert03 { background: transparent url(/assets/img/e-bg-slim-03.gif) top left repeat-y; }
.vert04 { background: transparent url(/assets/img/e-bg-slim-04.gif) top left repeat-y; }
.vert05 { background: transparent url(/assets/img/e-bg-slim-05.gif) top left repeat-y; }
.vert06 { background: transparent url(/assets/img/e-bg-slim-06.gif) top left repeat-y; }
.vert07 { background: transparent url(/assets/img/e-bg-slim-07.gif) top left repeat-y; }
.vert08 { background: transparent url(/assets/img/e-bg-slim-08.gif) top left repeat-y; }
.vert09 { background: transparent url(/assets/img/e-bg-slim-09.gif) top left repeat-y; }
.vert10 { background: transparent url(/assets/img/e-bg-slim-10.gif) top left repeat-y; }
.vert11 { background: transparent url(/assets/img/e-bg-slim-11.gif) top left repeat-y; }

/*
#nav {
	background: #fff url(/assets/img/e-bg-nav.jpg) top right no-repeat;
}*/

/**************************************************************************/

/* Negative margin stuff
/**************************************************************************/
.expand {
	margin-right: -15px;
	margin-left: -15px;
}
.expandLeft {
	margin: 0 0 0 -15px;
}
.expandRight {
	margin-right: -15px;
}
/**************************************************************************/

/* Main content area
/**************************************************************************/

#content h1 {
	margin-bottom: 10px;
}
.section, .section02 {
	padding: 30px 0 0 0;
	margin-top: 1.5em;
}
.section {
	background: #fff url(/assets/img/e-hr.gif) repeat-x top left;
}
.section02 {
	border-top: 1px solid #999;
}
#content h2 {
	font-weight: bold;
	font-size: 146.5%
}
#content h3 {
	font-style: normal;
	font-size: 116%
}

/* Home page
/**************************************************************************/
#overviewArea {
	background-color: #ffe082;
	border: 1px solid #ffcc33;
	border-top: 17px solid #ffcc33;
	padding-top: 20px;
}
#overviewArea .padding {
	padding: 0 20px;
}
#overviewArea h2 {
	/*text-indent: -9999em;*/
	border: none;
	margin: 0;
	padding: 0;
}
#overviewArea h2 a {
	display: block;
}
#overviewArea h2#overviewAg {
	/*background: transparent url(/assets/img/e-home-ag.gif) top left no-repeat;*/
	width: 104px;
	height: 21px;
}
#overviewArea h2#overviewEnvironment {
	/*background: transparent url(/assets/img/e-home-environment.gif) top left no-repeat;*/
	width: 118px;
	height: 21px;
}
#overviewArea h2#overviewCommunity {
	/*background: transparent url(/assets/img/e-home-community.gif) top left no-repeat;*/
	width: 107px;
	height: 21px;
}
#overviewArea h2#overviewFamily {
	/*background: transparent url(/assets/img/e-home-family.gif) top left no-repeat;*/
	width: 60px;
	height: 21px;
}
#overviewArea h2#overviewGarden {
	/*background: transparent url(/assets/img/e-home-garden.gif) top left no-repeat;*/
	width: 70px;
	height: 21px;
}
#overviewArea h2#overviewYouth {
	/*background: transparent url(/assets/img/e-home-youth.gif) top left no-repeat;*/
	width: 53px;
	height: 21px;
}
.tagline {
	width: 439px;
	margin: 20px auto;
	display: block;
}
#showcaseHome {
	margin: 15px 0;
}
#showcase, #aboutMainImage {
	padding-left: 10px;
	padding-top: 10px;
	border-top: 30px solid #ffcc33;
}
dl.dateListing, ul#currentIssues {
	/*background-color: #f5f5f5;*/
	margin-bottom: 10px;
}
ul#currentIssues {
	background-color: #f5f5f5;
}
dl.dateListing dt {
	float: left;
	width: 40px;
	color: #666;
	/*font-size: 2em;*/
}
dl.dateListing dd a:link, dl.dateListing dd a:visited {
	text-decoration: none;
}
dl.dateListing dt, dl.dateListing dd, ul#currentIssues li a {
	padding: 5px 0;
	border-top: 1px solid #ededed;
}
dl.dateListing dd {
	padding-left: 10px;
	margin-left: 40px;
}
/* for dateListing in the sidebar */
#sidebar dl.dateListing dt {
	width: 100%;
	text-align: left;
	color: #666;
	padding: 0;
	margin: 0;
	border: none;
	/*font-size: 1.5em;*/
	font-size: smaller;
	line-height: 1em;
}
#sidebar dl.dateListing dd {
	padding: 0 0 7px 0;
	margin: 0 0 7px 0;
	border-bottom: 1px solid #ebebeb;
	border-top: none;
}
ul#currentIssues {
	list-style-image: none;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
ul#currentIssues li a {
	padding-left: 29px;
	background: transparent url(/assets/img/e-arrow-gold.png) 10px 8px no-repeat;
	display: block;
	text-decoration: none;
	padding-right: 10px;
}
ul#currentIssues li a:hover {
	background-color: #dfdfdf;
}
.pointy {
	padding-left: 16px;
	background: transparent url(/assets/img/e-arrow-gold.png) 0px 2px no-repeat;
}
.feature {
	clear: both;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.feature img {
	float: left;
}
.feature h3, .feature p {
	margin-left: 120px;
}
.feature h3 {
	margin-bottom: .5em;
	line-height: 1.2em;
	font-size: 108%;
}
.feature h3 a {
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
}
/* Sarah added these for dairy topic gallery pages */

.gallerylist .galleryfeature {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFE084;
}

.gallerylist img {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
}

.gallerylist {
	clear: both;
}

.gallerylist h3, .gallerylist p {
	margin-left: 0px;
	padding: 0 0px 0 0;
}

.gallerylist h3 {
	margin-bottom: .5em;
	line-height: 1.2em;
	font-size: 108%;
}

.gallerylist h3 a {
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
}

.gallerylist li {
	margin-left: -20px;
	margin-right: 20px;
	padding: 0 0px 0 0;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 10px;
	margin-bottom: 10px;
	list-style-image: none;
	list-style-type: none;
}


#store img.s-cover {
	border: 1px solid #6e6e6e;
	float: left;
	margin: 0 10px 10px 0; /* Needs to be fixed post launch */
}
#store.s-landscape img.s-type, #store.s-landscape p.s-title, #store.s-landscape p.s-price {
	margin-left: 110px;
	display: block;
}
#store img.s-type {
	margin-bottom: .5em;
}
#store p.s-price {
	font-weight: bold;
	float: left;
	padding-top: .3em;
}
#store .buttonWrap {
	width: auto;
	float: left;
	margin-left: 10px;
}
#store .buttonWrap a.buttonSmall {
	margin: 0;
}
a#feedback {
	width: 189px;
	height: 41px;
	display: block;
	background: url(/assets/img/e-home-feedback.gif) top left no-repeat;
	text-indent: -999em;
	margin: 50px auto 0 auto;
}
a#feedback:hover {
	background: url(/assets/img/e-home-feedback.gif) 0px -41px no-repeat;
	text-indent: -999em;
}
/**************************************************************************/

/* Overview page
/**************************************************************************/
#programs {
	background: #f6edca;
	background: #fff;
	padding-bottom: 10px;
}
div.intro {
	padding: 10px 30px 0px 25px;
	border-bottom: 1px solid #ccc;
	background-color: #fffbef;
}
#programs ul {
	margin-left: 15px;
	padding-left: 0;
}
#programs h2 {
	font-size: 130%;
	color: #333;
}
#programs h2 {
	font-size: 110%;
	padding: 5px 10px 5px 15px;
	line-height: 1.2em;
	background-color: #f9f5e9;
	background-color: #f8e5b1;
	text-transform: uppercase;
}
#programs a:link, #programs a:visited {
	text-decoration: none;
}
/**************************************************************************/

/* Program page
/**************************************************************************/

#mainNav {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#mainNav ul {
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
}
#mainNav h2 {
	margin-top: 0;
}
#mainNav ul li {
	margin: 0;
}
#mainNav ul li a {
	border-bottom: 1px solid #ececec;
	display: block;
	padding: 5px;
	text-decoration: none;
	margin: 0;
}
#mainNav ul li a.last {
	border-bottom: none;
}
#mainNav ul li a:link {
	
}
#mainNav ul li a:visited {
	
}
#mainNav ul li a:hover {
	background-color: #f7f7f7;
}
#mainNav ul li a:active {
	
}
img.main { margin: 15px 0 20px 0; }

/**************************************************************************/

/* Sampler
/**************************************************************************/

div#toc {
	border-left: 1px solid #ccc;
	width: 250px;
	float: right;
	padding: 0 10px;
	margin: 0 0 10px 30px;
}
div#toc h2 {
	margin: 0 0 .2em 0;
}
div#toc ul {
	margin: .5em 0 0 0;
	list-style-image: none;
	list-style: none;
	padding: 0;
}
div#toc ul ul {
	padding-left: 20px;
}
div#itemInfo { 
	margin: 10px 0 5px 0;
}
span.itemNumber { 
	
}
span.year { 
	margin-left: 20px;
}
span.order { 
	float: right;
}

p.samplerbox {
	text-align: center;
	background-color: #e3e3e3;
	clear: both;
	padding: 10px;
	margin: 1em 0;
}

/**************************************************************************/

/* For addthis.com button */
#addthis {
	margin: 0 10px 20px 10px;
}
.addthis_toolbox {
	margin-top: 0;
	margin-bottom: 10px;
}
div#addthisCrumb {
	position: absolute;
	top: 8px;
	right: 0;
}
div#bg39 p#crumbs {
	padding-right: 200px;
}
p#crumbs {
	margin-bottom: 10px;
	padding: 7px 7px 7px 0;
	color: #666;
	font-size: smaller;
	border-bottom: 1px solid #e2e2e2;
	border-bottom: 1px dotted #ccc; /* Haven't decided which one to use yet */
}
p#crumbs a:link, p#crumbs a:visited, p#crumbs a:hover, p#crumbs a:active {
	color: #666;
}
p#crumbs a:hover {
	color: #999;
}
ul.social {
}
ul.social li {
	padding-left: 20px;
}
ul.social li.facebook {
	background: transparent url(/assets/img/e-social-fb-whitebg.gif) 5px 3px no-repeat;
}
ul.social li.twitter {
	background: transparent url(/assets/img/e-social-twitter-whitebg.gif) 2px 3px no-repeat;
}
ul.social li.ning {
	background: transparent url(/assets/img/e-social-ning-whitebg.gif) left 3px no-repeat;
}

/**************************************************************************/

/* Modules
/**************************************************************************/
.module {
	margin: 0 0 20px 0;
	clear: both;
}
.baseline {
	border-bottom: 1px dotted #999;
}
.module-option01 {
	background: #fff url(/assets/img/e-overview-topic-bg.gif) top left repeat-x;
	padding: 10px;
	border: 1px solid #ebe7e4;
	border-top: none;
	margin-top: 10px;
}
.module-option01 h2, .module-option02 h2, .module-option03 h2 {
	margin-top: 0;
}
.module-option02 {
	background: transparent ;
	border: 10px solid #fff1c6;
	padding: 10px;
}
.module-option03 {
	background: transparent url(/assets/img/e-module-option03-bg.gif) top left repeat-x;
	padding: 20px 10px 10px 10px;
}
.module-option04 {
	background: #ccc url(/assets/img/e-module-option04-bg.gif) top left repeat-x;
	border: 1px solid #b0b0b0;
	padding: 10px;
}

/* Folder Tabs
*******************************************************/
.tabs {
	margin: 0 0 10px 0;
}
ul.folderTabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	border-top: 1px solid white; /* for ie 7 */
	background: #000 url(/assets/img/e-tab-bg.gif) repeat-x bottom;
	width: 100%;
	line-height:normal;
}
ul.folderTabs li {
	float: left;
	text-align: center;
	background: url(/assets/img/e-tab-right.gif) no-repeat right top;
	margin: 0 2px 0 0;
	padding: 0;
}
ul.folderTabs li a {
	padding: 5px 9px 4px;
	background: url(/assets/img/e-tab-left.gif) no-repeat left top;
	color: #666;
	text-decoration: none;
	display: block;
	margin: 0;
}
ul.folderTabs li.selected {
	background: url(/assets/img/e-tab-right-on.gif) no-repeat right top;
}
ul.folderTabs li.selected a {
	color: #666;
	background: url(/assets/img/e-tab-left-on.gif) no-repeat left top;
	padding-bottom: 5px;
}
ul.folderTabs li a:hover {
	color: #333;
}
ul.folderTabs li a:focus {
	outline: 0;
}
div.tabs .tab-content {
	padding: 10px 0 0 0;
	padding: 10px 15px;
	margin-top: 3px;
	margin: 0;
	border: 1px solid #c0b4aa;
	border-top: none;
	clear: both;
	background-color: #fff;
}
div.tabs > div h2 {
	margin-top: 0;
}
/* Product Selection Guide - needs to be addressed.
*******************************************************/
.psg .col {
	margin: 10px 0 0 0;
}
div.inner {
	background: #fff url(/assets/img/e-vertTab-bg.gif) repeat-y;
	padding: 0;
}
ul.navTabs {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 48%;
	width: 33%;
}
ul.navTabs li {
	float: left;
	clear: left;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
}
ul.navTabs li a:link {
	padding: 7px 5px;
	background: #f7eecd url(/assets/img/e-vertTab-tab-bg.gif) bottom left repeat-x;
	display: block;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	text-decoration: none;
}
ul.navTabs li a.last {
	border-bottom: 5px solid #fff;
}
ul.navTabs li a:link.selected, ul.navTabs li a:hover {
	background: #f1efec;
}
ul.navTabs li a:hover {
	background-color: #f0e7c2;
	text-decoration: none;
}
ul.navTabs li a.selected {
	border-right: none;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	border-left: 5px solid #fff;
}
ul.navTabs li a.selected.first {
	border-top: none;
}
ul.navTabs li a.selected.last {
	border-bottom: none;
}
ul.navTabs li a:focus {
	outline: 0;
}
div.psg div.container {
	padding: 10px;
	float: left;
	width: 48%;
	width: 63%;
	height: auto;
}
/* Extension prefooter
*****************************************************/
#preFoot {
	background: #f9f7f3 url(/assets/img/e-preFoot-leftBracket.png) 284px -10px no-repeat;
	position: relative;
}
#preFoot img.wordmark {
	margin: 27px 24px;
}
#preFoot #connect {
	margin: 27px 24px;
	position: absolute;
	top: 5px;
	left: 355px;
	width: 545px;
}
#preFoot #connect ul.miniList, #preFoot #connect img.connect {
	float: left;
}
#preFoot #connect ul.miniList {
	width: 165px;
}
#preFoot #connect ul.social {
	width: 240px;
}
#preFoot #connect ul.miniList li, #preFoot #content ul.social li {
	margin-bottom: 5px;
}
#preFoot #connect ul.social li {
	padding-left: 20px;
}
#preFoot #connect ul.social li.facebook {
	background: transparent url(/assets/img/e-social-fb-transbg.png) 5px 0px no-repeat;
}
#preFoot #connect ul.social li.twitter {
	background: transparent url(/assets/img/e-social-twitter-transbg.png) 3px 0px no-repeat;
}
#preFoot #connect ul.social li.ning {
	background: transparent url(/assets/img/e-social-ning-transbg.png) left 3px no-repeat;
}
#preFoot #connect ul.social li.rss {
	background: transparent url(/assets/img/e-social-rss-transbg.png) 3px 0px no-repeat;
}
/* Extension footer
*******************************************************/
#extFoot {
	border-bottom: 3px solid #e4e4e4;
	background-color: #f8f7f3;
	font-size: 85%;
	line-height: normal;
	margin: 0;
}
#extFoot a:link, #extFoot a:visited, #extFoot h2 {
	text-decoration: none;
	color: #666666;
}
#extFoot h2 {
	font-weight: bold;
	padding: 0;
	line-height: normal;
	margin: 15px 15px 10px 5px;
	font-size: 110%;
	text-transform: uppercase;
	border-bottom: none;
}
#extFoot h3 {
	font-size: 95%;
	color: #999;
	margin: 0 5px 5px 5px;
	line-height: normal;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
}
#extFoot h2.separate {
	margin: 0 0 0 -3px;
	padding: 10px 5px 5px 7px;
	border-top: 1px solid #e2dfd8;
}
#extFoot ul {
	margin: 5px 0 10px 5px;
	padding: 0;
	list-style-image: none;
}
#extFoot ul li {
	line-height: normal;
	color: #666666;
	border: none;
	line-height: 1.1em;
	list-style-type: none;
	padding: 0 0 4px 10px;
	background: transparent url(/assets/img/e-foot-arrow.gif) left 3px no-repeat;
	margin: 0;
	display: list-item;
}
#extFoot a:hover {
	text-decoration: underline;
	color: #333333;
}
/* Columns
*******************************************************/
.col {
	float: left;
	margin-bottom: 10px;
}
.half {
	width: 49%;
}
.third {
	width: 33%;
}
.twoThird {
	width: 66%;
}
.fourth {
	width: 24%;
}
.line {
	border-top: 1px solid #999;
	padding-top: 20px;
}
/* Used for wrapping column content to give padding */
.padding {
	padding: 0 10px;
}
.paddingFirst {
	padding: 0 10px 0 0;
}
.paddingLast {
	padding: 0 0 0 10px;
}
/* Image Floats
*******************************************************/
/* For images within columns */
img.paddingLeft {
	margin-left: 10px;
}
img.left {
	float: left;
	margin: 0 10px 5px 0;
}
img.right {
	float: right;
	margin: 0 0 5px 10px;
}
p.right {
	float: right;
}

/* Boxes
*******************************************************/
div.box {
	background-color: #ebebeb;
	padding: 10px 0;
	margin: 10px;
}
div.color-01 {
	background-color: #fcf0e8;
}
/* Buttons
*******************************************************/
.buttonWrap { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
a.buttonLarge {
	background: transparent url(/assets/img/e-button-large-r.png) no-repeat scroll top right;
	color: #555;
	display: block;
	height: 46px;
	float: left;
	margin: 10px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
	text-transform: uppercase;
	font-size: larger;
	font-family: Arial, Helvetica, sans-serif;
}
a.buttonLarge span {
	background: transparent url(/assets/img/e-button-large-l.png) no-repeat;
	display: block;
	line-height: 30px;
	padding: 8px 0 8px 10px;
}
a.buttonLarge:hover {
	background-position: bottom right;
	color: #666;
}
a.buttonLarge:hover span {
	background-position: bottom left;
}
a.buttonLarge:active {
	outline: none;  /*hide dotted outline in Firefox*/
}
a.buttonSmall {
	background: transparent url(/assets/img/e-button-small-r.png) no-repeat scroll top right;
	color: #555;
	display: block;
	height: 25px;
	float: left;
	margin: 10px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-family: Arial, Helvetica, sans-serif;
}
a.buttonSmall span {
	background: transparent url(/assets/img/e-button-small-l.png) no-repeat;
	display: block;
	line-height: 21px;
	padding: 2px 0 2px 10px;
}
a.buttonSmall:hover {
	background-position: bottom right;
	color: #666;
}
a.buttonSmall:hover span {
	background-position: bottom left;
}
a.buttonSmall:active {
	outline: none;  /*hide dotted outline in Firefox*/
}
/* Banners
*******************************************************/
h1.mainBanner {
	margin: 0;
	height: 75px;
	background-color: #FFCC33;
}
h1.mainBanner img {
	margin: 18px 0 0 23px;
}
div#banner {
	background-color: #FFCC33;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}
h1#banner, div#banner h1, div#banner p {
	margin: 10px 10px 5px 0;
	color: #7a0019;
	font-weight: bold;/*text-shadow: 1px 1px 2px rgba(255, 224, 132, 1);*//*text-transform: uppercase;*/
}
div#banner p a:visited {
	color: #7a0019;
}
div#header-name, h1#header-name {
	padding: 0;
	margin-top: 5px;
	color: #7a0019;
	font-size: 197%;
	line-height: 26px;

	font-weight: bold;/*text-shadow: 1px 1px 2px rgba(255, 224, 132, 1);*//*text-transform: uppercase;*/
}
#banner a, #banner a:link, #banner a:visited, #banner a:hover, #banner a:active {
	text-decoration: none;
	color: #7a0019;
}
#header-description, h2#header-description {
	color: #333;
	margin-bottom: 5px;
	font-size: 108%;
	font-weight: normal;
}
/* Image Captions
*********************************************************/
div.imgCapLeft img, div.imgCapRight img { /*border: 1px solid #999;*/
}
div.imgCapLeft {
	float: left;
	margin: 0.5em 20px .5em 0;
	clear: left;
}
div.imgCapRight {
	float: right;
	margin: 0.5em 0 .5em 20px;
	clear: right;
}
.xsmall {
	width: 100px;
}
.small {
	width: 200px;
}
.medium {
	width: 300px;
}
.large {
	width: 400px;
}
.xlarge {
	width: 500px;
}
div.imgCapLeft p, div.imgCapright p, div.imgCapleft p.credit, div.imgCapright p.credit {
	text-align: left;
	text-indent: 0;
	color: #333;
	padding: .5em 0 0 0;
	margin: 0;
	line-height: 1.3em;
	clear: both;
}
div.imgCapRight p.credit, div.imgCapLeft p.credit {
	font-size: smaller;
	color: #666;
	margin: 0;
	text-align: right;
}
/* Definition Lists
*********************************************************/
dl {
}
dl.courseList p {
	margin-left: 0;
	margin-right: 0;
}
dl.courseList dt {
	margin: 0;
	padding: 0;
	font-size: larger;
	clear: left;
}
dl.courseList dd {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
dl.courseList dd.offering, dl.courseList dd.cost {
	float: left;
	margin-top: -10px;
}
dl.courseList dd.offering {
	width: 30em;
}
/* Highlight Boxes
*********************************************************/
div.highlightBox {
	background-color: #eeeae6;
	margin: 10px;
	padding: 0 0 10px 0;
}
div.highlightBox h2 {
	background-color: #c0b4aa;
	margin: 0 0 10px 0;
	padding: 10px;
}
/* Tables
*********************************************************/
table.basicTable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	margin: 1em 0 2em 0;
}
table.basicTable td, th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	vertical-align: top;
}
table.basicTable th {
	background-color: #ebebeb;
	text-align: left;
	font-weight: bold;
}

/* Icons - doesn't work in IE6 but who cares at this point
*********************************************************/
/*a[href^="http://"] {
    padding: 0 15px 0 0;
	background: transparent url(/assets/img/e-icon-external.gif) no-repeat center right;
}
a.external {
    padding: 0 15px 0 0 !important;
	background: transparent url(/assets/img/e-icon-external.gif) no-repeat center right !important;
}
a[href^="http://www.extension.umn.edu"], a[href^="http://www1.extension.umn.edu"], a[href^="http://shop-secure.extension.umn.edu"], a[href^="http://shop.extension.umn.edu"], a[href^="http://myextension.umn.edu"], a[href^="http://blog.lib.umn.edu"], a[href^="http://www.umn.edu"], #campus_links a, #footer_right a, #extFoot a, .addthis_toolbox a, .feature a, .feature a, ul.social a, a.noIcon {
    background: none;
    padding-right: 0;
}*/