/* ~~~ Beyond The Orphanage Stylesheet Created by Brighton Consulting ~~~ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2009, Brighton Consulting */
/* Added: July 28th, 2009 */
/* Visit www.brightonconsulting.com.au */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere. */

/* ~~~ SITE COLOURS ~~~ */
/*
	#d6492a - BTO Red
	
	#183f0f - BTO Dark Green
		
	Other colours
	
	#444444 - text
	#0000ff - Headings / links
	#d6492a - Hover
	#777777 - Copywrite	 
*/
	
/* ~~~~~ IE HACK GUIDELINES ~~~~~
p  {
  width:200px; ~~ All browsers 
  *width:250px; ~~ IE 
  _width:300px; ~~ IE6 
  .width:200px; ~~ IE7
}
*/

/* ~~~ GENERAL SITE-WIDE STYLES ~~~ */
/* ~~~ DO NOT MODIFY WITHOUT GOOD REASON ~~~ */

body { behavior:url("/build/javascript/csshover2.htc"); }

/* RESET all browsers to zero */
* {    
     margin:0;   
     padding:0;   
 }
table {   
     border-collapse:collapse;   
     border-spacing:0;   
}   
 fieldset,img {    
     border:0;
	 outline:none;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
    list-style:none;   
}   
caption,th {   
    text-align:left;   
}   
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}   

html, body {
	height:100%;
	min-height:100%;
}

/* ~~~~~~ PRESET SITE FONTS ~~~~~~ */
html {font-size:13px;} /*Set IE browsers to 13px standard font size */

* html {font-size:81.25%;} /*Set IE browsers to 13px standard font size */

/* Set font sizes for WYSIWYG to match document */
body {
	font-size:1.0em; /*Set WYSIWYG to 16px standard font size */
	font-family: "Arial", Verdana, Helvetica, sans-serif; 
	color:#444444;
	text-align:left;
	line-height:18px;
}

div,  span,  input,  select, p, th, dd, table, li {
	font-size:1.0em;
}

h1 {font-size:1.8em; color:#183f0f; font-weight:normal; padding-bottom:5px; margin-top:8px;}
h2 {font-size:1.5em; color:#183f0f; font-weight:normal; padding-bottom:5px; margin-top:5px;}
h3 {font-size:1.3em; color:#183f0f; font-weight:bold; padding-bottom:5px; margin-top:5px;}
h4 {font-size:1.0em; color:#444444; font-weight:bold;}
h5 {font-size:0.8em; color:#444444; font-weight:bold;}

/* ~~~~~~ PRESET CONTENT STYLES ~~~~~~ */
p, ul {
	padding-top:8px;
	padding-bottom:8px;
}
table {
	margin:10px 0;
}
table td {
	padding:5px;
}
h4, h5 {
	margin-top:18px;
}
ul {
	list-style-type:disc;
	margin-left:15px;
}
ul li {
	padding:5px;
}
ul li ul {
	list-style-type:circle;
}
ul.alphalist {
	margin-left:15px;
	list-style-type:lower-alpha;	
}
ul.romanlist {
	margin-left:15px;
	list-style-type:lower-roman;
}
ul.numlist {
	margin-left:20px;
	list-style-type:decimal;
}
ul.arrowlist, ul.ticklist {
	list-style-position:outside;
	_list-style-position:inside;
	list-style-type:none;
	list-style-image:none;
}
ul.ticklist li {
	margin-left:0px;
	background:url(/old_uploads/images/page_images/tick_2.gif) top left no-repeat;
	_background:none;
	_list-style-type:disc;
	padding:3px 0 3px 20px;
	display:block;
	overflow:hidden;
}
ul.arrowlist li {
	margin-left:0;
	padding-left:15px;
	_list-style-type:square;
	background:url(/build/images/page_images/arrow2.png) 0px 11px no-repeat;
	_background:none;
	font-size:1.0em;
	display:block;
}
ul.arrowlist li a {
	color:#0000ff;
}
ul.arrowlist li a:hover {
	color:#d6492a;
	text-decoration:underline;
	outline:none;
}

/* ~~~~~~ PRESET LINKS ~~~~~~ */
a {
	outline:none;
	text-decoration:none;
}
a:link {
	color:#0000ff;
}
a:visited {
	color:#990066;
}
a:hover, a:active {
	color:#d6492a;
	text-decoration:underline;
	outline:none;
}

/* ~~~~~~ Universal Classes ~~~~~~ */
.hidden {
	display:none;
}
.clear {
	clear:both;
}

/* ~~~~~~ CLEARFIX HACK ~~~~~~ */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {

	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

/* ~~~~~~~ NGMENU NOSCRIPT CSS ~~~~~~ */
div#navbar ul {
	color:#fff;
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:12px;
}
div#navbar ul li {
	float:left;
	position:relative;
	padding:0;
	min-width:50px;
	width:auto !important;
	width:50px;
	white-space:nowrap;
}
div#navbar ul li a {
	display:block;
	height:29px;
	line-height:29px;
	padding:0 12px 0 14px;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	background:url(/build/images/nav_bar_divider.gif) bottom left no-repeat;
}
div#navbar div div noscript ul li:first-child a {
	background:none;
}
div#navbar ul li a:hover, div#navbar ul li a:active, div#navbar ul li:first-child a:hover, div#navbar ul li:first-child a:active {
	background-color:#99ca3c;
}
div#navbar ul li ul, div#navbar ul li ul ul {
	display:none;
}
div#navbar ul li ul {
	position:absolute;
	top:29px;
	left:0;
	width:auto;
	float:left;
	background-color:#098944;
	z-index:10000;
}
div#navbar ul li:hover ul {
	display:block;
}
div#navbar ul li:hover ul li {
	float:none;
	position:relative;
	display:block;
	width:100%;
	border-top:1px solid #80bb9a;
}
div#navbar ul li:hover ul li a {
	display:block;
	height:29px;
	line-height:29px;
	color:#fff;
	background:none;
	padding:0 12px;
}
div#navbar ul li:hover ul li:first-child {
	border-top:none;
}
div#navbar ul li:hover ul li a:hover, div#navbar ul li:hover ul li a:active {
	background-color:#99ca3c;
	color:#098944;
}
div#navbar ul li:hover ul ul {
	display:none;
	position:absolute;
	top:0;
	left:100%;
	width:auto;
	background-color:#098944;
	float:left;
}
div#navbar ul li:hover ul li:hover ul {
	display:block;
}

/* ~~~~~~~ TABLE STRIPES ~~~~~~ */
table.stripes {
	width:100%;
	margin:1em auto;
	border-collapse:collapse;
	}
table.stripes tr.odd td	{
	background:#f7faec;
	}
table.stripes tr.even td	{
	background:#ecf0cf;
}
table.stripes td {
	border-bottom:1px solid #999;
	padding:.3em 1em;
	}
	
/* ~~~~~~~ TABLE FANCY ~~~~~~~ */	
#category table.fancy {
	width:688px;
}
	table.fancy thead tr th {
		padding:.3em 1em;
		font-weight:bold;
		border:0;
		color:#fff;
		font-size:13px;
		background:#098944;
	}
table.loaded {
	background-color:;
	background:#098944 url(/build/images/tbl_fancy_header_top.gif) top left no-repeat;
}
	table.loaded thead tr {
		background-image:none;
		background:url(/build/images/tbl_fancy_header_btm.gif) bottom left no-repeat;
		position:relative;
	}
		table.loaded thead tr th {
			background:none;
		}
		/*table.fancy thead tr th.round {
			background:url(/build/images/tbl_fancy_header_top.gif) top left no-repeat;
			padding:0;
			line-height:7px;
		}*/
			table.fancy thead th a {
				color:#f7faec;
				text-decoration:underline;
			}
table.fancy tbody {

}

/*
	WYSIWYG FIXES - DON'T CHANGE WITHOUT CONSULTATION
	The following style makes p and ul tags show as br tags in tables for the same results in IE and FF
*/
.mainbody table p, .mainbody table ul  {
	margin-top:0px;
	margin-bottom:0px;
}

/*  Template css   */

/*BACKGROUND STUFF */
.bodybg { background-color:#f7faec; }


/* SUPERSIZE STYLES */


/* CONTAINER STYLES */
#placeContainer {}

	#container {
		margin:0 auto;
		width:960px;
		padding:10px 0;
		position:relative;
		text-align:left;
	}
/*bgTop*/
		#bgTop {
			height:17px;
			width:960px;
			background:url(/build/images/bg/top_2.png) top center no-repeat; 
		}
		/* IE6 */
		#bgTop {
			_background:url(/build/images/bg/top_2.gif) top center no-repeat; 
		}
/*bgMid*/
		#bgMid {
			background:url(/build/images/bg/mid_2.png) top center repeat-y; 
			width:960px;
			position:relative;
		}
		/* IE6 */
		#bgMid {
			_background:url(/build/images/bg/mid_2.gif) top center repeat-y; 
		}
/*bgBtm*/
		#bgBtm {
			height:17px;
			width:960px;
			background:url(/build/images/bg/btm_2.png) top center no-repeat;
		}
		/* IE6 */
		#bgBtm {
			_background:url(/build/images/bg/btm_2.gif) top center no-repeat;
		}

/*midContainer*/
			#midContainer {
				width:950px;
				margin:0 auto;
			}


/* ~~~ topLinks ~~~ */

#topLinks {
	position:relative;
	width:950px;
	height:20px;
	font-size:10px;	
}
	#topLinks ul {
		list-style:none;
		padding:0;
		margin:0;
		position:absolute;
		top:-4px;
		right:110px;
	}
		#topLinks ul li {
			border-right:1px solid #444;
			padding:0 8px;
			margin:0;
			float:left;
			line-height:12px;
		}
		#topLinks ul li:last-child {
			border-right:none;
		}
			#topLinks ul li a {
				color:#444444;
			}
			#topLinks ul li a:hover {
				color:#d6492a;
				text-decoration:underline;
			}
	
	div#tools {
		width:87px;
		height:30px;
		position:absolute;
		right:10px;
		top:-8px;
	}
		div#tools div#search {
			height:16px;
			width:87px;
			background:url(/build/images/header_tools_search_bg.gif) no-repeat;
		}
			div#tools div#search form input.inputbox {
				background:transparent;
				border:none;
				font-size:10px;
				line-height:13px;
				height:13px;
				margin:0;
				outline:none;
				width:81px;
				position:absolute;
				left:4px;
				top:2px;
			}
			div#tools div#search form input.image {
				height:19px;
				width:62px;
				position:absolute;
				top:5px;
				right:4px;
			}

/* ~~~ HEADER ~~~ */

#header {
	position:relative;
	width:950px;
	height:105px;
	background:url(/build/images/bg/navBG.gif) top left repeat-x;	
}
	div#logo {
		position:absolute;
		top:15px;
		left:53px;
		width:235px;
		height:75px;
	}

/* ~~~~CONTENT~~~~ */
#content {
	width:950px;
	overflow:hidden;
	padding-bottom:10px;
}

/* ~~~~Sidebar_L~~~~ */
	div#sidebar_L {
		float:left;
		display:block;
		width:286px;
		padding-left:20px;
		padding-top:22px;
	}
		#spot1, #spot2, #spot3, #spot4, #spot5 { 
			padding-top:14px;
		}

/* ~~~~MAIN~~~~ */
	div#main {
		float:left;
		width:604px;
		overflow:hidden;
		position: relative; 
		padding-left:20px;
	}
/*page_header*/
		div#page_header {
			width:100%;
			height:80px;
			overflow:hidden;
			position:relative;
		}
/*breadcrumbs*/
			div#breadcrumbs { 
				height:16px;
				margin:6px 0;
				font-size:.9em;
				line-height:16px;
			}
				div#breadcrumbs span {
	
				}
/*print_icon*/
				#breadcrumbs span.pagefunctionicon {
					float:right;
					position:relative;
					margin:0 5px;
				}
					#breadcrumbs span.pagefunctionicon img {
						padding:0 10px;
					}
/*styleswitcher*/
					#breadcrumbs span.styleswitcher {
						float:right;
						position:relative;
						font-size:11px;
					}
						#breadcrumbs .styleswitcher a:link, #breadcrumbs .styleswitcher a:visited{
							color:#444444;
						}
					#breadcrumbs .pathway {
						float:right;
						line-height:16px;
						padding-right:15px;
						position:relative;
						font-size:11px;
						text-decoration:none;
					}
						#breadcrumbs .pathway a:link, #breadcrumbs .pathway a:visited {
							color:#444444;
						}
						#breadcrumbs .pathway img {
							padding:0 5px;
						}
						#breadcrumbs .pathway a:hover, #breadcrumbs .styleswitcher a:hover {
							color:#d6492a;
						}
/*pagetitle*/						
	div#pagetitle {	
		font-size:30px;
		color:#183f0f;	
		padding-left:4px;
		padding-top:5px;
	}
/*int_content*/						
	#int_content {
		padding:0 5px 15px;
	}
		#int_content p {
			padding:
		}
					
/*Page Images*/						
	#int_content img {
		background:#ffffff;
		padding:5px;
		border-top:1px solid #DEDEDE;
		border-left:1px solid #DEDEDE;
		border-right:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;
		margin:15px;
	}
	
	#int_content img.image-left-white {
		float:left;
		margin-left:0;
	}
	
	#int_content img.image-right-white {
		float:right;
		margin-right:0;
	}					
*/						
						
						

/* ~~~~FOOTER~~~~ */

#footer {
	margin:0 auto;
	width:950px;
	min-height:60px;
	position:relative;
	overflow:hidden;
}
	#footer div#footer_bar {
		border-top:#000 1px solid;
		margin:0 20px;
		width:910px;
		font-size:10px;
	}
		#footer_bar ul#footer_subnav {
			list-style:none;
			margin-left:-8px;
			padding:10px 0 0 0;
			display:block;
			width:100%;
			overflow:hidden;
		}
			ul#footer_subnav li {
				border-right:1px solid #444;
				padding:0 8px;
				margin:0;
				float:left;
				line-height:12px;
			}
			ul#footer_subnav li:last-child {
				border-right:none;
			}
			ul#footer_subnav li.last {
				border-right:none;
			}

				ul#footer_subnav li a {
					color:#444444;
				}
				ul#footer_subnav li a:hover {
					color:#d6492a;
					text-decoration:underline;
				}
		#footer div#footer_bar ul#copyright li {
			border-right:1px solid #666;
		}
			#footer div#footer_bar ul#copyright li.last {
				border-right:none;
			}


/* ~~~~ NAVBAR ~~~~ */
#navbar {
	position:absolute;
	top:90px;
	right:30px;
	width:700px;
	height:29px;
	z-index:2000;
	text-align:left !important;
}

/* ~~~ SUBSCRIPTION FORM ~~~ */


div#subscription_form {
	border-top:1px solid #ccc;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #ccc;
	background:#fff;
	position:relative;
	margin:0;
	padding:15px;
}
	div#subscription_form div#req_info {
		position:absolute;
		width: 200px;
		top:15px;
		right:15px;
		text-align:right;
	}
		div#subscription_form div#req_info p {
			padding:3px;
			margin:0;
		}
	div#subscription_form div.field {
		padding:8px 0;
	}
		div#subscription_form div.field span {
			display:inline-block;
			width:100px;
		}
	div#subscription_form fieldset.optional {
	
	}
		div#subscription_form fieldset.optional div.checkfield {
			padding:8px 0;
		}
			div#subscription_form fieldset.optional div.checkfield span {
				padding-left:8px;
			}
		div#subscription_form fieldset.optional div#privacy_info {
			padding:5px;
			border:1px dotted #eee;
		}

	div#subscription_form fieldset.submit {
		position:relative;
	}
		div#subscription_form fieldset.submit div#veri_info {
			position:absolute;
			top:0;
			right:0;
			width:250px;
			text-align:right;
		}
			div#subscription_form fieldset.submit div#veri_info p {
				/*border-left:1px dotted #eee;*/
			}
			
			
/* ~~~ PRINT PAGE TEMPLATE ~~~ */

body.print {
	background:#fff;
	width:100%
}
	.print div#printHeader {
		width:100%;
		background:#ffe611;
		position:relative;
		padding:1em 2em;
	}
		.print div#printHeader img {
			display:block;
		}
	.print div#main {
		width:100%;
		padding:1em 2em;
	}
		.print div#main h1.title {
			font-size:2.0em; 
			color:#183f0f; 
		}
		.print div#main img {
			background:none;
			border:1px solid #cccccc;
		}