/*
---------------------------------------
	1.0 RESETS
---------------------------------------
*/
@import url("text.css?q=1");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
EMPLOYERS NETWORK FOR EQUALITY AND INCLUSION MAIN STYLES ARE BELOW
-------------------------------------------------------------- */

/*Contents --------------------------

		1.0 RESETS
		2.0 UNIVERSAL
		3.0 CONSTRUCT
		4.0 HEADER
			4.1 Secnav
			4.2 Search
			4.3 Slideshow
			4.4 Topnav
		5.0 CONTENT HOMEPAGE
			5.1 Leftcol
			5.2 Midcol
			5.3 Rightcol
		6.0 SUBPAGES
			6.1 Leftcol
			6.2 Midcol
			6.3 Rightcol
		7.0 FOOTER

-----------------------------------
*/

/******

Main colours:

Brand Red: #e13446
Default Text Dark Grey: #424242

*****/


/*
---------------------------------------
	2.0 UNIVERSAL
---------------------------------------
*/
html, body{
	background:#fff;
	margin:0;
	padding:0;
}
body img{
	border:0;
}
body h1{
	margin:0 0 10px 0;
	padding:0;
}
body h2{
	margin:0;
	padding:10px 0 5px 0;
}
body h3{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.imgleft{
	float:left;
	margin:10px 20px 10px 0;
}
.imgright{
	float:right;
	margin:10px 0 10px 20px;
}

/*
---------------------------------------
	3.0 CONSTRUCT
---------------------------------------
*/
#wrapper{
	clear: both;
	margin: 0 auto;
	width: 944px;
}

/*
---------------------------------------
	4.0 HEADER
---------------------------------------
*/

#header{
	height: 243px;
	margin: 0 auto;
	overflow: hidden;
	width: 944px;
}
a#logo{
	background: url('../images/logo.gif') no-repeat;
	height: 0;
	display: block;
	float: left;
	overflow: hidden;
	padding-top: 181px;
	width: 255px;
}
a#login_button{
	background: url('../images/login_button.gif') no-repeat;
	height: 0;
	display: block;
	float: right;
	margin: 25px 0 0 20px;
	overflow: hidden;
	padding-top: 25px;
	width: 61px;
}
a#logout_button{
	background: url('../images/logout_button.gif') no-repeat;
	height: 0;
	display: block;
	float: right;
	margin: 25px 0 0 20px;
	overflow: hidden;
	padding-top: 25px;
	width: 69px;
}

/* 4.1 Secnav ------------- */
ul#secnav{
	float: right;
	margin: 30px 0 0 20px;
	padding: 0;
}
ul#secnav li{
	display: inline;
	list-style:none;
}

/* End 4.1 Secnav ------------- */

/* 4.1 Search ------------- */
#searchbox{
	float:right;
	height:40px;
	margin-top: 25px;
	width:171px;
}
.searchbox{
	background:url('../images/searchbg.gif') no-repeat;
    border: medium none;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0 0 0 11px;
    vertical-align: top;
    width: 85px;
}
.searchbutton{
	border:0 solid;
	cursor:pointer;
	float:right;
	margin:0;
}

/* End 4.1 Search ------------- */

/* 4.1 Topnav ------------- */

ul#topnav{
    height: 34px;
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    top: 200px;
}
ul#topnav li{
	list-style: none;
}
li#about a{
	background: url('../images/nav.png') 0 0 no-repeat;
	height: 0;
	display: block;
	left: 0;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	top: 0;
	width: 86px;
}
li#about a:hover{
	background: url('../images/nav.png') 0 -34px no-repeat;
}
li#about a.on{
	background: url('../images/nav.png') 0 -34px no-repeat;
}
li#membership a{
	background: url('../images/nav.png') -86px 0 no-repeat;
	height: 0;
	display: block;
	left: 86px;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	top: 0;
	width: 138px;
}
li#membership a:hover{
	background: url('../images/nav.png') -86px -34px no-repeat;
}
li#membership a.on{
	background: url('../images/nav.png') -86px -34px no-repeat;
}
li#incandhr a{
	background: url('../images/nav.png') -224px 0 no-repeat;
	height: 0;
	display: block;
	left: 224px;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	top: 0;
	width: 189px;
}
li#incandhr a:hover{
	background: url('../images/nav.png') -224px -34px no-repeat;
}
li#incandhr a.on{
	background: url('../images/nav.png') -224px -34px no-repeat;
}
li#advice a{
	background: url('../images/nav.png') -413px 0 no-repeat;
	height: 0;
	display: block;
	left: 413px;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	top: 0;
	width: 105px;
}
li#advice a:hover{
	background: url('../images/nav.png') -413px -34px no-repeat;
}
li#advice a.on{
	background: url('../images/nav.png') -413px -34px no-repeat;
}
li#events a{
	background: url('../images/nav.png') -517px 0 no-repeat;
	height: 0;
	display: block;
	left: 517px;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	top: 0;
	width: 170px;
}
li#events a:hover{
	background: url('../images/nav.png') -517px -34px no-repeat;
}
li#events a.on{
	background: url('../images/nav.png') -517px -34px no-repeat;
}
li#training a{
	background: url('../images/nav.png') -687px 0 no-repeat;
	height: 0;
	display: block;
	left: 687px;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	top: 0;
	width: 169px;
}
li#training a:hover{
	background: url('../images/nav.png') -687px -34px no-repeat;
	padding-top: 38px;
}
li#training a.on{
	background: url('../images/nav.png') -687px -34px no-repeat;
}
li#research a{
	background: url('../images/nav.png') -856px 0 no-repeat;
	height: 0;
	display: block;
	left: 856px;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	top: 0;
	width: 88px;
}
li#research a:hover{
	background: url('../images/nav.png') -856px -34px no-repeat;
}
li#research a.on{
	background: url('../images/nav.png') -856px -34px no-repeat;
}



/* End 4.1 Topnav ------------- */

/* 4.1 Slideshow ------------- */
body#index #slideshow_outer{
	background: url('../images/slideshowbg.gif') top left no-repeat #06adec;
	float: left;
	height: 229px;
	margin: 30px 0 0 0;
	overflow: hidden;
	width: 100%;
}
#slideshow_inner{
	height: 229px;
	margin: 0 auto;
	width: 944px;
}
h1#tag{
	background: url('../images/tag.png') no-repeat;
	display: block;
	height: 0;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 41px;
	position: relative;
	top: 30px;
	width: 238px;
}
h2#mission{
	background: url('../images/mission.png') no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 102px;
	line-height: 2em;
	position: relative;
	top: 50px;
	width: 480px;
}
a#gotovid{
	background: url(../images/play.png) no-repeat;
	display: block !important;
    height: 0;
    left: 178px;
    line-height: 2em;
    overflow: hidden;
    padding-top: 53px;
    position: absolute;
    top: 85px;
    width: 53px;
	z-index: 10 !important;
}

/* End 4.1 Slideshow ------------- */



/*
---------------------------------------
	5.0 CONTENT HOMEPAGE
---------------------------------------
*/

/* 4.1 Leftcol ------------- */
body#index #leftcol{
	background: url('../images/leftcolbg.jpg') no-repeat;
	float: left;
	padding: 30px;
	width: 611px;
}
.featbox_right,
.featbox_left{
	background: url('../images/featboxbg.png') no-repeat;
	float: left;
	height: 232px;
	margin-bottom: 15px;
	width: 100%;
}
.feat_details{
	height: 140px;
	left: 25px;
	position: relative;
	top: 18px;
	width: 560px;
}
a.learnmore{
	background: url('../images/learnmore_button.gif') 0 0 no-repeat;
	bottom: -17px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 27px;
	position: absolute;
	right: -10px;
	width: 93px;
}
h2#events_header{
	background: url('../images/events_header.gif') no-repeat;
	display: block;
	height: 0;
	left: 2px;
	margin: 0;
	overflow: hidden;
	padding-top: 38px;
	line-height: 2em;
	position: relative;
	top: 10px;
	width: 610px;
}
.homepage_events {
	margin: 1em 2em;
	padding: 0;
}
.homepage_events .homepage_event_item {
	list-style: none;
	overflow: hidden;
}
.homepage_events .homepage_event_item .homepage_event_title {
	display: block;
}
.homepage_in_the_news_items {
	margin: 2em;
	padding: 0;
}
.homepage_in_the_news_items .homepage_in_the_news_item {
	list-style: none;
	margin-bottom: 0.5em;
}
.homepage_in_the_news_items .homepage_in_the_news_item .homepage_in_the_news_date {
	display: block;
}
h2#training_header{
	background: url('../images/training_header.gif') no-repeat;
	display: block;
	height: 0;
	left: 2px;
	margin: 0;
	overflow: hidden;
	padding-top: 38px;
	line-height: 2em;
	position: relative;
	top: 10px;
	width: 610px;
}
h2#reports_header{
	background: url('../images/reports_header.gif') no-repeat;
	display: block;
	height: 0;
	left: 2px;
	margin: 0;
	overflow: hidden;
	padding-top: 38px;
	line-height: 2em;
	position: relative;
	top: 10px;
	width: 610px;
}
h2#practice_header{
	background: url('../images/practice_header.gif') no-repeat;
	display: block;
	height: 0;
	left: 2px;
	margin: 0;
	overflow: hidden;
	padding-top: 38px;
	line-height: 2em;
	position: relative;
	top: 10px;
	width: 610px;
}
h2#incorp_header{
	background: url('../images/incorporating_header.gif') no-repeat;
	display: block;
	float: left;
	height: 0;
	margin: 20px 0 15px;
	overflow: hidden;
	padding-top: 39px;
	line-height: 2em;
	width: 608px;
}
h2#partnership{
	background: url('../images/partnershipwith.gif') no-repeat;
	display: block;
	float: left;
	height: 0;
	margin: 20px 0 15px;
	overflow: hidden;
	padding-top: 45px;
	line-height: 2em;
	width: 608px;
}
.homepage_partner_image {
	margin-bottom: 1em;
	margin-right: 1em;
}
.partner_slider_base {
	clear: both;
}
.partner_slider_base div.orbit-wrapper{
	height: 150px;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 608px;
}
.partner_slider_base div.orbit-wrapper div.orbit {
	overflow: visible;
}
.partner_slider {
	height: 150px;
	width: 608px;
}
.partner_slider_base .timer {
	display: none;
}
.partner_slider_base div.slider-nav span.left {
	background: url('../images/parter-arrow.jpg') 0 0 no-repeat;
	display: block;
	height: 0;
	left: 0;
	overflow: hidden;
	padding-top: 92px;
	position: absolute;
	top: 70px;
	width: 27px;
}
.partner_slider_base div.slider-nav span.left:hover {
	background: url('../images/parter-arrow.jpg') 0 -92px no-repeat;
}
.partner_slider_base div.slider-nav span.right {
	background: url('../images/parter-arrow.jpg') -27px 0 no-repeat;
	display: block;
	height: 0;
	margin-top: 0;
	overflow: hidden;
	height: 92px;
	position: absolute;
	right: 0;
	top: 25px;
	width: 27px;
}
.partner_slider_base div.slider-nav span.right:hover {
	background: url('../images/parter-arrow.jpg') -27px -92px no-repeat;
}
.partn_img, div.orbit .partn_img {
	background-color: white;
	padding: 0 0 0 40px;
	height: 150px;
	width: 608px;
}
.partn_img, div.orbit .partn_img img{
	float: left;
	padding: 20px 0 0 20px;
}
.logo_cap {
	float: left;
	font-size: 14px;
	padding: 28px 20px 0;
	width: 300px;
}
/*
.partn_img p, div.orbit .partn_img p {
	margin-top: 25px;
	text-align: center;
}
*/




/* End 4.1 Leftcol ------------- */

/* 4.1 Rightcol ------------- */
#rightcol{
	float: right;
	padding-bottom: 20px;
	width: 245px;
}
a#becomemember{
	background: url('../images/becomemember.gif') 0 0 no-repeat;
	float: left;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 45px;
	width: 245px;
}
#loginbox{
	background: url('../images/loginboxbg.gif') no-repeat;
	float: left;
	margin: 15px 0;
	height: 154px;
	width: 245px;
}
h2#login_header{
	background: url('../images/login_header.gif') no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 39px;
	left: 14px;
	line-height: 2em;
	position: relative;
	top: 14px;
	width: 217px;
}
.loginbox{
	background: url('../images/logininputbg.gif') 0 0 no-repeat;
	border: 0;
	height: 31px;
	left: 14px;
	margin-top: 8px;
	padding-left: 12px;
	position: relative;
	top: 10px;
	width: 170px;
}
.loginbox:hover{
	background: url('../images/logininputbg.gif') 0 -33px no-repeat;
}
.passwordbox{
	background: url('../images/passwordbg.gif') 0 0 no-repeat;
	border: 0;
	height: 30px;
	left: 14px;
	margin-top: 10px;
	padding-left: 12px;
	position: relative;
	top: 10px;
	width: 170px;
}
.passwordbox:hover{
	background: url('../images/passwordbg.gif') 0 -32px no-repeat;
}
#signin{
    float: right;
    margin: -22px 13px 0 0;
}
a#forgotpass{
	float: left;
	margin: 33px 0 0 2px;
}
a#newsletter{
	background: url('../images/newsletter_button.gif') no-repeat;
	float: left;
	height: 0;
	display: block;
	margin:20px 0;
	overflow: hidden;
	padding-top: 65px;
	width: 245px;
}

.rightcol_box{
	background: url('../images/rightcolbox_bg.gif') top left no-repeat;
	float: left;
	padding: 20px 20px 5px 20px;
	width: 214px;
}
.rightcolbox_bottom{
	background: url('../images/rightcolbox_bottom.gif') no-repeat;
	float: left;
	height: 12px;
	width: 245px;
}
h2#poll_header{
	background: url('../images/poll_header.gif') no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 31px;
	left: -20px;
	line-height: 2em;
	position: relative;
	top: -9px;
	width: 245px;
}
#checkbox{
	float: left;
	width: 135px;
}
.checkboxes{
	margin-right: 8px;
}
#poll_submit{
	float: right;
	margin: 15px 5px 0 0;
}
h2#news_header{
	background: url('../images/news_header.gif') no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 31px;
	left: -20px;
	line-height: 2em;
	position: relative;
	top: -9px;
	width: 245px;
}
p.date{
	margin-bottom: 0;
}
p.headline{
	margin-top: 0;
}
a#morenews{
	background: url('../images/morenews.gif') no-repeat;
	float: left;
	height: 0;
	display: block;
	margin-top:4px;
	overflow: hidden;
	padding-top: 27px;
	width: 84px;
}
h2#twitter_header{
	background: url('../images/tweet_header.gif') no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 31px;
	left: -20px;
	line-height: 2em;
	position: relative;
	top: -9px;
	width: 245px;
}
a#followus{
	background: url('../images/followus.gif') no-repeat;
	float: left;
	height: 0;
	display: block;
	margin-top:4px;
	overflow: hidden;
	padding-top: 27px;
	width: 80px;
}

/* End 4.1 Rightcol ------------- */

/*
---------------------------------------
	6.0 SUBPAGES
---------------------------------------
*/
#slideshow_outer{
	background: url('../images/slideshowbg.gif') top left no-repeat #06adec;
	float: left;
	height: 35px;
	margin: 30px 0 0 0;
	overflow: hidden;
	width: 100%;
}
#leftcol{
	background: url('../images/leftcolbg.jpg') no-repeat;
	float: left;
	padding: 20px;
	width: 170px;
}

/* 4.1 Leftcol ------------- */
h2#page_title{
	background: url('../images/lefth2arrow.gif') right 12px no-repeat;
	border-bottom: solid 5px #ffffff;
	padding-bottom: 10px;
}

/* End 4.1 Leftcol ------------- */

/* 6.3 Subnav ------------- */
ul#subnav{
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 169px;
}
ul#subnav li{
	border-bottom: solid 1px #3b3996;
	list-style: none;
	padding: 10px 0 11px;
}
ul#subnav li a{
	background: url(../images/subnavbullet.gif) 0 4px no-repeat;
    display: block;
    margin-left: 2px;
    padding-left: 25px;
    width: 142px;
}
ul#subnav li a:hover{
	background: url(../images/subnavbullet_hover.gif) 0 4px no-repeat;
	padding-left: 25px;
}
ul#subnav li a.on{
	background: url(../images/subnavbullet_hover.gif) 0 4px no-repeat;
	padding-left: 25px;
}
ul#subnav li ul{
	margin: 0 0 0 4px;
    padding: 10px 35px 10px 10px;
    width: 122px;
}
ul#subnav li ul li{
	border-bottom: none;
	padding: 8px 0 0 0;
}
ul#subnav li ul li a{
	background: url(../images/subsubnavbullet.gif) 0 4px no-repeat;
	padding-left: 15px;
	width: 90px;
}
ul#subnav li ul li a:hover{
	background: url(../images/subsubnavbullet.gif) 2px 4px no-repeat;
	padding-left: 15px;
}

/* End 6.3 Subnav ------------- */

/* 4.1 Midcol ------------- */
#midcol{
	float: left;
	margin: 24px 0 0 25px;
	padding-bottom: 30px;
	width: 443px;
}
#midcol img{
	border: solid 5px #bfeafa;
}
#midcol h1{
	padding-bottom: 10px;
}
#midcol h2{
	padding-bottom: 10px;
}
#midcol h3{
	padding-bottom: 10px;
}

.landing_container{
	float: left;
	height: 205px;
	margin: 15px 0 10px 0;
	width: 205px;
}
.landing_container_right{
	float: right;
	height: 205px;
	margin: 15px 0 10px 0;
	width: 205px;
}
.landing_box{
	height: 205px;
	position: relative;
	width: 205px;
}
.landing_box img{
	border: none !important;
	left:0;
	position: absolute;
	top: 0;
	z-index: 0;
}
.landing_overlay{
	background: url('../images/landingbox_overlay.png') no-repeat;
	height: 205px;
	left:0;
	position: absolute;
	top: 0;
	width: 205px;
	z-index: 1;
}
.landing_box h2{
	height: 40px;
	left: 0;
	padding:148px 0 0 15px;
	position: absolute;
	top: 0;
	width: 172px;
	z-index: 2;
}
#midcol .sharing_icons img{
	border: none;
}
#midcol .sharing_icons a {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}
.back_link {
	clear: both;
}

/* End 4.1 Midcol ------------- */


/* Events page ---------------*/
.cal {
    background: url("../images/icon_cal.gif") no-repeat scroll 0 0 transparent;
    color: #183F63;
    float: left;
    font-size: 1.2em;
    margin: 0 10px 0 0;
    padding: 24px 15px 10px 4px;
    text-align: center;
    width: 40px;
}

table.data-table{
	width:100%;
}
table.data-table th {
	background-color:#EAF4F7;
	border:1px solid #C9C9C9;
	padding-left:10px;
	text-align:left;
	vertical-align:top;
	width:110px;
}
table.data-table td {
	border:1px solid #C9C9C9;
	padding-left:10px;
	text-align:left;
	vertical-align:top;
}
a.back-link{
	color:#ffffff;
	background:#43B0D8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	font-size:1em;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:6px 10px;
	text-decoration:none;
}
a.back-link:hover{
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}
body#events #event_title{
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

body#events #upcoming_events{
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
body#events .event_name{
	font-size: 1.4em;
	line-height:1em;
	text-decoration: none;
}
body#events h3{
	border-top: solid 1px #cccccc;
	color: #373592;
	float: left;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 100%;
}

/*
---------------------------------------
	7.0 FOOTER
---------------------------------------
*/
#footer_outer{
	background: #d8d8d8;
	float: left;
	width: 100%;
	height: 242px;
}
#footer{
	margin: 0 auto;
	width: 944px;
}
ul#social{
	float: left;
	margin: 40px 0 0 0;
	padding: 0;
}
ul#social li{
	list-style: none;
}
li#facebook a{
	background: url('../images/social.gif') 0 0 no-repeat;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 43px;
	width: 186px;
}
li#twitter a{
	background: url('../images/social.gif') 0 -43px no-repeat;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 50px;
	width: 186px;
}
li#linkedin a{
	background: url('../images/social.gif') 0 -93px no-repeat;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 43px;
	width: 186px;
}


#corp_footer{
	background: url('../images/incorporatingbg.gif') left bottom no-repeat;
	float: right;
	height: 137px;
	margin: 40px 0 0 40px;
	width: 262px;
}
#corp_footer h2{
	background: url('../images/incorporation_header.gif') no-repeat;
	display: block;
	float: left;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 24px;
	line-height: 2em;
	width: 134px;
}
ul#corp_links{
	float: left;
	height: 84px;
    margin: 25px 0 0 15px;
	padding: 0;
	width: 247px;
}
ul#corp_links li{
	float: left;
	list-style: none;
}
ul#corp_links li a{
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 41px;
	width: 117px;
}
li#e4f_logo{
	margin-right: 20px;
}

#legalpartners{
	background: url('../images/legalpartnersbg2.gif') left bottom no-repeat;
	float: right;
	height: 137px;
	margin-top: 40px;
	width: 262px;
}
#legalpartners h2{
	background: url('../images/legalpartners_header.gif') no-repeat;
	display: block;
	float: left;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 24px;
	line-height: 2em;
	width: 134px;
}
ul#legal_links{
	float: left;
	height: 84px;
    margin: 25px 0 0 15px;
    padding: 0;
    width: 247px;
}
ul#legal_links li{
	float: left;
	list-style: none;
}
ul#legal_links li a{
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 33px;
	width: 98px;
}
li#beach_logo{
	margin-right: 10px;
}
li#evershed_logo{
	margin-right: 20px;
}



#wrapper #midcol img.no-border {
	border: solid 5px #fff;
}


.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}