/* =======================================================

	AUTHOR: 		Sumac UK
	DESCRIPTION:	Screen styles for BNI
	DATE:			15/08/07
	LAST EDITED:	--/--/--

======================================================= */

/* ==========================================================
	GLOBALS
========================================================== */

body 
{
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-Serif;
	text-align: center;
	background-image: url(../images/bg_diag_img.gif);
	background-repeat: repeat-x repeat-y;
	background-attachment:fixed;
}

/* [ text sizing ]---------------------------------------- */
/* http://www.clagnut.com/blog/348/ ---------------------- */
html
{
	font-size: 100%; /* for IE */
}
body 
{
	font-size: 62.5%; /* for IE/Win */
}
input, select, table
{
	font-size: 100%;	
}
/* [ links ] ------------------------------------------ */
a:link, a:visited
{
	color: #000;
	text-decoration: underline;   
}
a:hover
{
	color: #000;
	text-decoration: none;
}
/* [ headings ] ------------------------------------------ */
h2
{
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #640b18;
}
h3, h4
{
	margin: 0 0 0.3em 0;
	font-size: 1em;
	font-weight: bold;
}
h5
{
	margin: 0 0 0.5em 0;
	font-size: 1em;
	font-style: italic;
}

p
{
	margin: 0 0 0.3em 0;
}
/* [ other ] --------------------------------------------- */
.hide
{
	
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; 	
}
.clear
{
	clear: both;	
}
a img
{
	border: 0;
}
/* ==========================================================
	JUMP-TO
========================================================== */
#jump-to
{
	position: absolute;
	top: 0;
	left: -9999px;
}
#jump-to a:hover
{
	background-color: #EEE;	
}
#jump-to a:focus
{
	display: block; 
	position: absolute; 
	top: 20px; 
	left: 1020px; 
	font-size: 1.5em; 
	background-color: #FFF; 
	border: solid 2px #999;
	color: #999;
	padding: 10px; 
	width: 15em; 
	z-index: 1;
}
/* ==========================================================
	PAGE
========================================================== */
#bni
{
	 position: relative;
	 margin: 0 auto 0 auto;
	 width: 760px;
	 text-align: left;
	 font-size: 1.2em;
	 line-height: 1.4em;
	 color: #636466;
}
#body
{
	float: left;
	margin: 40px 0 40px 0;
	padding-bottom: 10px;
	width: 760px;
	background-color: #fff;
}
#header
{
	float: left;
	margin: 0;
	width: 760px;
}
#header #bni-squaremile-logo
{
	float: left;
	margin: 8px 0 0 10px;
}
#header #bni-logo
{
	float: right;
	margin: 8px 10px 0 0;
}
/* ==========================================================
	CRUMBTRAIL
========================================================== */
#crumbtrail
{
	 float: left;
	 width: 740px;
	 height: 21px;
	 margin: 10px 0 0 0;
	 display: inline;
	 line-height: 1.2em;
}
#crumbtrail p
{
	margin: 0.3em 0 0 10px;
	font-weight: bold;
}
#crumbtrail a
{
	text-decoration: none;
}

/* ==========================================================
	Left-navigation
========================================================== */
#left-navigation
{
	float:left;
	margin: 15px 0 0 10px;
	width: 110px;
	text-align: left;
	display: inline;
}
#left-navigation ul
{
	list-style: none;	
	margin: 0;
	padding: 0;
	display: block;
}
#left-navigation li
{
	margin: 0 0 0.4em 0;
	display: block;
	line-height: 1.8em;
}
#left-navigation a
{
	display: block;
	color: #fff;
	width: 110px;
	text-decoration: none;
	text-indent: 5px;
	margin: 0;
	padding: 0;
}
#left-navigation a:link, #left-navigation a:visited
{
	background-color: #808284;
}

#left-navigation a:hover, #left-navigation a.current 
{
	
	background-color: #971b1e;
}
#left-navigation ul ul
{
	margin: 0.3em 0 0 0;
	font-size: 0.9em;
}
#left-navigation ul ul li
{
	margin: 0;
	padding: 0;
}
#left-navigation ul ul a span
{
	margin: 0;
	padding: 0;
}
#left-navigation ul ul li a:link, #left-navigation ul ul li a:visited
{
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-indent: 15px;
	color: #000;
}
#left-navigation ul ul li a:hover, #left-navigation ul ul li a.current
{
	color: #971b1e;
	background-color: #fff;
}
/* ==========================================================
	CONTENT
========================================================== */

#content
{
	 float:left;
	 margin: 15px 0 0 0;
	 width: 630px;
	 text-align: left; 
	 display: inline;	
}
p
{
	margin: 10px 0 10px 0;
	line-height: 1.5em;
	text-align: left;
}
#content h1
{
	margin: 0 0 0.5em 0;
	padding: 0;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	background-color: #8a1f03;
	color: #fff;
	text-indent: 5px;
	line-height: 1.4em;
}
#column-one
{
	float: left;
	margin: 0 0 0 10px;
	display: inline;
	width: 375px;
}
#column-one ul
{
	margin: 0;
	padding: 0;
	list-style: disc;
	list-style-position: inside;
}
#column-one h1
{
	width: 375px;
}
#extras
{
	float: right;
	margin: 0;
	width: 235px;
	display: inline;
	text-align: left;
}
#extras p
{
	
	clear: both;
}
#extras img
{
	float: left;
	margin: 0 0 0.5em 0;
}

/* ======================================
	ADD-ITEM - styles for extras column
====================================== */
#extras .add-item
{
	margin: 5px 0 25px 0;
}
#extras .add-item a
{
	border: 0 !important;
	margin: 0 !important;	
	padding: 0 !important;
	background-color: transparent;
}
#extras .add-item img
{
	border: 0 !important;
	padding: 0 !important;	
	margin: 0 !important;
}
#extras .edit-item
{
	padding: 0 !important;	
	margin: 0 !important;
}
#extras .edit-item img
{
	padding: 0 3px 0 0 !important;	
	margin: 0 !important;
}
/* ==========================================================
	PROFILE NAVIGATION
========================================================== */
#profiles-navigation
{
	float: left;
	width: 235px;
}
#profiles-navigation h2
{
	margin: 0;
	padding: 0;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	background-color: #8a1f03;
	color: #fff;
	text-indent: 5px;
	line-height: 1.4em;
}
#profiles-navigation ul
{
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
}
#profiles-navigation li
{
	line-height: 1.3em;
	padding: 0.2em 0 0.2em 0;
}
#profiles-navigation a
{
	text-decoration: underline;
	width: 235px;
	padding: 0;
}
#profiles-navigation a:link, #profiles-navigation a:visited
{
	color: #000;
}
#profiles-navigation a:hover, #profiles-navigation a.current
{
	color: #971b1e;
	text-decoration: none;
}



/* ==========================================================
	NEWS
========================================================== */
.date 
{
	margin: 0;
	padding: 0;
	color: #640b18;
}
.news-wrap
{
	margin: 0.1em 0 1.3em 0;
}
.news-wrap p
{
	margin: 0.2em 0 0 0;
}
.news-wrap a.front-news
{
	margin: 0.1em 0 0 0;
	font-size: 0.9em;
}
/* ==========================================================
Profiles- People
========================================================== */

#content .profiles
{
	float:left;
	margin: 0;
	padding: 0 0 1.5em 0;
	display: inline;
	
}
#content .profiles h3
{
	float: right;
	width: 265px;
	margin: 0;
	padding: 0;
	color: #640b18;
	line-height: 1em;
	
}
#content .profiles p
{
	float:right;
	width: 265px;
	margin: 5px 0 0 6px;
	padding: 0;
	line-height: 1.5em;
}
#content .profiles p strong
{
	font-weight: bold;
}
 #content .profiles img
{
	float:left;
	margin: 0;
	padding: 0;
}
/* ==========================================================
Profiles- Person
========================================================== */
#content .person
{
	float:left;
	margin: 0;
	padding: 0 0 1em 0;
}
#content .person h3
{
	float: right;
	width: 285px;
	margin: 0 0 0.4em 0;
}
#content .person p
{
	margin: 0.3em 0 0 6px;
	padding: 0;
	line-height: 1.5em;
}
#content .person p strong
{
	font-weight: bold;
}
 #content .person img
{
	float:left;
	margin: 10px 0 0 0;
	padding: 0 8px 0 0;
}

/* ==========================================================
	Footer
========================================================== */
#footer
{
	float: left;
	margin: 12px 0 0 10px;
	padding: 0 0 0.1em 0;
	clear: both;
	display: inline;
	color: #fff;
	width: 740px;
	background-color: #8a1f03;
}
#footer ul
{
	margin: 2px 0 0 5px;
	padding: 0;
	float: left;
	list-style: none;
}
#footer li
{
	display: inline;
}

#footer a
{
	padding: 0 6px 0 6px;
	text-decoration:none;
}

#footer a:link, #footer a:visited
{
	color: #fff;
	
}
#footer a:hover
{
	color: #636466;
}
#sumac-link
{
	float: right;
}
/* ==========================================================
	SITEMAP
========================================================== */
#sitemap
{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#sitemap ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#sitemap li
{
	list-style: none;
	list-style-type: none;
	background-image: url(../images/sitemap_bullet.gif);
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	padding: 0.2em 0 0 20px;
	margin: 0.4em 0;	
}
#sitemap ul ul
{
	margin: 0;	
}
#sitemap ul li
{
	background-image: url(../images/sitemap_sub_bullet.gif);
	padding: 0.2em 0 0 35px;
	margin: 0.8em 0;	
}
/* ==========================================================
	FORM
========================================================== */
#element-contact fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

#element-contact legend
{	
	display: none;
}
#element-contact p
{
	margin-top: 1em;
	margin-bottom: 0;	
}
/* email details */
#element-contact div.email-details
{
	color: #636466;	
}
#element-contact label, #element-contact span.label
{
	margin: 0.3em 0 0.1em 0;
	float: left;
	width: 100%;
}
/* single lines */
#element-contact div.textbox
{
	margin-top: 0.3em;
}
#element-contact div.textbox input
{
	border: 1px solid #636466;
	width: 100%;
	margin: 0.2em 0 0 0;
}
/* multi lines */
#element-contact div.textarea
{
	margin-bottom: 0.5em;	
}
#element-contact div.textarea textarea
{
	border-width: 1px;
	width: 300px;
	height:100px;
}
/* select */
#element-contact div.select
{
	margin-top: 0.2em;
}
#element-contact div.select select
{
	border-width: 1px;
	width: 300px;
}
/* radio buttons */
#element-contact div.radio-buttons
{
	margin-bottom: 2em;	
	margin-top: 2em;
}
#element-contact div.radio-buttons span.label
{
	display: inline;
	float: none;	
	font-weight: bold;
	margin: 0 0 0.3em 0 !important;
	padding: 0;
}
#element-contact div.radio-buttons li
{
	margin: 0;	
}
#element-contact div.radio-buttons label
{
	display: inline;
	margin: 0;
	float: none;
	width: auto;
	margin-left: -0.3em;
	padding: 0 0 0 0.8em;	
}
#element-contact div.radio-buttons input
{
	margin: 0;
	padding: 0;

}
#element-contact div.radio-buttons ul
{
	list-style:none;
	margin: 0;
	padding: 0;
}

/* check box */
#element-contact div.checkbox
{
	margin-bottom: 0em;
}
#element-contact div.checkbox label
{
	display: inline;
	float: none;
	width: auto;
	padding: 0 0 0 0.8em;	
}
#element-contact div.checkbox input
{
	margin: 0;
	padding: 0;
}
/* single lines */
#element-contact div.upload input
{
	margin: 0.3em 0 0.3em 0;
	border-width: 1px;
	width: 300px;
}
/* errors */
#element-contact div.error 
{
	border: 2px solid #C00;
	background-color: #fff;
	padding: 10px;
}
#element-contact div.error h2
{
	color: #C00;	
	margin: 0 0 0.5em 0;
}
#element-contact div.error a
{
	color: #C00;	
	font-weight: bold;
}
#element-contact div.error ul
{
	list-style-type: decimal;
	padding: 0;	
	list-style-position: inside;
}
#element-contact div.element-error
{
	background-color: #EEE;
	padding: 10px;	
	border: 2px solid #666;
}
#element-contact div.element-error label
{
	font-weight: bold;
}
#element-contact div.element-error label em
{
	color: #cc0000;
}

/* ==========================================================
	SUBSCRIBE-FORM
========================================================== */
div#subscribe-form
{
	padding: 1em 0;
}
div#subscribe-form div.textbox
{
	margin-bottom: 0.6em;
}
div#subscribe-form div.textbox label
{
	float: left;
	width: 120px;
}
div#subscribe-form div.textbox input
{
	width: 252px;
	border: 1px solid #636466;
}