/**********************************************/
/*****____________________________________*****/
/****|       BNI HAMMERSMITH              |****/
/*****____________________________________*****/
/**********************************************/
/**********************************************/
/*******_______________________________********/
/******|                               |*******/
/******| WEBSITE STYLE INFORMATION     |*******/
/******|                               |*******/
/******| SCREEN RESOLUTION: 800  x 600 |*******/
/******| ACTUAL SCREEN SIZE: 1024px    |*******/
/******| ACTUAL SCREEN HEIGHT: 768px   |*******/
/******| FONT: ARIAL                   |*******/
/******| Copyright: Sadiq Ahmed,       |*******/ 
/******|		    Room101	Limited    |*******/
/******|                               |*******/
/******|                               |*******/
/******|                               |*******/
/******|                               |*******/
/*******_______________________________********/
/*********************************************/
/********************************************/
/*******************************************/
/******************************************/
/*****************************************/
/****************************************/
/*_____________________________________*/



body {
margin:0px;
padding:0px;
text-align:left;
font-family: sans-serif, arial, helvetica;
font-size: 10pt;
color:#222222;
}

p {  font-size: 10pt; padding:0px 0px 10px 0px; margin:0px; }

h1 { font-size:36pt; text-align:right; font-weight:900; padding:0px; margin:0px; line-height:36pt;}
h2 { font-size:18pt; text-align:left; font-weight:900; padding:0 0 10px 0; margin:0px;}
h3 { font-size:10pt; padding:0 0 10px 0; margin:0px;}
h4 { font-size:11pt; padding:0 0 5px 0; margin:0px; font-weight:normal; }
h5 { font-size:8pt; padding:10px 0 10px 0; margin:0px; font-weight:bold; }
h6 { font-size:7pt; }

/*
a:link    { font-size: 10pt; color: #FC9B03; text-decoration:none; outline:none; cursor:pointer; }
a:visited { font-size: 10pt; color: #FC9B03; text-decoration:none; outline:none; cursor:pointer; }
a:hover   { font-size: 10pt; color: #FC9B03; text-decoration:none; outline:none; cursor:pointer; }
a:active  { font-size: 10pt; color: #FC9B03; text-decoration:none; outline:none; cursor:pointer; }
*/

a:link    { font-size: 10pt; color: #000000; text-decoration:none; outline:none; cursor:pointer; }
a:visited { font-size: 10pt; color: #000000; text-decoration:none; outline:none; cursor:pointer; }
a:hover   { font-size: 10pt; color: #000000; text-decoration:none; outline:none; cursor:pointer; }
a:active  { font-size: 10pt; color: #000000; text-decoration:none; outline:none; cursor:pointer; }

/* 
-------------------------- MAIN COLOURS~`~`~`~'"'"'"'"
*/
.orange { color:#F7931D; }
.green { color:#B2BB1C; }
.marsh { color:#B2BB1C; }
.magenta { color:#ED008C; }
.cyan { color:#00AEEF; }

.large_text { font-size:10pt; }

a img {border: none; }

ul {
font-size: 10pt; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
line-height:100%;
}

li {
margin: 0px;
padding: 0px;
}

/*************************************/
/*********| HOT CENTERING  |**********/
/*************************************/

	html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	}

		* {
		margin:0px auto;
		padding:0;
		}

	div#theblocker {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -300px;
	float: left;
	}

	div#thehugger {
	width: 800px;
	height: 600px;
	clear: both;
	background:white;
	position: relative;
	top: -300px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
	text-align:left;
	}

	/* Hide from IE5mac \*//*/
	div#shim {
	display: none;
	}

	html, body {
	height: auto;
	}
	/* end hack */

	/* ]]> */


/*************************************/
/*********| WEBSITE LAYOUT |**********/
/*************************************/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> VERTICAL SCROLL MAIN */

/* Main Container */
#main_body { width:800px; margin:30px auto; padding:0px; border:1px solid #CFA77C;}

.main_header { width:800px; margin:0px; padding:0px; z-index:100;} /*USE ABOVE POSITIONING */
.main_header_relations {width:800px; height:250px; margin:0px; padding:0px; top:0px; left:0px; position:relative;}

.main_navigation { width:210px; text-align:center; margin:0px; padding:0px; float:left;}
.main_navigation img {  padding:6px 0px;  }

.main_content { width:560px; margin:0px; padding:0px; float:left;  z-index:100;}
.main_bni_footer_logo {margin:0px; padding:0px; text-align:right; padding-right:40px; }

	
/*************************************/
/*********| WEBSITE LAYOUT |**********/
/*************************************/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> FIXED MAIN */

#main_layer {
position:relative;
top:0px;
left:0px;
width:800px;
height:600px;
}

.bni_logo { position:absolute; bottom:39px; right:27px; width:66px; height:44px; }

.main {
position:absolute;
top:0px;
left:0px;
width:800px;
height:600px;
background-image:url('/preview/images/bni-front-bg.jpg');
}

.topheader {
position:absolute;
top:0px;
left:0px;
width:800px;
height:250px;
overflow:hidden;
}

/* HOMEPAGE LAYOUT */

.major_head {
position:relative;
top:0px;
left:0px;
width:800px;
height:250px;
}

.major_left {
position:absolute;
top:0px;
left:0px;
width:210px;
height:250px;
text-align:center;
overflow:hidden;
}

.major_login {
position:absolute;
top:5px; 
right:5px; 
width:150px; 
height:30px;
text-align:right;

}

.major_login a {color:#e5e5e5;}
.major_login a:hover {color:#e5e5e5;}

/*.bni_login { position:absolute; top:25px; left:84px; height:30px; width:180px; }*/
.bni_login { text-align:right; width:150px; margin-top:10px; }
.bni_login a {font-size: 10pt; font-weight:900; color:#848484; }
.bni_login a:hover {font-size: 10pt; font-weight:900; color:#848484; }
.bni_login a:visited {font-size: 10pt; font-weight:900; color:#848484; }

a.homepage {font-size:10pt; font-weight:900; color:#00AEEF; }
a.homepage:link {font-size:10pt; font-weight:900; color:#00AEEF; }
a.homepage:hover {font-size:10pt; font-weight:900; color:#00AEEF; }
a.homepage:visited {font-size:10pt; font-weight:900; color:#00AEEF; }

.major_left_news { position:absolute; top:60px; left:29px; width:281px; height:160px; }
.major_left_news img { padding:6px 0px; }

.major_heading {
position:absolute;
top:0px;
left:210px;
width:320px;
height:250px;
overflow:hidden;
}

.major_heading img {margin-top:72px; margin-right:10px; }

/* END HOMEPAGE LAYOUT*/

.topheader_ralative {
position:relative;
top:0px;
left:0px;
width:800px;
height:250px;
margin:0px; 
padding:0px; 
}

.bni_page_title { position:absolute; top:17px; right:27px; width:500px; height:42px; text-align:right; }
.bni_head_image { position:absolute; top:73px; left:27px; width:745px; height:128px;  }

.leftside {
position:absolute;
top:190px;
left:0px;
width:210px;
height:360px;
text-align:center;
overflow:hidden;
}

.leftside img { padding:6px 0px; }

.content {
position:absolute;
top:250px;
left:210px;
width:350px;
height:350px;
overflow:hidden;
}

.normal_content {
position:absolute;
top:250px;
left:210px;
width:563px;
height:350px;
overflow:hidden;
}





/*************************************/
/*********| USEFUL CLASSES |**********/
/*************************************/

.bottombutton { position:absolute; right:30px; bottom:20px; }

.aqua {color:#1CBB84;}
.grey {color:#A0A0A0; }
.dark_grey { color:#646464; }
.orange {color:#FC9B03;}
.orange-bg {background-color:#FC9B03;}

.pure_orange {color:#FC9B03;}

.dim-orange {color:#D99623;}
.brown-orange {color:#B37C1D;}

.strong-blue {color:#1010F0;}
.mild-blue {color:#3366FF;}

.dark-blue {color:#5EBDCC;}
.dark-blue-bg {background-color:#5EBDCC;}
.light-blue {color:#DBFAFF;}
.soft-blue {color:#DBFAFF;}
.soft-blue-bg {background-color:#DBFAFF;}

.dark_orange { color:#FF6600; }

.green { color:#339966; }
.light_green {color:#449932;}

.red { color:#FF0000; }
.light_red { color:#FF5500; }

.purple { color:#FF00FF; }
.light_purple { color:#FF66CC; }

.blue { color:#00CCFF; }
.light_blue {color:#008FB3;}

.bold_grey { color:#808080; }
.light_bold_grey { color:#A6A6A6; }

.white {color:#ffffff;}

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }

.new_line { padding-top:10px; padding-bottom:10px; border-top:#DCDCDC solid 1px; }
/*.super_font { font-size:6pt; vertical-align:super;}*/
.super_font { font-size: xx-small; line-height: normal; vertical-align: text-top; }
.super_big_font { font-size:10pt; vertical-align:super;}
.super_font_clear {vertical-align:baseline;}
.smaller_font { font-size: 10pt; }
.smallest_font { font-size:7pt; }
.bigger_font {}
.text_height { line-height:100%; }
.normal_font { font-size:10pt; }
.para_font { font-size:9pt; }
.spanh3 {font-size:10pt; padding:0 0 10px 0; margin:0px;}

.line_height { line-height:14pt; }

.drop { padding-top:20px; }
.spacer { height:10px; }
.small_spacer {height:5px; font-size:1pt;}
.smaller_spacer {height:2px; font-size:1pt;}

.left { float:left; }

.right {float:right}
.left {float:left}
.clear {clear:both;}

.img_bottom {vertical-align:bottom;}
.left10 { padding-left:10px;}
.leftpad5 {padding-left:5px;}
.bottom10 { padding-bottom:5px; }
.bottom40 { padding-bottom:40px; }
.top5 {padding-top:5px;}
.top10 {padding-top:10px;}
.top12 {padding-top:12px;}
.bottom12 {padding-bottom:12px;}

.rightpad30 { padding-right:30px; }

.no_border {border:none;}

.border_grey {border:#DCDCDC solid 1px;}
.bottom_border_grey {border-bottom:#DCDCDC solid 1px;}
.bottom_border_grey_dotted {border-bottom:#DCDCDC dotted 1px;}
.border_only {border:#DCDCDC solid 1px;padding:5px;}

.address { width:150px; height:40px; overflow-y:auto; white-space:normal; }
.short { width:50px; }
.shortish { width:75px; }
.width120 { width:120px; }
.medium { width:150px; }
.width150 { width:150px; }
.width180 { width:180px; }

.no_outline { outline: none; }
.long { width:245px; }

.height13 {height:13px;}

.space_reset {padding:0px; margin:0px;}
.cards { width:40px; height:24px; }
.line_height_reset { line-height:0px; }

.under_line { text-decoration:underline; }


/*************************************/
/*********| MEETINGS PAGE  |**********/
/*************************************/

.meeting_date { width:80px; }
.meeting_event { width:150px; }
.meeting_time { text-align:left; }

#table2 b a { color:#ED008C; }
#table2 b a:hover { color:#ED008C; }

#table2 td { padding-bottom:5px; }
#table2 td.left { padding-right:5px; }

.magenta_links { padding-bottom:10px; }

#memberdetails b { color:#ED008C; }


/*
.magenta_links a { color:#ED008C; }
.magenta_links a:hover { color:#ED008C; }
*/



.contact_map {width:320px; height:177px;}
.contact_text {float:left; width:150px; }

.bni_contact_head_image {position:absolute; top:53px; left:27px; width:745px; height:128px; text-align:center; }