@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");

/* Immigration Law Practitioners' Association - Major page elements in here - tim@fb */

/******

Main colours:

Brand Blue: #00255d
Bg tile grey: #636360
Mission box bg grey: #e0e0df
Page body bg off-white: #fcfcfc

******/


body#index #wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: left;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: left;
}

#header {
	float: left;
	height: 133px;
	width: 940px;
	background: #fcfcfc;
	position: relative;
}

#mainbranding {
	float: left;
	width: 119px;
	height: 56px;
	margin: 34px 0 42px 0;
}

/* @group Main/Top Nav */


#wrapper_topnav {
	float: right;
	width: 800px;
	margin: 0;
	height: 35px;
}


ul#topnav {
	list-style-type: none;
	margin: 0;
	float: left;
	width: 800px;
	height: 33px;
	padding: 0;
}

ul#topnav li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 0;
	text-align: center;
}

/* @end */

/* @group Secnav */

#wrapper_secnav {
	float: right;
	width: 250px;
	margin: 40px 0 0 0;
}

ul#secnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#secnav li {
	list-style-type: none;
	margin: 0;
	float: right;
}

ul#secnav li span {padding: 0 3px 0 3px;}

.hide-show {display: none;}

/* @end */

/* @group Nav-tip */

#wrapper_nav-tip {
	float: left;
	margin: 0 0 0 25px;
}

/* @end */

/* @group Rightcol buttons */

.new_immadvice {
	background-color: #FFD020;
	border-radius: 8px;
	font-size: 1.75em; 
	font-weight: bold; 
	padding: 20px 20px 24px;  
	line-height: 1.15em; 
	margin-bottom: 25px; 
	text-align: center;
}
.new_immadvice_btn {
	background-color: #000000;
	border-radius: 24px;
	color: #ffffff !important; 
	font-size: 0.7em;
	margin-bottom: 2px;
	padding: 6px 10px;
}
.new_immadvice_btn:hover {
	background-color: #00255D;
	text-decoration: none;
}

#bg_btn_immadvice, #bg_btn_training, #bg_btn_joinus {
	float: right;
	width: 220px;
	height: 91px;
	clear: both;
	margin: 0 0 25px 0;
}

#bg_btn_getinvolved {
	float: right;
	width: 220px;
	height: 68px;
	clear: both;
	margin: 0 0 25px 0;
}

#bg_btn_subcomms {
	float: right;
	width: 220px;
	height: 68px;
	clear: both;
	margin: 0 0 25px 0;
}

#bg_btn_projectplug {
	float: right;
	width: 220px;
	height: 67px;
	clear: both;
	margin: 0 0 25px 0;
}

#bg_btn_calendar {
	float: right;
	width: 220px;
	height: 68px;
	clear: both;
	margin: 0 0 25px 0;
}


/* @end */


/* @group Main layout blocks */

body#index #content_inner_wrapper {
	float: left;
	width: 940px;
	margin: 0;
	padding: 0 0 35px 0;
	background: none;
	
}

#content_inner_wrapper {
	float: left;
	width: 940px;
	margin:0;
	padding: 0 0 35px 0;
	background: none;
}

body#index #wrapper_content_left {
	width: 697px;
	padding: 0;
	float: left;
	background: none;
}

#wrapper_content_left {
	width: 697px;
	padding: 0;
	float: left;
	background: none;
}


#rightcol {
	float: right;
	width: 220px;
	padding: 0;
	margin: 0;
}

body#index #rightcol {
	float: right;
	width: 220px;
	padding: 0;
	margin: 0;
}

body#index #row-one_left, body#members #row-one_left {
	float: left;
	width: 697px;
	padding: 0;
	display: block;
	
}

#row-one_left {
	float: left;
	width: 697px;
	padding: 0;
	display: none;
}

body#index #row-one_midcol {
	float: right;
	width: 220px;
	padding: 0;
	display: none;
}

body#index #standfirst-box {
	width: 673px;
	height: 240px;
	padding: 10px 12px 10px 12px;
	float: left;
	background: #e0e0df;
	margin: 0 0 15px 0;
}

body#index #content_left {
	float: left;
	width: 697px;
	padding: 0;
}

#content_left {
	float: left;
	width: 697px;
	padding: 0;
}

#col-wrap {
	float: left;
	width: 697px;
	padding: 0;
}

#col-wrap_rowtwo {
	float: left;
	width: 697px;
	padding: 0;
	margin: 15px 0 0 0;
}

body#index #leftcol {
	float: left;
	width: 220px;
	padding: 0;
}

#leftcol {
	float: left;
	width: 220px;
	padding: 0;
}

#leftcol_rowtwo {
	float: left;
	width: 220px;
	padding: 0;
}

body#index #main-content, body#members #main-content  {
	float: left;
	width: 220px;
	padding: 0;
	margin: 0 0 0 20px;
}

#main-content_rowtwo  {
	float: left;
	width: 220px;
	padding: 0;
	margin: 0 0 0 20px;
}

#main-content {  /* the main page content on internal pages */
	float: left;
	width: 456px;
	padding: 0;
	margin: 0 0 0 20px;
}

body#index #midcol, body#members #midcol {
	float: right;
	width: 220px;
	margin: 0;
	display: block;
	
}

#midcol_rowtwo {
	float: right;
	width: 220px;
	margin: 0;
	display: block;
	
}

#midcol {display: none;}

body#index #feat-box, body#members #feat-box {
	border: 1px solid #00255d;
	float: left;
	clear: both;
	width: 666px;
	padding: 10px 15px 10px 15px;
	background: #fff;
	margin: 0 0 15px 0;
}

/* @end */

/* @group Members' login box */

#wrapper_login  {
	float: right;
	width: 208px;
	clear: both;
	padding: 5px;
	margin: 0 0 25px 0;
	border: 1px solid #e0e0e0;
	background: #fff;
}

#wrapper_login ul {
	list-style-type: none;
	margin: 0 0 6px 0;
	float: left;
	padding: 0;
	width: 117px;
}

#wrapper_login ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 7px 0;
}

#wrapper_login h3 {
	font-size: 1.166em;
	color: #000;
	margin-bottom: 5px;
}

fieldset.input ul li input {
	width: 114px;
	border: none;
	padding: 4px 2px 4px 2px;
	background-color: #e0e0e0;
}

a.pass-prompt {
	float: left;
	clear: both;
	background: url(/images/icon_exclam.gif) 0 0 no-repeat;
	color: #00255d;
	padding: 0 0 0 23px;
	text-decoration: none;
}

a:hover.pass-prompt {text-decoration: underline;}

#button_login {
	float: right;
	width: 75px;
	margin: 80px 0 0 0;
}

/* @end */

/* @group Mission box */

body#index #standfirst-box ul {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 21px;
}

body#index #standfirst-box ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 9px 0;
	background: url(/images/bigbullet.gif) 0 6px no-repeat;
}


/* @end */

/* @group Members' nav */

#wrapper_members-nav {
	float: left;
	width: 696px;
	background: #383733;
	height: 45px;
}

ul#members-nav {
	list-style-type: none;
	margin: 0;
	float: right;
	width: 565px;
    padding: 5px;
}

ul#members-nav li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 0;
	text-align: center;
}


/* @end */



/* @group Feed columns */

/*body#index #leftcol ol, body#members #leftcol ol, body#index #main-content ol, body#members #main-content ol, body#index #midcol ol, body#members #midcol ol {
	list-style-type: none;
	margin: -10px 0 0 0;
	padding: 15px 10px 10px 5px;
}*/

/*body#index #leftcol ol li, body#members #leftcol ol li, body#index #main-content ol li, body#members #main-content ol li, body#index #midcol ol li, body#members #midcol ol li{
	list-style-type: none;
	margin: 0;
	padding: 0 0 8px 25px;
}*/


.box-outline {
	list-style-type: none;
	margin: -10px 0 0 0;
	padding: 15px 10px 10px 5px;
    border: 2px solid #e7e7e7;
	min-height: 280px;
	height: auto !important;
    height: 280px;
    background: #fff;
}

.box-outline li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 8px 25px;
}

.icon_pdf {background: url(/images/icon_pdf.gif) 0 28px no-repeat;}

/* @end */

/* @group Sticky footer (css from http://www.cssstickyfooter.com - with thanks) */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

body#index #content {
	clear: both;
	padding-bottom: 186px; /* must be same height as the footer */
	background: none;
}

#content {
	clear: both;
	padding-bottom: 186px; /* must be same height as the footer */
	background: none;
}  
  

#stickyfooter {
	position: relative;
	margin-top: -186px; /* negative value of footer height */
	height: 186px;
	clear:both;
	width: auto; /* was 100% */
    overflow: visible;
	text-align: left;
	padding: 0;
}

#footer_inner {
	padding: 0 8px 0 9px;
	position: relative;
	background: #fbfbfb;
	width: 940px;
	margin: 0 auto;
	height: 186px;
}

#footercols_wrap {
	float: left;
	width: 940px;
	border-top: 1px solid #000;
}



/* @end */

body#index #projects-box {
	float: left;
	width: 920px;
	clear: both;
	visibility: visible;
	background: #e0e0e0;
	padding: 15px 10px 10px 10px;
	font-size: 1.2em;
	display: block;
}

#projects-box {
	/*display: none;*/
	visibility: hidden;
}

#projects {
	float: right;
	width: 692px;
}

/* @group Footer quicklink menus */


address {
	color: #000;
	clear: left;
	font-size: 1.0em;
	padding: 0 0 0 70px;
}

#legal {
	position: absolute;
	bottom: 25px;
	left: 15px;
	width: 630px;
	text-align: left;
	color: #606260;
	z-index: 15;
	
}

#legal p {color: #606260;}

.footercols {
	float: left;
	clear: none;
	margin: 0 10px 0 3px;
	padding-top: 16px;
	width: 133px;
	font-size: 1.2em;
}

#contact_footer {
	float: right;
	clear: none;
	padding-top: 16px;
	width: 218px;
	background: url(/images/branding_footer.gif) 0 49px no-repeat;
}


.footercols ul {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.footercols ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 1px 0;
}



/* @end */

/* @group Subnav */


ul#subnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: left;
}

ul#subnav li {
	list-style-type: none;
	margin: 0;
}


ul#subnav li ul li {padding: 0;}

ul#subnav li ul {
	margin: 0;
	padding: 0;
	
}

/* @end */

/* @group various classes */

.flleft {float: left;}

.flright {float: right;}

.clearing {clear: both;}

/* @end */


/* Search facility */

.directory-results td{
	padding-bottom: 40px;
	vertical-align: top;
}

/* End Search facility */


/* end main.css */

#linkedinbutton {
	margin-bottom: 10px;
	text-align: right;
	padding-right: 7px;
}