/* 
	CSS Document 
	Brittle Bones Society

*/

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

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small;	/* for other IE versions */
	}
	
.text-only{	display: none;	}

/* Default
------------------------------------------------*/

h1 { font-size:200%; font-weight:bold; margin-bottom:4px; color:#006697;}
h2 { font-size:140%; font-weight:bold; margin-bottom:4px; color:#000;}

a	{ cursor:pointer;}

/* <div class="spcr"></div> */
.spcr{clear:both;height:0;line-height:0;overflow:hidden;}


/* Layout Styles
------------------------------------------------*/

#page {
	/*
	position: absolute;  
	*/top: 0px;	bottom: 0px;	left: 0px;	right: 0px;
	}

#content {	/*									MAIN CONTENT AREA - full width */
	width: 970px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}		

#content blockquote {
	margin-left: 35px;
	}


			
/* HEADER --------------------------------------=---------------- */

#header{	
	/* background:#b3c6e4;	 */
	height:140px;
	background-image:url(industry-training-and-development.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#strapline { color:#FFF; font-weight:bold; float:left; padding-top:16px; padding-left:10px;  }
#logo{ }
#logo-title{ }
#bookmark{
	float:right;
	width:190px;
	height:50px;
	margin:4px;
	text-align:right;
	}
#bookmark a{ color:#CCCCCC;}

#search{
	float:right;
	margin:4px;
	padding-top:1px;
	padding-right:20px;
	text-align:right;
	}




/* ---------------------------------------------=---------------- */
#bodymain{
	float:left;
	width:70%;
	}
#bodymain ul {
	margin-bottom:1em;
	padding-left:20px;
	}
#bodymain p	{margin-bottom:1em;}/**/

#bodynavright{
	float:right;
	width:28%;
	background:#fff;
	}

 
#ajaxSearch_form fieldset{
	border:hidden;
	border:0; /* Added by Aaron Hides the fieldset bored in IE  */
	border-color:#b3c6e4;
	width:200px;
	}


/* GUTTERS -------------------------------------=---------------- */
#bodymain .gutter{
	patting-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	}
#bodynavright .gutter{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	}

/* BOXES ---------------------------------------=---------------- */

.boxBlue   {	background:url(cs1-top.gif); background-repeat:repeat-x;}
.boxBlue2  {	background:url(cs1-bg.gif); background-position:bottom;  }
.boxBlue p {	padding:8px; padding-left:20px; font-weight:bold; color:#FFFFFF;}
.cs1-1		{	background:url(cs1-1.gif) top left no-repeat; }
.cs1-2		{	background:url(cs1-2.gif) top right no-repeat;   }
.cs1-3		{	background:url(cs1-3.gif) bottom left no-repeat; }
.cs1-4		{	background:url(cs1-4.gif) bottom right no-repeat;   }

.boxRed   	{	background:url(cs2-top.gif); background-repeat:repeat-x;}
.boxRed2  	{	background:url(cs2-bg.gif); background-position:bottom;  }
.boxRed p 	{	padding:8px; padding-left:20px; font-weight:bold; color:#FFFFFF;}
.cs2-1		{	background:url(cs2-1.gif) top left no-repeat; }
.cs2-2		{	background:url(cs2-2.gif) top right no-repeat;   }
.cs2-3		{	background:url(cs2-3.gif) bottom left no-repeat; }
.cs2-4		{	background:url(cs2-4.gif) bottom right no-repeat;   }





/* ---------------------------------------------=---------------- */

#footer{
	clear:both;/*padding:6px;background:#007DB7;*/
	color:#FFFFFF;
	background-image:url(footer.gif);
	width:970px;
	height:104px;
	overflow:hidden;
	font-size:80%;
	}
#footer .gutter{
	padding-top:16px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	}
#footer .column{	float:left; 	width:180px;}
#footer .columnr{	float:right;	width:180px;
	}
		 
#footer a{
	color:#FFFFFF;
	}