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

/* The Humanitarian Forum (Arabic) - Major page elements in here - tim@fb */

/******

Main colours:

Brand Maroon: #5d3140

Brand Yellow: #ffc239

Brand Blue: #144566

Footer tint: #f7f5f5

******/

/* Main Layout Blocks */

body#index #wrapper_top {
	margin: 0 auto;
	text-align: right;
	width: 914px;
	padding: 0 33px 0 33px;
	background: url(../images-ar/bg_wrapper_top.jpg) center top no-repeat;
	height: 404px;
}

#wrapper_top {
	margin: 0 auto;
	text-align: right;
	width: 914px;
	padding: 0 33px 0 33px;
	background: url(../images-ar/bg_wrapper_top_sub.jpg) center top no-repeat;
	height: 260px;
}

body#index #wrapper_mid {
	margin: 0 auto;
	text-align: right;
	width: 914px;
	padding: 0 33px 320px 33px; /*bottom must match footer height for stickiness */
	background: url(../images-ar/bg_tile_midwrapper.jpg) center top repeat-y;
	
}

#wrapper_mid {
	margin: 0 auto;
	text-align: right;
	width: 914px;
	padding: 16px 33px 320px 33px; /*bottom must match footer height for stickiness */
	background: url(../images-ar/bg_tile_midwrapper.jpg) center top repeat-y;
	
}

#wrapper_fullwidth_footer {
	text-align: right;
	margin-top: -290px; /* negative value of footer height */
	float: left;
	width: 100%;
	height: 290px;
	padding: 0;
	background: url(../images-ar/bg_tile_fatfooter.jpg) 0 0 repeat-x;
	position: relative;
	clear: both;
	
}

#wrapper_fatfooter {
	background: url(../images-ar/bg_fatfooter.jpg) 1px top no-repeat;
	height: 290px;
	width: 914px;
	padding: 30px 33px 0 33px;
	margin: 0 auto;
}

/* @group FatFooter css from http://www.cssstickyfooter.com - with thanks! */

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

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


/* @end */

body#index #header {
	position: relative;
	height: 333px;
}

#header {
	position: relative;
	height: 190px;
}


#home_logo {
	background: url(../images-ar/img_branding.jpg) 0 0 no-repeat;
	display: block;
	float: right;
	height: 0;
	overflow: hidden;
	padding-top: 164px;
	width: 176px;
}

#sitetools {
	font-family: Arial, Helvetica, Helvetica Neue, sans-serif;
	font-size:0.916em;
	float: left;
	width: 499px;
	color: #5d3140;
	font-weight: bold;
	margin-top: 15px;
	position: relative;
	z-index: 2;
}

form#search {
	float: left;
}

ul#secnav {
	list-style-type:none;
	margin: 11px 0 0 0;
	text-align: right;
	float: left;
	clear: none;
}

ul#secnav li {
	list-style-type: none;
	float: left;
}

form#search ul {float:left;}


form#search ul li {
	float:left;
	font-weight:bold;
	list-style-type:none;
}

form#search ul li input {
	color: #5d3140;
	padding: 0;
	margin: -2px 3px 0 0;
}

#strap {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 230px;
}

#language {
	position: absolute;
	top:  165px;
	left: 10px;
}

#language a {
	color: #fff;
}

/* @group Main content columns */

body#index #wrapper_left {
	float: right;
	width: 570px;
	background: none;
}

#wrapper_left {
	float: right;
	width: 716px;
	background: url(../images-ar/sep_vert.gif) left 0 no-repeat;
}

body#index #leftcol {
	float: right;
	background: url(../images-ar/sep_vert.gif) left 0 no-repeat;
	width: 580px;
}

#leftcol {
	float: right;
	width: 504px;
}

#rightcol {
	float: left;
	width: 177px;
	padding-top: 0;
}

body#index #rightcol {
	float: left;
	width: 327px;
	padding-top: 35px;
}

#subnavcol {
	float: right;
	width: 185px;
}


#wrapper_footer_left {
	float: right;
	width: 423px;
}

#footer_leftcol {
	float: right;
	width: 172px;
	background: url(../images-ar/sep_vert_short.gif) left 50px no-repeat;
	padding-left: 10px;
}

#footer_midcol {
	float: left;
	width: 220px;
	background: url(../images-ar/sep_vert_short.gif) 30px 50px no-repeat;
}

#footer_rightcol {
	float: right;
	width: 478px;
}

/* @end */

#footer_leftcol ul {
	margin: 13px 0 0 0;
	list-style-type: none;
	float: right;
	line-height: 1.2em;
}

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

#footer_leftcol ul li a {
	font-weight: bold;
	font-size: 0.916em;
}

#footer_leftcol img {margin-top: 21px;}

.pipe {padding: 0 3px 0 3px;}

/* @group Main Hover Navs */

body#index #wrapper_mainnav {
	clear: both;
	position: absolute;
	top: 186px;
	right: 0px;
}

#wrapper_mainnav {
	clear: both;
	position: absolute;
	top: 184px;
	right: 0px;
}


#mainnav ul {
	float: right;
	margin: 0;
	padding: 0;
}

#mainnav ul li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}

#mainnav a {
	font-size: 1.584em;
	font-weight: bold;
	font-family: Arial, Helvetica, Helvetica Neue, sans-serif;
	color: #fff;
	display: block;
	height: 45px;
	padding-top: 12px;
	text-align: center;
}

#mainnav a:hover {
	text-decoration: none;
	color: #5d3140;
}

#mainnav a#about {width: 110px;}
#mainnav a#what {width: 138px;}
#mainnav a#where {width: 165px;}
#mainnav a#resources {width: 130px;}

/* Hover states and on classes */

#mainnav a#about.current {background: url(../images-ar/bg_navtabs_01.gif) -10px 0 no-repeat; color: #5d3140;}
#mainnav a#what.current {background: url(../images-ar/bg_navtabs_01.gif) -120px 0 no-repeat; color: #5d3140;}
#mainnav a#where.current {background: url(../images-ar/bg_navtabs_01.gif) -258px 0 no-repeat; color: #5d3140;}
#mainnav a#resources.current {background: url(../images-ar/bg_navtabs_01.gif) -420px 0 no-repeat; color: #5d3140;}

.description {
	clear: both;
	padding: 12px 0 0 15px;
	width: 550px;
	color: #fff;
	font-size: 1.333em;
}

/* @end */

/* @group Sub-nav */

ul#subnav {
	margin: 0 15px 0 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	background: url(../images-ar/sep_subnav.gif) bottom left no-repeat;
}

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

.sep {background: url(../images-ar/sep_subnav.gif) 5px -4px no-repeat;}

ul#subsubnav {margin: 0 0 0 18px;}

/* @end */



/* @group Feature tabs */

#wrapper_feattabs {
	clear: both;
	margin-top: 0;
	margin-right: -8px;
	float: right;
	width: 350px;
}

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

#wrapper_feattabs ul li {
	margin: 0;
	list-style-type: none;
	float: left;
}

#wrapper_feattabs ul li a {
	color: #5d3140;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 20px;
	display: block;
	text-align: center;
}

.featurepane {
	padding: 0 5px 0 0;
}

.featurepane p {
	float: left;
	width: 393px;
	padding: 0 15px 0 0;
}

#feattab_one_content, feattab_two_content {
	float: left;
	width: 565px;
	padding: 0 0 20px 0;
}

.sep_horiz {
	background: url(../images-ar/sep_horiz.gif) top right no-repeat;
	padding: 15px 0 8px 0;
	float: right;
	width: 100%;
	clear: both;
	height: 0;
	padding-top: 8px;
	margin-top: 8px;
	overflow: hidden;
}

/* tabs background-states sprite */

li#feattab_one a {width: 177px; height: 30px; background: url(../images-ar/sprite_feattabs.gif) 0 0 no-repeat;}

li#feattab_one.selected a {background: url(../images-ar/sprite_feattabs.gif) 0 -53px no-repeat;}
	    
li#feattab_two a {width: 173px; height: 30px; background: url(../images-ar/sprite_feattabs.gif) -180px -53px no-repeat;}

li#feattab_two.selected a {background: url(../images-ar/sprite_feattabs.gif) -180px 0 no-repeat;}

/* hover states */

li#feattab_one a:hover {color: #7f5b67; text-decoration: none;}
li#feattab_two a:hover {color: #7f5b67; text-decoration: none;}


/* @end */

/* @group Accordion ui */

#accordion h2 {
	height: 0;
	overflow: hidden;
	padding-top: 63px;
	width: 329px;
	margin-bottom: 5px;
	cursor: pointer
}

h2#mailing {background: url(../images-ar/bigbtn_mailing.gif) 0 0 no-repeat;}

h2#member {background: url(../images-ar/bigbtn_member_ar.gif) 0 0 no-repeat;}

h2#tools {background: url(../images-ar/bigbtn_tools.gif) 0 0 no-repeat;}

.pane {padding: 0 8px 0 25px;}

/* @end */

/* @group Members login form */

/* login form */

#membersbar_right {font-family: Arial, Helvetica, sans-serif;}

#membersbar_right fieldset a {
	font-size: 0.9em;
	font-weight: bold;
	color: #5d3140;
}

#membersbar_right fieldset.input p {margin: 0 15px 0 0;}

#membersbar_right fieldset.input label {
	font-size: 0.9em;
	font-weight: bold;
	color: #5d3140;
}

#membersbar_right fieldset.input input {
	margin-top: 5px;
	color: #5d3140;
}

#membersbar_right fieldset.input input#user_id, #membersbar_right fieldset.input input#password {width: 118px;} /* Safari 4.0.2 wanted this! */

#membersbar_right fieldset.input input.button {margin-top: 22px;}

#membersbar_right fieldset.input #remember {
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: bottom;
}

#membersbar_right p#membertools {padding-top: 25px;}


/* @end */

#extras_inner {
	background: #e7e0e2 url(../images-ar/extras_tile_point_down.gif) top left no-repeat;
	padding-top: 18px;
}

.flleft {float: left;}

.flright {float: right;}

#copyright {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.833em;
	color: #3f3f3f;
}

/* end main.css */