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

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

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

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

body 
{
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-Serif;
	text-align: center;
}

/* [ text sizing ]---------------------------------------- */
/* http://www.clagnut.com/blog/348/ ---------------------- */
html
{
	font-size: 100%; /* for IE */
}
body 
{
	font-size: 62.5%; /* for IE/Win */
}
/* [ 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: bold;
	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
{
	display: none;
}
/* ==========================================================
	PAGE
========================================================== */
#bni
{
	 position: relative;
	 margin: 0 auto 0 auto;
	 width: 760px;
	 text-align: left;
	 font-size: 1.4em;
	 line-height: 1.5em;
	 color: #5C5D01;
}
#body
{
	/*float: left;*/
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	width: 760px;
	background-color: #fff;
}
#header
{
	/*float: left;*/
	margin: 0;
	width: 760px;
	height: 93px;
	background: transparent url(../images/banner_img.gif) no-repeat 135px 11px;
}
#header #logo
{
	/*float: left;*/
	margin: 8px 0 0 10px;
}
/* ==========================================================
	CRUMBTRAIL
========================================================== */
#crumbtrail
{
	 display: none;
}
/* ==========================================================
	Left-navigation
========================================================== */
#left-navigation
{
	display: none;
}
/* ==========================================================
	CONTENT
========================================================== */

#content
{
	 /*float: left;*/
	 margin: 15px 0 0 0;
	 width: 630px;
	 text-align: left; 
	 display: inline;	
}
#extras
{
	/*float: left;*/
	margin: 0;
	width: 235px;
	display: inline;
	text-align: left;
}
#extras p
{
	
	clear: both;
}
#extras img
{
	/*float: left;*/
	margin: 0 0 0.5em 0;
}

/* ==========================================================
	PROFILE NAVIGATION
========================================================== */
#profiles-navigation
{
	display: 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 0 50px 0;
	padding: 0;
	/*display: block;*/
	width: 500px;
	clear: both;
	
}
#content .profiles h3
{
	/*float: right;*/
	display: block;
	padding: 0 0 8px 0;
	color: #640b18;
	line-height: 1em;
	font-weight: bold;
	
}
#content .profiles p
{
	/*float: right;*/
	width: 400px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
#content .profiles p strong
{
	font-weight: bold;
}
 #content .profiles img
{
	float: left;
	margin: 0;
	padding: 0 8px 0 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: #858641;
}
#footer ul
{
	display: none;
}
#sumac-link
{
	text-align: center;
}
/* ==========================================================
	SITEMAP
========================================================== */
#sitemap
{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#sitemap ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#sitemap li
{
	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: #CCC;	
}
#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 #97975d;
	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;
}