body { background-color: #6e645b; }

.wrapper { width: 960px; margin: 0 auto; }

#header { background: #5d544c url(/images/header-shadow.png) top center repeat-y; border-bottom: 2px solid #5d544c; }
#content, #footer { background: #6e645b url(/images/body-shadow.png) top center repeat-y; }
#content .wrapper { background: white; padding-bottom: 6px; width: 960px; }
#content .with-quicklinks { border-right: 223px #8e9500 solid; width: 737px; }

#footer .wrapper { background-color: #e2e0de; }

#header .wrapper { position: relative; height: 125px; background: white; }

#header p { position: absolute; right: 0; top: 0; margin: 0; }

#menu {
	position: absolute;
	left: 0;
	top: 86px;
	height: 39px;
	width: 100%;
	background: url(/images/menu-background.png) repeat-x top;
}

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

#menu li {
	float: left;
	margin-right: 3px;
}

#menu li a {
	display: block;

	font-size: 1.25em;
	padding: 0 15px 3px;
	color: #fff;
	text-decoration: none;
	line-height: 33px;
	margin-top: 3px;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
}

#menu li.active a, #menu li a:hover, #menu li.active li a:hover {
	background-color: #514a42;
}
#menu li.active li a { background-color: transparent; }
#menu .submenu {
	background: white;
	position: absolute;
	display: none;
	padding-left: 0;
	border: 1px #a7b73e solid;
	border-top: none;
}
#menu .hover .submenu { display: block; }
#menu li:hover .submenu { display: block; }
#menu .submenu li {
	float: none;
	background: #8e9500;
	border-top: 1px #a7b73e solid;
	margin-right: 0;
}
#menu .submenu a {
	display: block;
	line-height: 30px;
	margin: 0;
	padding: 3px 15px;
}

#quicksearch {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
#quicksearch form {
	margin: 8px 10px 0 0;
}

#quicksearch input.text {
	background: url(/images/quicksearch-background.png) right bottom;
	height: 23px;
	line-height: 23px;
	padding: 0;
	padding-left: 21px;
	border: 0;
	vertical-align: bottom;
	width: 154px;
	float: left;
}

#quicksearch button {
	background: url(/images/quicksearch-button.png) top right;
	height: 23px;
	width: 28px;
	border: 0;
	text-indent: -10000px;
	vertical-align: bottom;
	float: left;
}

#section {
	float: left;
	margin: 3px 0 0 3px;
	padding-right: 5px;
	width: 218px;
	background: #e7e6e5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#section h2 {
	padding: 1px 0 0 15px;
	color: #58507e;
	font-size: 170%;
	font-weight: normal;
}
#section ul {
	padding: 0 0 0 15px;
	margin: 4px 0;
	list-style: none;
}
#section ul ul { padding-left: 0; }
#section li {
	padding: 4px 0 4px 10px;
	background: url(/images/section-bullet.png) 3px 10px no-repeat;
	margin: 0;
}
#section a {
	color: #58507e;
	text-decoration: none;
}
#section a:hover { text-decoration: underline; }

#main {
	float: left;
	width: 700px;
	margin: 30px 0 0 19px;
}
.with-quicklinks #main {
	width: 477px;
}

.nosection #main {
	/*float: none;*/
	width: 477px;
}
.nosection #main h1 {
	color: #87a11b;
}

.breadcrumbs {
	background: #e4e3ea;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	color: #58507e;
}
.breadcrumbs a {
	color: #58507e;
}

#news {
	float: right;
	margin: 6px 6px 0 0;
	background: #e7e6e5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 223px;
	color: #87a11b;
}
#news h2 {
	margin: 14px;
	font-size: 20px;
	font-weight: normal;
}
#news ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	overflow-y: scroll;
	height: 258px;
}
#news p { margin-top: 0; }
#news li {
	padding: 5px 5px 5px 24px;
	margin: 0;
	background: url(/images/news-bullet.png) 16px 11px no-repeat;
}
#news li + li { border-top: 1px #d8d3c4 solid; }

#quicklinks {
	float: right;
	margin-right: -223px;
	background: #8e9500 url(/images/quicklinks-gradient.png) repeat-x top;
	width: 207px;
	padding: 1px 8px;
	min-height: 295px;
	color: white;
}

#quicklinks h2 {
	margin: 0;
	color: #fff;
	font-weight: normal;
	font-size: 1.5em;
	padding: 24px 15px 10px;
}

#quicklinks ul {
	padding: 0;
	margin: 0 -8px;
	list-style: none;
}
#quicklinks li {
	padding: 5px 10px 5px 28px;
	margin: 0;
	background: url(/images/quicklinks-bullet.png) 19px 12px no-repeat;
}

#quicklinks li + li {
	border-top: 1px #a7b73e solid;
}

#quicklinks a {
	color: white;
}


#footer .wrapper { min-height: 70px; padding: 15px 18px 0; width: 924px; font-size: 90%; color: #99948d; }
#footer .wrapper:after { content: ""; display: block; clear: both; }
#footer .tagline { float: left; }
#footer .links { float: right; }
#footer .links a { color: #348d8c; margin-left: 10px; }

#forbuttons {
	height: 220px;
	background: #cbcf85 url(/images/buttons-gradient.png) repeat-x top;
}

#forbuttons h2 { margin: 0; }

#forconsumers, #forindustry {
	margin-top: 6px;
}

#forconsumers .span, #forindustry .span { position: absolute; left: -10000px; }

#forconsumers { float: left; margin-left: 5px; }
#forindustry { float: right; margin-right: 5px; }


/* Templates */

/* Common template parts*/
.container { padding: 10px 0 0; }
.container .img { text-align: center; }
div.odd { float: left; clear: left; margin: 10px 4px 10px 0; width: 346px; }
div.even { float: right; clear: right; margin: 10px 0 10px 4px; width: 346px; }
.with-quicklinks div.odd, .with-quicklinks div.even { width: 234px; }
.smallflowimg { float: left; margin: 5px 0 5px 8px; text-align: center; }
.smallflowimg-first { margin-left: 0; }

#content .i4 a { border: none; margin: none; text-decoration: none; }
#content .i4 a:hover { border: none; margin: none; text-decoration: none; }

/*staggered template*/
.stagger div.odd, .stagger div.even { display: table; }
.stagger span.vam { display: table-cell; vertical-align: middle; }
.stagger div.odd  { float: right; clear: right; width: auto; height: 137px; margin: 20px 0 15px 20px; }
.stagger div.even { float: left;  clear: left;  width: auto; height: 137px; margin: 20px 15px 20px 0; }
.stagger .spacer1 { float: left;  clear: left;  height: 212px; padding-left: 1px; }
.stagger .spacer2 { float: right; clear: right; height: 235px; padding-left: 1px; }
.stagger .spacer3 { float: left;  clear: left;  height: 244px; padding-left: 1px; }

/*grid of eight*/
.eight-tail .odd, .eight-tail .even { text-align: center; }


/*image column templates*/
.img-col-left  { width: 464px; padding-left:  236px; }
.img-col-right { width: 464px; padding-right: 236px; }
.img-col-left  .img { float: left; clear: left;   width: 228px; margin: 5px 0 5px -236px; }
.img-col-right .img { float: right; clear: right; width: 228px; margin: 5px -236px 5px 0; }
.with-quicklinks .img-col-left  { width: 315px; padding-left:  162px; }
.with-quicklinks .img-col-right { width: 315px; padding-right: 162px; }
.with-quicklinks .img-col-left  .img { float: left;  clear: left;  width: 153px; margin: 5px 0 5px -162px; }
.with-quicklinks .img-col-right .img { float: right; clear: right; width: 153px; margin: 5px -162px 5px 0; }

/*"article" template*/
.maintext { float: left; }
.article .aside { float: right; clear: right; margin: 10px 0; text-align: center; }
.article .maintext, .article .aside { width: 346px; }
.with-quicklinks .article .maintext, .with-quicklinks .article .aside { width: 234px; }
.wideimg { margin: 10px 0; text-align: center; }


/*various templates that include a row of images*/
.lr-gallery .spacer { float: right; padding-left: 1px; }
.rl-gallery .spacer { float: left;  padding-left: 1px; }
.lr-gallery .spacer, .rl-gallery .spacer { height: 168px; }
.lr-gallery div.odd,  .rl-gallery div.even, .gallery-rl div.even { float: left;  clear: left;  margin: 15px 10px 10px 0; width: auto; }
.lr-gallery div.even, .rl-gallery div.odd,  .gallery-rl div.odd  { float: right; clear: right; margin: 15px 0 10px 10px; width: auto; }

.gallery-rl .spacer1 { float: right; padding-left: 1px; height: 128px; }
.gallery-rl .spacer2 { float: left;  padding-left: 1px; height: 266px; }

.caption { display: block; margin: auto; text-align: center; font-style: italic; }

/** FLOW PLAYER */

.floverlay {
	display: none;
	background-color: #000;
	width: 900px;
	height: 400px;
	padding: 0 !important;
}

.form-layout th { vertical-align: top; text-align: right; padding-right: 8px; }
.form-layout td { vertical-align: top; text-align: left; }