/* ADDED STYLES */

body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(/images/hybrid/bodyBg.gif) 1px repeat-y; font-size: .7em; }

body a:link { color: #990000; }
body a:visited { color: #8d5f5f; }
body a:hover { color: #b65656; }

body a img { border: none; }

.body { line-height: 15px; color: #333333; margin-bottom: 20px; }

th, td { font-size: 11px; }

/* - CUSTOM CLASSES FOR UMN NAVIGATION CONVENTIONS - */

/* - Applied to Table cells for horizontal and vertical lines - */
.stroke { background: #999999; background-color: #999999; }

/* Used in page creation to show links that don't go anywhere */
a:link.nolink,
a:active.nolink,
a:hover.nolink,
a:visited.nolink { color: #FFFF00; background-color: #666; }

p.smallText { font-size: smaller; }

/* Headings
**********************************************************************/

h1 { font-size: 1.7em; margin-bottom: .5em; margin-top: 0; line-height: 1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

h2,
h3,
h4,
h5,
h6,
.upcoming-workshop-title { margin-bottom: .5em; margin-top: 1.3em; line-height: 1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

h2,
.upcoming-workshop-title { font-size: 1.5em; color: #3f6081; }

/* This is to give a header no top margin, mainly used for the subtitle of a program page */
.h-nospace { margin-top: 0; }

h3 { font-size: 1.3em; }

h4,
h5,
h6 { font-size: 1.1em; }

/* This style can be used to divide a section by adding a line above the header */
.divide { border-top: 1px solid #999; margin-top: 1em; padding-top: 1.5em; }

p { margin-top: .1em; margin-bottom: 1em; }

a:link.searchbar,
a:visited.searchbar,
a:active.searchbar { color : #FFFFFF; background-color: transparent; }

a:link.footer,
a:visited.footer,
a:active.footer,
td.umhead,
td.umhead a:link,
td.umhead a:visited { color : #FFFFFF; background-color: transparent; }

a:hover.footer,
a:hover.searchbar,
a:hover.rightNavLink,
td.umhead a:hover { color: #FFCC66; }

/* Right Side bar
**********************************************************************/

#rightnavContainer h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-size: 1.6em; margin: 0em 7px .1em 10px; padding: 0; font-weight: bold; }

#rightnavContainer p { padding: 0; margin: .2em 7px .4em 10px; color: #333; }
#rightnavContainer ul, #rightnavContainer form { padding: 0 0 10px 0; margin: .3em 8px 1.2em 12px; border-bottom: 1px solid #999; }
#rightnavContainer ul.noEnd { border-bottom: none; margin-bottom: 0em; }
#rightnavContainer ul li { margin: 0 7px .2em 0; padding: 0 0 0 11px; list-style-type: none; background: transparent url(/images/hybrid/redBullet.gif) no-repeat left 8px; }
/*Style for lists that only have one item */
#rightnavContainer ul.oneitem { margin-left: 11px; }
#rightnavContainer ul.oneitem li { background: none; padding-left: 0; }
#rightnavContainer form { margin: 10px; }

#rightnavContainer a:link { color: #333; }
#rightnavContainer a:visited { color: #666; }
#rightnavContainer a:hover { color: #454545; }

/************************************************************/
/************* ADDED STYLES FOR PROGRAM COLORS **************/

tr.family { background-color: #9988AA; }
tr.community { background-color: #B58F49; }
tr.farm { background-color: #607E42; }
tr.food { background-color: #913802; }
tr.gardening { background-color: #AEA033; }
tr.housing { background-color: #6e7caf; }
tr.money { background-color: #A6AF8F; }
tr.nre { background-color: #5FA0BF; }
tr.youth { background-color: #e37e28; }
tr.aboutextension { background-color: #0033CC; }
tr.maroon { background-color: #8c1919; }

/*************************************************************/
/***************** ADDED STYLES FOR FOOTER *******************/

/* - Applied to the copyright text in the global footer - */
.footeritalic { font-style: italic; color: #FFFFFF; }

/* - Applies background color to the footer table - */
.footerbkgimage { background-color: #8C1919; color: #FFFFFF; }

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

.crumb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; line-height: 13px; }
.crumb a:link,
.crumb a:visited { color: #666666; }
.crumb a:hover { color: #999; }

.rightHead { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color: #FFFFFF; line-height: 22px; font-weight: bold; margin-top: 0; }

/* added to accommodate sub headers in the right nav */
.rightSubHead { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #FFFFFF; line-height: 17px; font-weight: bold; }

.bodyBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #333333; font-weight: bold; }

ul { margin: 0 0 1em 15px; padding-left: 0; }
ul li,
ul li ul li { line-height: 1.5em; padding-left: 10px; list-style: none; background-image:  url(/images/hybrid/redBullet.gif); background-repeat: no-repeat; background-position: 0px 6px; }
ul li ul { margin-bottom: 0; }

.new { color: #FF0000; font-weight: bold; }

/*************************************************************/
.programHead,
.overviewHead { margin-left: 0px; padding-left: 0px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 24px; font-weight: normal; color: #FFFFFF; line-height: 26px; }

.overviewHead { font-weight: bold; }

/* Used on Workshops */
.programSubHead { margin-left: 0px; padding-left: 0px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: normal; color: #FFFFFF; line-height: 16px; }

/* Used on Workshops */
.centerHead3 { margin-left: 0px; padding-left: 0px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color: #2E5B89; line-height: 22px; }

/* Used on Workshops */
.search { font-size: 10px; line-height: 15px; color: #333333; font-weight: bold; }

.sideHead { margin-left: 0px; padding-left: 0px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 20px; font-weight: normal; color: #FFFFFF; line-height: 16px; }

/*************************************************************/
/*************** ADDED STYLE FOR SAMPLER BOX *****************/
.samplerBox { padding: 7px; border: 1px dashed #000000; }

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

/*************************************************************/
/*************** BASIC COLUMNS *****************/

.halfCol { width: 48%; float: left; }
.paddingCol { 0 5px; }

/*************************************************************/
/*************** ADDED STYLE FOR PROGRAM PAGE ****************/
#feature p { margin-bottom: 0; }

#feature h3 { margin-bottom: 5px; margin-top: 0; font-size: 1.1em; color: #990000; }

#feature h3 a { color: #990000; }

#feature a { color: #333333; }

#feature h3 a { text-decoration: none; }


/* Below are styles that don't use the incorrect ID */
/*************************************************************/
/*************** ADDED STYLE FOR PROGRAM PAGE ****************/
div.feature p { margin-bottom: 0; margin-left: 117px; }

div.feature h3 { margin-bottom: 5px; margin-top: 0; font-size: 1.1em; color: #990000; }

div.feature h3 a { color: #990000; }

div.feature a { color: #333333; }

div.feature h3 a { text-decoration: none; }

p.space { margin: 0 auto auto 5px;}
div.feature { margin-bottom: 10px; }
div.feature img.featureimg { margin-bottom: 0px; }

/* Left Navigation 
**************************************************************/

#leftnav { padding: 1px 0 0 0; margin: 0; }

#leftnav-content{ padding: 0 7px 10px 7px; }

#leftnav a:link { color: #333; }
#leftnav a:hover { color: #000; }
#leftnav a:visited { color: #666; }

#leftnav p { padding-bottom: .5em; }

#leftnav h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0 5px 0; color: #12477e; font-size: 1.5em; }

#leftnav ul, #leftnav p { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; }
#leftnav ul { font-size: 1.3em; margin: 0; padding: 0; list-style-type: none; }

#leftnav li { padding: 0 0 5px 0; font-weight: bold; background-image: none; }
#leftnav li a { text-decoration: none; border-bottom: 1px solid #999; }

.desktop img { float: left; padding-right: 5px; }
.desktop { margin: 20px 0 10px 0; }
.desktop a { font-size: 11px; }

/* Extension Footer
**************************************************************/
#extFoot { background-color: #ebebeb; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#extFoot a:link { color: #666; }
#extFoot a:hover { color: #333; }
#extFoot a:visited { color: #999; }

#extFoot ul { margin: 0; padding: 0; }
#extFoot ul li { border-right: 1px solid #999; margin: 5px 0; padding: 0 10px; background-image: none; display: inline; float: left; }

/* Module, Upcoming Workshop Styles
**************************************************************/
.moduleContainer { margin: 15px 0 0 0; }

.moduleContainer h2,
.upcoming-workshop-title { background-color: #e8e3c2; margin: 0; padding: 5px; font-size: 1.3em; }

.moduleBody { background-color: #f0edd6; padding: 10px 10px 0 10px; border-top: 2px solid white; clear: both; }

.upcoming-workshop-block { background-color: #f0edd6; margin: 15px 0 0 0; position: relative; clear: both; }

.upcoming-workshop-block ul.UpcomingOfferings { list-style-type: none; margin: 7px 0 0 0; padding: 0; }

.OfferingTitle { font-weight: bold; }

.upcoming-workshop-block li.Offering { background-image: none; padding: 0 5px 7px 7px; }

.upcoming-workshop-title { padding: 3px 5px; background-color: #e8e3c2; border-bottom: 2px solid white; font-weight: bold; }

.all-workshops-link { position: absolute; right: 5px; top: 2px; }

/* to get rid of extra height in IE */
.fromservice { height: 1%; }

.empty { display: none; }
 
/* Specifically for program page images */
img.mainimg,
img.featureimg { padding: 4px; background-color: #efedde; border: 1px solid #8f8f8f; }

img.mainimg { float: right; margin: 10px 0 10px 10px; }

img.featureimg { float: left; margin: 0 7px 10px 3px; }

/* Miscellaneous */
div.divider { border-top: 1px dashed #999; margin: 1em 0; }
p.simpleCreditRight { font-size: .7em; float: right; clear: right; margin-top: -5px; margin-bottom: 5px; }

/* For white padding around logos that have a white bg */
.logoPad,
.imgPad { border: 1px solid #ccc; background-color: white; padding: 7px; }

/* For print info sheet and website link */
div.linkbox { border-top: 1px dashed #999; border-bottom: 1px dashed #999; padding: 5px 0; clear: both; }

.warning { color: #FF0000; }

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

ul.social { margin: -10px -10px 0 -10px; padding: 0; }
ul.social li { margin: 0; padding: 10px 10px 10px 54px; background-image: none; }
ul.social li:hover { background-color: #f5f3e3 !important; }
ul.social li.facebook, ul.social li.ning { background: transparent 10px 10px no-repeat; }
ul.social li.facebook { background-image: url(/images/facebook32x32.png); }
ul.social li.ning { background-image: url(/images/ning32x32.png); }