/* @override 
	http://www.mtcubacenter.org/css/main.css
*/

/* @group reset */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}
strong {font-weight: bold}
ol, ul {list-style: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* @end

*/

/* @group global */

.clear { clear: both; font-size: 1%; line-height: 1%; overflow: hidden;}

body {
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */
  padding: 0;
  margin: 0;
  background-color: #c5c7b9;
}

.floatleft { float: left; }
.floatright { float: right; }
.spaceleft {margin-left: 20px;}
.spaceright {margin-right: 20px;}

.whitebg {
	background-color: #fff;
}

/* @end */

/* @group masthead */

#masthead {
	height: 97px;
}

#logo {
	background: url(images/mtcc-logo.gif) no-repeat 0 0;
	height: 60px;
	margin: 17px 0 0 0;
}
#logo h3 {
	position: relative;
	left: -2000px;
}
/* @group globalnav2 */

#utilitynav {
	float: right;
	background-color: #daded0;
	margin: 0;
	padding: 12px;
	color: #687d53;
	font: 400 .6em/.8em Helvetica, Verdana, Arial, Geneva, sans-serif;
	text-transform: uppercase;
}

#utilitynav a, #utilitynav a:link, #utilitynav a:visited {
	color: #687d53;
	border-bottom: none;
	text-decoration: none;
}

#utilitynav a:hover {
	color: #687d53;
	border-bottom: 1px solid #687d53;
}

/* @end */


/* @end */

/* @group grid */

.grid_1 { width:31px; }
.grid_2 { width:102px; }
.grid_3 { width:173px; }
.grid_4 { width:244px; }
.grid_5 { width:315px; }
.grid_6 { width:386px; }
.grid_7 { width:457px; }
.grid_8 { width:528px; }
.grid_9 { width:599px; }
.grid_10 { width:670px; }
.grid_11 { width:741px; }
.grid_12 { width:812px; }

.column {
	margin: 0 20px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 860px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
	background-color: #fff;
}
.row .row {
	margin: 0 -20px;
	width: auto;
}

/* @group column heights */

.height100 {height:100px;}
.height150 {height:150px;}
.height250 {height:250px;}
.height300 {height:300px;}
.height350 {height:350px;}
.w400 {	width: 400px; }
.w100 {	width: 100px; }
.w150 {	width: 150px; }
.w170 {	width: 170px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w300 { width: 300px; }
.w375 { width: 375px; }

/* @end */

/* @end */

/* @group hpss/header */

#hpss {
	border-top: 10px solid #231f20;
	border-bottom: 10px solid #231f20;
	height: 312px;
	width: 900px; padding: 0;
}
#hpss img {
	width: 900px;
}
#header {
	border-top: 10px solid #231f20;
	background-color: #588038;
	padding: 0;
	width: 900px;
}

#header h1 {
	margin: 0 0 0 20px;
	font: 700 1.5em/1.625em Helvetica, Verdana, Arial, Geneva, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
}

/* @end */

/* @group globalnav (superfish) */

#globalnav {
	background-color: #fff;
	height: 32px;
	margin: 0 auto;
	overflow: visible;
}

.globalnav {
	position: absolute;
	line-height: 1.0;
	width: 870px; 
	background-color: #fff;
	float: left;
	margin: 0; 
}
.globalnav ul {
	position: absolute;
	top: -999em;
	width: 13.5em; /* left offset of submenus need to match (see below) */
	margin: 0;
}

.globalnav li {
	float: left;
	position: relative;
	list-style: none;
	font: 400 1em/1.45em Helvetica, Verdana, Arial, Geneva, sans-serif;
	margin: 0 0 0 -5px;
}
.globalnav a {
	display: block;
	position: relative;
}

.globalnav ul li {
	width: 100%; margin: 0;
}
.globalnav li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.globalnav li:hover>ul,
.globalnav li.sfHover>ul {
	left: 0;
	top: -.6em; 
	border-top: solid 5px #000;
	border-bottom: solid 5px #000;
	padding-top: 3em; 
	background: transparent url(images/bg-menu-hover.png) repeat; 
	z-index: 200;
}
ul.globalnav li:hover li ul,
ul.globalnav li.sfHover li ul {
	top: -999em;
	visibility: hidden;
}
ul.globalnav li li:hover ul,
ul.globalnav li li.sfHover ul {
	left: 13em; /* match ul width */
	top: 0;
}
ul.globalnav li li:hover li ul,
ul.globalnav li li.sfHover li ul {
	top: -999em;
}
ul.globalnav li li li:hover ul,
ul.globalnav li li li.sfHover ul {
	left: 13em; /* match ul width */
	top: 0;
}
.globalnav>li a {
	padding: .5em 1em .5em 1em;
	border-bottom: none; text-decoration: none;
	font: 400 .75em/1em Helvetica, Verdana, Arial, Geneva, sans-serif;
	color: #687d53;
	text-transform: uppercase; letter-spacing: .05em;
}
.globalnav>li:hover>a, .globalnav li.sfHover>a {
	color: #000;
	background: none;
}
.globalnav li li a, .globalnav li li a:link, .globalnav li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	padding: .75em 1em;
	border-bottom: none; text-decoration: none;
	font: 400 .8em/.94em Helvetica, Verdana, Arial, Geneva, sans-serif;
	color: #687d53;
	letter-spacing: .1em;
}
.globalnav li:hover li a, .globalnav li:hover li a:link, .globalnav li.sfHover li a{ 
	color: #fff;
	font: 400 .7em/.75em Helvetica, Verdana, Arial, Geneva, sans-serif;
	text-transform: capitalize;
	letter-spacing: .1em;
	border: none;
}
.globalnav li li li { background: url(images/bg-menu-hover.png) repeat; }
.globalnav li li li a, .globalnav li li li a:link { color: #fff;}
.globalnav li:hover, .globalnav li.sfHover, 
.globalnav a:focus, .globalnav a:hover, .globalnav a:active {
	outline: 0;
	color:  #fff;
	border: none; text-decoration: none;
}
.globalnav a:focus, .globalnav a:hover, .globalnav a:active {
	background: url(images/bg-menu-hover.png) repeat; 
}

/* @group Arrows */

.globalnav a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -20px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.5em;
	background-position: -10px -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.globalnav ul .sf-sub-indicator { background-position:  -10px 0; }
.globalnav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.globalnav ul a:focus > .sf-sub-indicator,
.globalnav ul a:hover > .sf-sub-indicator,
.globalnav ul a:active > .sf-sub-indicator,
.globalnav ul li:hover > a > .sf-sub-indicator,
.globalnav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* @end */

/* @group shadows for all but IE6 */

.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* @end */
/* @end */

/* @group section intro nav listings */

#section-intro-nav-listing li {
	float: left;
	position: relative;
	width: 45%;
	list-style-type: none;
}
#section-intro-nav-listing a {
	display: block;
	position: relative;
	padding: 1em;
	margin-left: 1em;
	border: none; text-decoration: none;
	font: 400 1em/.94em Helvetica, Verdana, Arial, Geneva, sans-serif;
	color: #687d53;
}

ul#section-intro-nav-listing {
	margin-left: 0;
}
#section-intro-nav-listing a:hover {
	background-color: #daded0;
}

/* @end */

/* @group content */

/* @group OneColRepeatingRegion */

.OneColRepeatingRegion {
	padding: 5px 20px;
}

.OneColRepeatingRegion p {
	margin: 0 10px 0 0;
	padding-bottom: 0;
}

/* @end */

/* @group TwoColRepeatingRegion */

.TwoColRepeatingRegion {
	border-top: solid 1px #666;
	padding: 20px 0 20px 0;
	margin: 0 20px;
}
.TwoColRepeatingRegion .column {
	margin: 0 0 0 20px;
}
/* @end */

/* @group whatsnew */

.whatsnewTop {
	background: url(images/bg-whatsnew-top.gif) no-repeat 0 0;
	height: 11px;
	margin-top: 10px;
}
.whatsnewHeader {
	background-color: #687e53;
	padding: 8px 15px 3px;
	width: 267px;
}

.whatsnew {
	background-color: #687e53;
	padding: 12px 15px 12px;
	margin: 0;
	width: 267px;
}
.whatsnewHeader h3 {
	color: #fff;
	text-transform: uppercase;
	font: 700 1.25em/1.25em Helvetica, Verdana, Arial, Geneva, sans-serif;
	margin: 0;
	padding-bottom: 0;
}

.whatsnew h5 {
	font: 400 .94em/1.125em Helvetica, Verdana, Arial, Geneva, sans-serif;
	color: #fff;
	padding-bottom: 5px;
}

.whatsnew p {
	color: #fff;
	font: 400 .75em/1.125em Helvetica, Verdana, Arial, Geneva, sans-serif;
	color: #fff;
	margin: 0;
}

.whatsnew a, .whatsnew a:link, .whatsnew a:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.whatsnew a:hover {
	color: #daded0;
	border-bottom: 1px solid #daded0;
}

.whatsnewBottom {
	background: url(images/bg-whatsnew-bottom.gif) no-repeat 0 0;
	height: 78px;
	padding: 16px 10px 0;
}

.whatsnewBottom h6 {
	width: 190px;
	font-size: .69em;
	text-transform: uppercase;
	margin: 7px 0 0 0;
}

.whatsnewBottom h6 a, .whatsnewBottom H6 a:link, .whatsnewBottom h6 a:visited {
	color: #231f20;
	text-decoration: none;
	border-bottom: none;
	line-height: 15px;
}

.whatsnewBottom h6 a:hover {
	color: #677718;
	text-decoration: none;
	border-bottom: 1px solid #677718;
}

.divider {
	width: 297px;
	height: 2px;
	font-size: 1%;
	line-height: 0%;
	margin: 0;
	padding: 0;
	background: #687e53 url(images/whatsnew-divider.gif) no-repeat 0 0;
}

/* @end */

/* @group quick links */

.quicklink-hp.bigTarget.over {
	cursor: pointer;
}

.quicklink-hp {
	position: relative;
	float: left;
	width: 220px;
	height: 113px;
	border-top: 6px solid #231f20;
	border-bottom: 3px solid #231f20;
	margin-bottom: 13px;
	margin-right: 8px;	
	overflow: hidden;
}

.quicklink-hp h2 a, .quicklink-hp h2 a:link, .quicklink-hp h2 a:visited {
	position: absolute;
	top: 50px;
	left: 6px;
	font: 700 .825em/1.275em Helvetica, Verdana, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	margin: 0;
	text-decoration: none;
	border-bottom: none;
}

.qlHover {
	position: absolute;
	width: 230px;
	height: 123px;
	top: 0px;
	left: 0px;
	background: url(images/bg-menu-hover.png) repeat 0 0;
	visibility: hidden;
}

.over .qlHover {
	visibility: visible;
}

.over h2 a {
	color: #fff !important;

}

/* @end */

.floatleft-imginsert {
	float: left;
	padding: 5px 20px 20px 5px;
}

.floatright-imginsert {
	float: right;
	padding: 5px 5px 20px 20px;
}

.marginleft20 { margin-left: 20px; }
.marginright20 { margin-right: 20px; }
.marginleft10 { margin-left: 10px; }
.marginright10 { margin-right: 10px; }

/* @group spacing */

.spaceleft {margin-left: 10px;}
.spaceright {margin-right: 10px;}
.spacerightlg {margin-right: 20px;}
.spacebeforesm {margin-top: 6px;}
.spacebefore {margin-top: 12px;}
.spacebeforelg {margin-top: 24px;}
.spacebeforepaddingsm {padding-top: 6px;}
.spacebeforepadding {padding-top: 12px;}
.spacebeforepaddinglg {padding-top: 18px;}
.spaceaftersm {margin-bottom: 6px;}
.spaceafterpaddingsm {padding-bottom: 6px;}
.spaceafter {margin-bottom: 12px;}
.spaceafterpadding {padding-bottom: 12px;}
.spaceafterpaddinglg {padding-bottom: 18px;}
.spaceafterlg {margin-bottom: 24px;}
.nospacebefore {margin-top: 0;}
.nospaceafter {margin-bottom: 0;}

/* @end */

/* @group typestyles */

h1 {
	margin: 0 0 12px 0;
	color: #4d4d4f;
	font: 400 1.7em/1.875em Georgia, times, Times New Roman, times-roman, georgia, serif;
}

h2 {
	color: #588038;
	font: 400 1.375em/1.25em Helvetica,Verdana, Arial, Geneva, sans-serif;
	padding-bottom: 3px;
}

h3 {
	color: #4d4d4f;
	font: 400 1em/1.5em Helvetica,Verdana, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

h4 {
	color: #4d4d4f;
	font: 400 1.125em/1.19em Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 5px;
}

h4.bg {
	font: 700 .9em/1.19em Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color: #daded0;
	padding: 10px;
	color: #57483d;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h4.nobg {
	font: 700 .9em/1.19em Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding: 10px 10px 10px 0;
	color: #57483d;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h5 {
	color: #4d4d4f;
	font: 700 .875em/1.19em Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 5px;
}

h6 {
	color: #4d4d4f;
	font: 700 .75em/1.45em Verdana, Arial, Helvetica, Geneva, sans-serif;
}

p {
	color: #4d4d4f;
	font: 400 .875em/1.45em Helvetica, Verdana, Arial, Geneva, sans-serif;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

p.date {
	font-size: .8em;
	padding-bottom: 1px;
	margin-bottom: 0;
	text-transform: uppercase;
}

p.welcome {
	font-size: .94em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

p.caption, .caption {font-size: .75em;}


em {
	font-style: italic;
}

/* @end */

/* @group links */

a, a:link, a:visited {
	color: #677718;
	text-decoration: none;
	border-bottom: 1px solid #677718;
}

a:hover, a:active {
	color: #daded0;
	text-decoration: none;
	border-bottom: 1px solid #daded0;
}

a.img {
	border-bottom: none;
	text-decoration: none;
}

a.hideAnchorIEfix {
	text-decoration: none; border: none;
	line-height: .1em;font-size: .1em; margin: 0;padding: 0;
	float:left	
}

/* @end */

/* @group lists */

ul, ol {
	margin: .5em 2em 1em 2em;
}
li {
	color: #4d4d4f;
	font: 400 .875em/1.45em Helvetica, Verdana, Arial, Geneva, sans-serif;
}
ul li {
	list-style: disc;
}


/* @group large two col list */

.largetwocollist li {
	float: left;
	position: relative;
	width: 45%;
	list-style: none;
}
.largetwocollist a {
	display: block;
	position: relative;
	padding: 1em;
	margin-left: 1em;
	border: none; text-decoration: none;
	font: 400 1em/.94em Helvetica, Verdana, Arial, Geneva, sans-serif;
	color: #687d53;
}

ul.largetwocollist {
	margin-left: 0;
}
.largetwocollist a:hover {
	background-color: #daded0;
}

/* @end */
/* @end */

/* @group rules */

.ruleabove {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.ruledotted {
	border-top: 1px dotted #ccc;
}

.rulebelow {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

/* @end */

/* @group data */

dt {
	color: #5a5a5a;
	font: normal .625em/.875em Verdana, Arial, Helvetica, Geneva, sans-serif;
}

dd {
	clear: both;
	float: left;
	color: #000;
	font: 400 .75em/1em Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding: 0 12px 2px 12px;
}

/* @end */

blockquote {
	margin: 0 18px;
	padding: 0 6px;}

/* @group calendar */
h5 span.date {
	display: block;
	float: left;
	width: 45%;
	font-weight: normal;
}

ul.months li {
	list-style-type: none;
	float: left;
	margin: 0;
}

ul.months li.last {
	margin-right: 0;
}

ul.months {
	display: block;	
	width: auto; height: 30px;
	margin: 0 auto;
}
ul.months li a {
	display: block;
	text-transform: uppercase;
	text-decoration: none; border: none;
	padding: 5px 18px; border: solid 1px #fff;
}
ul.months li.current a {
	background-color: #ccc;}
ul.months a:hover, ul.months a:active {
	color: #333;
	background-color: #ccc;
}

.calEvent ul {
	margin: 0;
}

.calEvent a:hover {
	color: #4d4d4f;
	border-bottom: 1px solid #4d4d4f;
}

.calEvent ul li, .calEvent ul li.alternate {
	background-color: #fff;
	list-style-type: none;
	padding: 10px 12px;
}

.calEvent ul li.alternate { background-color: #daded0; }

li.bigTarget.over, li.bigTarget.alternate.over {
	cursor: pointer;
	background-color: #ccc;
}


/* @end */

/* @group Symposium */
.download {
	float: right;
	display: block;
	width: 60px;
	margin: 0 0 0 10px;
}
.download a, .download a:link {
	border: none; text-decoration:none;
}
.bigTarget.over {
	cursor: pointer;
	}
.bigTarget.over a {
	color: #daded0;
	text-decoration: none;
	border-bottom: 1px solid #daded0;
	}

.hide {
	display: none;
}
/* @end */

/* @end */

/* @group edit entry */

p.edit-entry a {
	clear: both;
	display: block;
	margin: 30px 0;
	padding: 5px 20px 3px;
	font-size: .725em;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #666;
	color: #fff;
	border: none;
}

p.edit-entry a:hover {
	background-color: #000;
	border: none;
}	

/* @end */

/* @group forms */

form#mailingList {
	width: 85%;
}
#hiddenDIV {
	display: none;
}
#notification{
	border: solid 1px #cdcdcd;
	background-color: #f6f6f6;
	padding: 10px;
	display: none;}

h2.form {
	color: #fff;
	background-color: #333;
	font-size: 2em;
	padding: 5px 12px 8px;
}

form h3 {
	color: #333;
	font: 400 1.8em/1.6em Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
}

form h5 {
	color: #000;
	font: 700 1.2em/1.4em Verdana, Arial, Helvetica, Geneva, sans-serif;
}

form input { margin: 0; 
	width: 98%; 
	font-size: 1.1em;
	border: none;
	background-color: #dce1d3;
	padding: 5px 0px 5px 10px;
}
form input#streetAddressTwo {
	margin-top: 4px;
}
form span.halfcol.state {
	width: 8%;
}
form span.halfcol.zip {
	width: 36%;
}
form span.halfcol {
	width: 46%; 
	margin: 0 2% 0 0;
	float: left;
}
form span.fullcol {
	width: 95%; 
	margin: 0 2% 0 0;
	float: left;
}

form label { 
	display:block;
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif; 
	color:#444; 
	letter-spacing:1px; 
	clear:both;
	margin: 10px 0 3px 0; 
}

form label.error { 
	color: #a01c1c; 
	font-style: italic; 
	margin: 1px 5% 10px 0; 
	float: left; 
	}

form input.choice, label.choice { float:left; margin: 0 6px 0 0; clear:none; }

form span.error { padding: 3px 4px 2px 4px; background-color: #000; border: solid 1px #C5A7A7;}

form input.error, form textarea.error { background-color: #e2d3d3; }

form p { margin: 0;	padding: 0;	}

form input#submit {
	float: left;
	color: #fff;
	background-color: #556f07;
	width: 30%;
	margin: 1em 0 0 0;
}
form input#submit:hover { background-color: #333; font-weight: bold;}
form input#submit.sending {
	background-color: #ae3558;
}
form span.checkbox input {
	float: left;	
	width: 5%;
	margin: 1.8em 0 0 0;
}
form #forgotpw, form span.checkbox p {
	float: left;	
	width: 55%;
	margin: 1em 0 0 0;
	padding: 1em 2em;
}
form span.checkbox p { width: 80%; padding-left:  .5em;} 
/* @end */

/* @group footer */

#footer {
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 20px;
}

#footer .rule, .rule {
	border-top: 2px solid #77787b;
	width: 100%;
	height: 2px;
	margin: 0 0 10px 0;
}
#footer p {
	font: 400 .625em/.875em Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #636466;
}

/* @end */

/* @group jquery autocomplete */

.ac_results {
	width: 120px;
	padding: 0px;
	background-color: white;
	z-index: 99999;
}

.ac_results ul {
	width: 120px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: .9em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
	.ac_results li a{
		border-bottom: none;
		color: #4D4D4F;
	}

.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}
.ac_even {
	background-color: #fff;
}

.ac_over, .ac_results li.ac_over a {
	background-color: #556f07;
	color: white;
}



/* @end */

/* @group slideshow */
.slideshow div {
	display: none; 
}
.slideshowhomepage div {
	display: none; 
	background-color: #231f20;
}
/* @end */

/* @group colorbox */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; padding:20px; border: solid 1px #4d88aa;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{
			position:absolute; top:-22px; left:0;
			color: #4d4d4f;
			font: 400 .875em/1.45em Helvetica, Verdana, Arial, Geneva, sans-serif;
        }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


/* @end */

/* @group plant trials */

#trial-plants-green-box p.caption a:hover {
	color: #57483d;
	border-bottom: 1px solid #57483d;
}

.plant-trial-listing p a.question-box {
	background-color: #bcbdc0;
	border: none;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	margin-left: 6px;
	padding: 2px 4px 0px;
}

#question-box-content{display: none;}

#trial-plants-green-box {
	padding: 10px;
	background-color: #daded0;
}
#trial-plants-green-box h2 { color: #588038; }
#trial-plants-green-box p { padding-left: 10px;}

img.plant-trial-thumbnail { float: right; }

.plant-trial-listing {
	margin-bottom: 15px; padding-bottom: 15px;
	border-bottom: solid 1px #999;
}

#details, #hide-details {display: none;}


/* @end */

/* @group print */

.print { display: none; }



/* @end */
