/* --------------------
 * GENERAL STYLES
 */

body {
	background: #634614 url(/bees-shared/images/main-bg.jpg) repeat-x 0 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}
sup {
	vertical-align: super;
	}
	
span{
	color:inherit;
}

/* --------------------
 * SPLASH PAGE STYLES
 */

#splash {
 	background: #281c08;
	/*background: #634614;*/
}

#splash #main-container {
	width: 960px;
}

#splash-header {
	text-align: right;
	margin:5px 0;
}
 
#splash .splash-content {
 	margin: 5% 0 0 0;
}

#splash .splash-content ul {
	margin: 0 auto;
	width:100%;
}
 
#splash .splash-content ul li { 
	float: left;
	width:45%;
	text-align:right;

}
#splash .splash-content ul li.last {
	padding-right: 0;
	text-align:left;
	float:right;
	
	}

#splash .splash-content ul li a { 
	font-size: 15px;
	font-weight: bold;
	line-height:1.5em;
	color:#d4caac ;
}
#splash .splash-content ul li a:hover { 
	color:#fff;
	text-decoration:none;
}
#splash-graphic h1.imageReplaced{
	background:url(/bees-shared/images/splash.jpg) no-repeat;
	height:438px;
	width:960px;
	text-indent:-9999px;
}
#splash-footer {
	margin-top: 50px;
	margin-bottom:10px;
	text-align:center;
}

#splash-footer a {
	font-size: 9px;
	color: #fff;
	margin: 0px;
	padding: 0px;
}
 #splash-footer a:hover {
 	
 }
/* --------------------
 * GRID STYLES
 */

#main-container {
	margin: 0 auto;
	width: 950px;
}

#global-nav-holder {
	margin-top: 41px;
	float: left;
	width: 520px;
}

#main-nav {
	height: 29px;
	width: 920px;
	position: relative;
	top: -32px;
	left: 25px;
	z-index: 200;
}

#content {
	width: 950px;
}

div#header{
height:172px;
}

.french div#header{
height:182px;
}

#left-column {
	width: 400px;
	padding: 50px 30px 20px 45px;
	float: left;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

#right-column {
float:left;
width:400px;
padding: 60px 50px 80px 25px;
position:relative;
margin-top:0;
/*	width: 420px;
	padding: 80px 30px 80px 25px;
	margin-left: 475px;
	position:relative;*/
}

#footer {
	margin: -10px 0 20px 0;
}

#footer .wordmark {
	display: block;
	float: right;
	margin: -5px 0 0 0;
	padding: 0 0 0 20px;
}

/* --------------------
 * CONTENT STYLES
 */

#left-column p {
	color: #45423B;
	font-size: 12px;
	line-height: 15px;
	margin: 8px 0 16px 0;
	padding: 0 10px 0 0;
}
 
#left-column h1 {
	font-size: 16px;
	color: #533a12;
	margin: 5px 0 10px 15px;
}

/* main headers */
#left-column h1#more-title {
	background: transparent url(/bees-shared/images/more-details-title.jpg) no-repeat 0 0;
	height:75px;
	width:387px;
	text-indent: -1000000px;
	margin-left: 0;
	}
.french #left-column h1#more-title {
	background-image: url(/bees-shared/images/more-details-fr.jpg);
	}

#left-column h1#bee-title {
	background: transparent url(/bees-shared/images/what-is-a-bee-title.jpg) no-repeat 0 0;
	height:75px;
	width:387px;
	text-indent: -1000000px;
	margin-left: 0;
}

.french #left-column h1#bee-title {
	background: transparent url(/bees-shared/images/what-is-fr.jpg) no-repeat 0px 0px;
	height:75px;
	width:387px;
}

#left-column h1#polination-title {
	background: transparent url(/bees-shared/images/pollination-title.jpg) no-repeat 0px 0px;
	height:75px;
	width:387px;
	text-indent: -1000000px;
	margin-left: 0;
}

.french #left-column h1#polination-title {
	background: transparent url(/bees-shared/images/pollination-fr.jpg) no-repeat 0px 0px;
}


.french #left-column h1#hive-title {
	background: transparent url(/bees-shared/images/life-in-a-hive-title-fr.jpg) no-repeat 0 0;
}

#left-column h1#hive-title {
	background: transparent url(/bees-shared/images/life-in-a-hive-title.jpg) no-repeat 0 0;
	height:75px;
	width:387px;
	text-indent: -1000000px;
	margin-left: 0;
}



#left-column h1#keeper-title {
	background: transparent url(/bees-shared/images/bee-keeping.jpg) no-repeat 0px 0px;
	height:75px;
	width:387px;
	text-indent: -1000000px;
	margin-left: 0;

}

.french #left-column h1#keeper-title {
	background: transparent url(/bees-shared/images/bee-keeping-fr.jpg) no-repeat 0px 0px;
}

#left-column h1#activities {
	background: transparent url(/bees-shared/images/activities.jpg) no-repeat 0 0;
	height:75px;
	width:387px;
	text-indent: -1000000px;
	margin-left: 0;
}

.french #left-column h1#activities {
	background: transparent url(/bees-shared/images/activities-fr.jpg) no-repeat 0px 0px;
}

#left-column h2 {
	font-size: 14px;
	color: #533a12;
	margin: 20px 0 12px 15px;
}

#left-column h3 {
	font-size: 12px;
	color: #827204;
	margin: 5px 0 8px 15px;
}

#left-column h4 {
	font-size: 12px;
	font-weight: normal;
	color: #827204;
	margin: 5px 0 8px 15px;
}

#right-column p {
	color: #45423B ;
	font-size: 12px;
	line-height: 15px;
	margin: 8px 0 16px 0;
	padding: 0 25px 0 5px;
}

#right-column h1 {
	font-size: 16px;
	color: #533a12;
	margin: 5px 0 10px 5px;
}

#right-column h2 {
	font-size: 14px;
	color: #533a12;
	margin: 20px 0 10px 5px;
}

#right-column h3 {
	font-size: 12px;
	color: #827204;
	margin: 5px 0 8px 5px;
}

#right-column h4 {
	font-size: 12px;
	font-weight: normal;
	color: #827204;
	margin: 5px 0 8px 5px;
}

blockqoute {
	color: #533a12;
}

a {
	color: #45423B ;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}

a:hover {
	color: #900; 
	text-decoration: underline;
}

.vid-desc {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin: -10px 0 20px -15px !important;
}

.vid-desc a {
	text-decoration: underline;
}

ul li {
	line-height: 15px;
}

ol li {
	line-height: 15px;
}

b, strong {
	color: #533a12;
	font-weight: bold;
}

/* tables */
#left-column table {
	margin: 0 0 16px 15px;
	color: #767060; 
}

#right-column table {
	margin: 0 0 16px 5px;
	color: #767060;
}

#left-column .data {
	margin: 0 0 16px 15px;
	line-height: 14px;
	width: 380px;
}

#right-column .data {
	margin: 0 0 16px 5px;
	line-height: 14px;
	width: 380px;
}

.data th {
	padding: 2px 0 5px 0;
	text-align: left;
}

.data td {
	padding: 5px 12px 5px 0;
}

.data td.wide-50 {
	width: 50px;
}

.data td.wide-70 {
	width: 70px;
}

p.servings {
	font-family: 'Times New Roman', times, serif;
}

p.note {
	font-size: 11px !important;
}

p.copyright {
	font-size: 11px !important;
}

.content-divider {
	width: 100%;
	text-align: center;
	margin: 16px 0 25px 0;
}

#right-column .content-divider {
	width: 100%;
	text-align: center;
	margin: 16px 0 25px -20px;
}

/* forms */
input, textarea {
	margin-left: 30px;
}

form p {
	font-weight: bold;
}

/* --------------------
 * HEADER SPECIFIC
 * STYLES
 */

.logo-image {
	float: left;
	margin-left: 30px;
	width: 170px;
}

#header ul {
	text-align: center;
	margin: 0 auto;
}

#header ul li{
	display: inline;
	font-size: 13px;
}

#header ul li a{
	text-decoration: none;
}

/* Global nav styles */ 
#global-nav {
	background: #433a23 url(/bees-shared/images/global-nav-bg-left.jpg) no-repeat 0 0;
	margin: 0 auto;
	width: 360px;
}

#header #global-nav ul {
	background: transparent url(/bees-shared/images/global-nav-bg-right.jpg) no-repeat right 0; 
	width: 360px;
	height: 18px;
	padding-top: 2px;
}

.french #header #global-nav ul, .french #header #global-nav {
	width: 400px;
}

html[lang="fr"] #global-nav {
	width: 400px;
}
html[lang="fr"] #header #global-nav ul { 
	width: 400px;
}
#header #global-nav ul li{
	color: #f6e7be;
	background: transparent url(/bees-shared/images/global-nav-bullet.jpg) no-repeat -3px 5px;
}

#header #global-nav ul li.nobullet { 
	background-image: none; 
}

#header #global-nav ul li a{
	color: #f6e7be;
	margin: 0 4px 0 7px;
	padding-left: 3px;
	font-size: 11px;
}

/* Main nav styles */ 
#header #main-nav ul {
	background-color: transparent;
	height: 29px;
	margin-left:8px;
}

#header #main-nav ul li{
	color: #f6e7be;
}

#header #main-nav ul li a{
	color: #f6e7be;
	display: block;
	float: left;
	height: 29px;
	text-indent: -1000000px;
}
.french #header #main-nav ul li a {
	height: 43px;
	}

#header #main-nav ul li a{
	width: 175px;
	background-position:0 0;
}

#header #main-nav ul li a:hover,
#header #main-nav ul li a.active{
	background-position: -175px 0 !important;
}


#header #main-nav ul li#what-is-button a{
	background: transparent url(/bees-shared/images/what-is-btn.jpg) no-repeat;
}
.french #header #main-nav ul li#what-is-button a {
	background-image: url(/bees-shared/images/what-is-btn-fr.jpg);
	}


#header #main-nav ul li#pollination-button a{
	background: transparent url(/bees-shared/images/pollination-btn.jpg) no-repeat;
}
.french #header #main-nav ul li#pollination-button a {
	background-image: url(/bees-shared/images/pollination-btn-fr.jpg);
	}



#header #main-nav ul li#life-button a{

	background: transparent url(/bees-shared/images/life-btn.jpg) no-repeat;
}
.french #header #main-nav ul li#life-button a {
	background-image: url(/bees-shared/images/life-btn-fr.jpg);
	}



#header #main-nav ul li#keeper-button a{

	background: transparent url(/bees-shared/images/keeper-btn.jpg) no-repeat;
}
.french #header #main-nav ul li#keeper-button a {
	background-image: url(/bees-shared/images/keeper-btn-fr.jpg);
	}



#header #main-nav ul li#honey-button a{

	background: transparent url(/bees-shared/images/honey-btn.jpg) no-repeat;
}
.french #header #main-nav ul li#honey-button a {
	background-image: url(/bees-shared/images/honey-btn-fr.jpg);
	}



/* --------------------
 * CONTENT SPECIFIC
 * STYLES
 */

#content {
	background: transparent url(/bees-shared/images/content-bg.jpg) repeat-y 0 0;
}

#content-holder {
	background: transparent url(/bees-shared/images/content-bg-top.jpg) no-repeat 0 0;
	width: 950px;
	min-height: 448px;
	height: auto !important;
	min-height: 448px;
	padding-top:25px;

}

#content-footer {
	background: transparent url(/bees-shared/images/content-bg-bottom.jpg) no-repeat 0 100%;
	width: 950px;
	/* height: 178px; */
	padding: 0px 0 90px 0;	
}


.french #content-footer {
	background: transparent url(/bees-shared/images/content-bg-bottom-fr.jpg) no-repeat 0 100%;

}


a.back-button {
	display: block;
	background: transparent url(/bees-shared/images/back-btn.jpg) no-repeat 0 0;
	height:20px;
	width:163px;
	text-indent: -1000000px;
}

ul#page-menu {
	background: transparent url(/bees-shared/images/onpage-bee.jpg) no-repeat 295px 0;
	min-height: 72px;
	margin-left: 15px;
	margin-bottom: 16px;
	padding: 0 100px 0 0;
}

ul#page-menu a.current, ul#page-menu a.current:hover{
	color:#d56409;
	cursor:default;
}

ul#page-menu li {
	margin: 0 0 5px 0;
}

ul#page-menu li ul{
margin: 3px 0 10px 10px;
}

ul#page-menu li ul li a{
	font-size:90%;
}

ul#page-menu li ul li{
margin-bottom:0;
}


ul#page-menu li ul li ul{
margin: 0px 0 0px 10px;
}

ul#page-menu li ul li ul li ul li a{

}

ul#page-menu a {
	font-size: 14px;
	line-height: 16px;
	color: #533a12;
	text-transform: capitalize;
}
body.french ul#page-menu a {
	text-transform:none;
}

ul#page-menu a:hover {
	color: #990000;
	text-decoration: none;
}

#left-column p {
	margin-left: 15px;
}

#flash-content {
	margin-top: 5px;
}

.bordered-photo {
	display: block;
	background: url(/bees-shared/images/img-bg.jpg) no-repeat 0 0;
	min-height: 175px;
	height: auto !important;
	height: 175px;
	width: 350px;
	margin: 0 0 30px 10px;
	padding-top: 18px;
}

.bordered-photo img {
	float: left;
	margin: 0 0 0 20px;
}

.photo-caption {
	display: block;
	font-size: 9px;
	line-height: 11px;
	color: #533a12;
	margin-left: 215px;
}

.backToTop {
	color: #533a12;
	text-align: right;
}

.backToTop a {
	background: url(../images/back-to-top-arrow.gif) 0 4px no-repeat;
	color: #533a12;
	font-size: 10px;
	padding: 0 0 0 14px;
}

.next {
	color: #533a12;
	text-align: right;
}

#right-column p.top-next{
position:absolute;
top:-5px;
right:15px;
line-height:0.9em;
}

.french #right-column p.top-next{
top:-8px;
}

#right-column p.top-next a{
line-height:0.9em;
font-size:10px;
color:#3f320e;
position:relative;
}

.next a {
	background: url(../images/next-arrow.gif) 100% 4px no-repeat;
	color: #533a12;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px 0 0;
}

ul.site-map {
	margin: 0 0 0 16px;
}

ul.site-map li {
	padding: 6px 0 0  0;
	font-weight: bold;
	color:#767060;
}
ul.site-map li li{
	list-style:disc;
}
ul.site-map li h2{
	margin:0!important;
	padding-top:10px;
}
#dependant-foods {
	margin-left: 1em;
	}
#dependant-foods ul {
	float: left;
	width: 13em;
	padding-left: 2em;
	color: #767060;
	}
#dependant-foods li {
	list-style-type: disc;
	}

/* --------------------
 * SEARCH PAGE STYLES
 */

#search-form {
	padding-left: 15px;
}
#search-form input#search-field {
	margin-bottom: 8px;
}
#search-form input#search-btn {
	margin-bottom: 8px;
}
#search-form input.radio-btn {
	margin-left: 8px;
	margin-right: 3px;
}

/* --------------------
 * FOOTER SPECIFIC
 * STYLES
 */

#footer {
	text-align: right;
	padding-right: 30px;
	margin: 2px 0 20px 0;
}

p.copyright {
	display: inline;
	font-size: 9px;
	color: #b8b102;
	padding-right: 15px;
}

ul#utility-nav {
	display: inline;
}

ul#utility-nav li{
	display: inline;
	border-left:1px solid #fff;
}

ul#utility-nav li.nobullet{
	background-image: none;
}

#footer a, footer a:hover {
	color: #fff;
}

ul#utility-nav li a {
	font-size: 9px;
	margin: 0 1px 0 5px;
	padding-left: 3px;
}

ul#utility-nav a:hover{
}


/* --------------------
 * VID DESCRIPTION PAGE
*/


.vid-description p {
	margin: 10px 0 10px 15px;
	line-height: 15px;
}

.vid-description h1 {
	font-size: 16px;
	color: #533a12;
	margin: 20px 0 12px 5px;
}

.vid-description h2 {
	font-size: 14px;
	color: #533a12;
	margin: 20px 0 10px 5px;
}

.vid-description h3 {
	margin: 20px 0 10px 5px;
}

.vid-description ul {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
}

.vid-description #left-column ul {
	margin-left: 25px;
}

.vid-description ul li {
	list-style: square;
	line-height: 15px;
	padding: 0 0 5px 0;
}

.vid-description #text-content {
	background: #fbeccd;
	border: 2px solid #533a12;
	padding: 10px 20px 20px 15px;
}

/* --------------------
 * CLEARFIX
*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/*
* 
* What is a Bee
*
*******************************************************************************/

#right-column p.caption{
	font-size:85%;
	line-height:1.1em;
}

div#image-thumbnails a{
display:block;
float:left;

border-bottom:4px solid #fcedd0;
}

div#image-thumbnails a:hover{

border-bottom:4px solid #FFCC00;
}

div#image-thumbnails a.active{
border-bottom:4px solid #533A12;

}

/*
*
* Activities
*
*******************************************************************************/
body .pdf-links li {
	background: url(../images/pdf.gif) no-repeat top left;
	margin-left: 0;
	padding: 2px 0 2px 26px;
	list-style: none;
	}
body .image-links li {
	background: url(../images/activities/small-placeholder.png) no-repeat top left;
	height: 26px;
	min-height: 26px;
	margin-left: 0;
	padding-left: 30px;
	list-style: none;
	}
#right-column .serving-size {
	margin-top: -0.5em;
	}
/**
 * activities main page
 */
	.activities-list li {
		float: left;
		clear: left;
		display:inline;
		width:100%;
		}
	#right-column .activities-list h1 {
		margin-bottom: 5px;
		}
	#right-column .activities-list h2 {
		margin-bottom: 0;
		margin-top: 6px;
		font-size: 15px;
		}
	.activities-list h2 a {
		font-size: inherit;
		text-decoration: underline;
		color: #d56409;
		line-height: 1.1em;
		}
	.activities-list h2 a:hover {
		text-decoration: none;
		}
	.activities-list .note a {
		color: #d56409;
		font-size: 0.8em;
		}
	.activities-list .description {
		margin-left: 127px;
		}
	.activities-list img {
		float: left;
		margin-bottom: 0.5em;
		}
	.activities-list ul {
		margin-left: 6px;
		margin-top: 2px;
		}
	.activities-list ul li {
		padding-bottom: 2px;
		margin: 0;
		color: #767060;
		}
/**
 * recipes
 */
	.recipes {
		margin: auto;
		}
	.recipes li {
		margin-bottom: 1.5em;
		}
	.recipes li.last {
		margin-bottom: 0;
		}
	.recipes img {
		float: left;
		margin: 4px 5px 0 5px;
		}
	#right-column .recipes h3 {
		margin-bottom: 0;
		}
	#right-column .description {
		margin-top: 0;
		margin-bottom: 0;
		}
/**
 * recipe inner page
 */
 	.recipe {
	color: #767060;
	}
	.recipe a{
		color:#533a12 ;
		font-weight:bold;
	}
	#right-column .recipe .prep-time {
		margin-bottom: 0; 
		}
	#right-column .recipe .cooking-time {
		margin-top: 0;
		}
	#right-column .recipe h3 {
		margin-bottom: 5px;
		}
	#right-column .recipe .ingredients {
		width: 405px;
		}
	.recipe .ingredients dt {
		width: 5em;
		display: block;
		float: left;
		text-align: right;
		margin-bottom: 0.25em;
		clear: left;
		}
	.recipe .ingredients dd {
		margin-left: 7em;
		margin-bottom: 0.25em;
		line-height: 15px;
		}
	.recipe .ingredients li {
		float: left;
		clear: left;
		margin-bottom: 0;
		width: 100%;
		}
	.recipe .metric {
		text-align: center;
		width: 7em;
		}
	.recipe .imperial {
	 	text-align: center;
		width: 7em;
		}
	.recipe .ingredients th {
		font-weight: normal;
		padding-left: 1em;
		text-align: center;
		line-height: 15px;
		padding-right: 0.35em;
		}
	.recipe .ingredients td, .recipe .ingredients th {
		padding-bottom: 0.25em;
		color: #45423B ;
		}
	.recipe .directions li {
		list-style: decimal;
		margin-left: 2.5em;
		margin-bottom: 0.25em;
		color: #45423B ;
		}
/**
 * crafts
 */
	#right-column .crafts .download {
		padding-left: 3px;
		margin-top: 0;
		}
	#right-column .crafts .description {
		margin: 0;
		}

	#right-column .crafts h3 {
		margin-bottom: 0;
		margin-top: 1em;
		}
	#right-column .crafts .first h3 {
		margin-top: 0;
		}
	.download{
		padding:2px 0 2px 17px!important;
		background: url(../images/pdf.gif) no-repeat top left;
		display: block;
		}
/**
 * fun facts
 */
.fun-facts li {
	list-style: disc;
	margin-left: 2em;
	padding-left: 0.5em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: #45423B;
	}
.fun-facts li.last {
	margin-bottom: 0;
	}
/**
 * credits
 */
.credits {
	color: #45423B;
	}
.credits li {
	color: #45423B;
	margin-left: 2em;
	padding-left: 0.5em;
	list-style: disc;
	}

/**
 * homepage
 */
.homepage {
	background-image: url(../images/homepage/main-bg-flash.jpg);
	}
.homepage div#header {
	height: auto;
	background: url(../images/homepage/header-bg.jpg) no-repeat 0px 57px;
	padding-left: 15px;
	}
.homepage #global-nav-holder {
	margin-top: 37px;
	}
.homepage #main-container {
	width: 995px;
	}
.homepage #flash-content {
	margin-top: 0;
	}
.homepage #main-nav {
	margin-bottom: 18px;
	}
.homepage #content {
	margin: auto;
	}
	
	
	#right-column  p.vid-player{
	padding-top:20px;
	}
	
	a#videoLink{
		text-decoration:underline !important;
	}
	a#videoLink:hover{
		text-decoration:none;
	}
	
.plus-sign{
	color:#009900;
	}
	
p.contactmsg{
	color:#000!important;
	font-weight:bold!important;
	}