/*
	Three Bears Kindergarten
	General Screen Styles
	-Created by Chris Pearce
	-chris@cstech.net.au
*/
/****************************************************************************************
																  >> General Selectors << 
*****************************************************************************************/
/*---Eric Meyer's Reset Rules: 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*-------------------------------------------[GLOBAL RULES]---*/
body {
	color: #6c6c6c;
	background: #fff url("../_images/css/body-bg.jpg") repeat-x 0 0;
	font: normal 86%/1.4 "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 10px 0;
	text-align: center; /* Center design for IE 5 and below */
}
a:link, a:visited {
	color: #00a0c2;
	text-decoration: none;
}
a:hover {
	color: #6c6c6c;
	text-decoration: underline;
}
a:active, a:focus {
	color: #333; 
	text-decoration: underline;
}
:focus {outline: 0;}
ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #6c6c6c;
}
dfn { 
	font-weight: bold; 
	font-style: normal; 
}
code {
	font-family: "Courier New", Courier, monospace;
	color: #99CC00;
}
h1 {
	position: absolute;
	top: 47px;
	left: 34px;
}
	h1 a {
		display: block;
		text-indent: -9999px;
		width: 237px;
		height: 155px;
		background: url("../_images/css/logo.jpg") no-repeat 0 0;
	}
h2,h3,h4,h5,h6 {
	color: #00a0c2;
	font-weight: bold;
	font-size: 150%;
	margin: 0 0 0.40em;
}
h3,h4,h5,h6 {
	margin: 0 0 0.20em;
	font-size: 120%;
}
h4,h5,h6 {
	font-size: 114%;
	color: #719728;
}
h2 + h3, h3 + h4, h4 + h5, h5 + h6 {margin-top: 1em;}
/*-------------------------------------------[SPECIFIC RULES]---*/
#page_copy p {margin-bottom: 1.3em;}
#page_copy p + ul {margin-top: -0.60em;}
#page_copy ul, #page_copy ol {margin: 0 0 1.5em 26px;}
#page_copy ul ul, 
#page_copy ol ol {margin: 0.40em 0 0.80em 16px;}
#page_copy ul li {list-style: disc;}
#page_copy ul li ul li {list-style: circle;}
#page_copy ol li {list-style: decimal;}
/*---External Links---*/
#page_copy a[href^="http:"] {
	background: url("../_images/css/external_link.gif") no-repeat top right;
	padding-right: 10px;
}
#page_copy a[href^="http://www.threebearskindy.com.au"] {
	background: none;
	padding-right: 0;
}
h2#title_home {
	font-size: 260%;
	position: relative;
	padding-top: 22px;
}
	h2#title_home span {
		display: block;
		font-size: 50%;
		text-transform: lowercase;
		position: absolute;
		left: -20px;
		top: 0;
	}

/****************************************************************************************
																		     >> Layout << 
*****************************************************************************************/			
/*-------------------------------------------Hide Elements off Screen---*/
.hide {
	position: absolute;
	top: -9999px;
}
.hide2 {display: none;}

/*-------------------------------------------Wrapper---*/
#wrapper {
	width: 990px;
	margin: 0 auto;
	background-color: #fff;
	padding-top: 10px;
}

/*-------------------------------------------Header---*/
#header {
	height: 202px;
	position: relative;
	background: url("../_images/css/header-bg.gif") no-repeat 0 0;
	margin: 0 10px;
}
	/*-------------------------------------------Nav---*/
	#header ul#nav {
		height: 31px;
		width: 576px;
		display: inline; /* Fix IE double margin float bug */
		margin: 159px 96px 0 0;
		float: right;
	}
	#header ul#nav li {
		float: left; 
		line-height: normal;
	}
	#header ul#nav li a {
		display: inline; /* Fix IE double margin float bug */
		float: left;
		text-indent: -9999px;
		height: 31px;
		width: 130px;
		background-image: url("../_images/css/nav-links.jpg");
		background-repeat: no-repeat;
		margin-left: 18px;
	}
	#header ul#nav li#nav_1 a {
		background-position: 0 0;
		margin-left: 0;
	}
	#header ul#nav li#nav_1 a:hover,
	#header ul#nav li#nav_1 a.active {background-position: 0 -31px;}
	#header ul#nav li#nav_2 a {background-position: -148px 0;}
	#header ul#nav li#nav_2 a:hover,
	#header ul#nav li#nav_2 a.active {background-position: -148px -31px;}
	#header ul#nav li#nav_3 a {
		background-position: -297px 0;
		margin-left: 19px;
	}
	#header ul#nav li#nav_3 a:hover,
	#header ul#nav li#nav_3 a.active {background-position: -297px -31px;}
	#header ul#nav li#nav_4 a {background-position: -445px 0;}
	#header ul#nav li#nav_4 a:hover,
	#header ul#nav li#nav_4 a.active {background-position: -445px -31px;}

/*-------------------------------------------Page Copy---*/
#page_copy {
	float: left;
	width: 451px;
	margin: 20px 55px 20px 55px;
	display: inline; /* Fix IE double margin float bug */
	text-align: left;
}

/*-------------------------------------------Additional Content---*/
#aside {
	float: left;
	width: 401px;
	margin: 20px 0;
	display: inline; /* Fix IE double margin float bug */
	text-align: left;
}

/*-------------------------------------------Sub Nav---*/
ul#sub_nav {
	clear: both;
	margin: 0 10px;
	background: url("../_images/css/sub-nav-bg.jpg") no-repeat 0 0;
	height: 120px;
	position: relative;
	width: 970px;
}
	ul#sub_nav li a {
		position: absolute;
		top: 0;
		display: block;
		text-indent: -9999px;
		height: 80px;
		background-image: url("../_images/css/sub-nav-bg.jpg");
		background-repeat: no-repeat;
	}
	ul#sub_nav li#subnav_1 a {
		left: 62px;
		width: 193px;
		background-position: -62px 0;
	}
	ul#sub_nav li#subnav_1 a:hover,
	ul#sub_nav li#subnav_1 a.active {background: url("../_images/css/sub-nav-hover-1.jpg") no-repeat 100% 35px;}
	ul#sub_nav li#subnav_2 a {
		left: 297px;
		width: 225px;
		background-position: -297px 0;
	}
	ul#sub_nav li#subnav_2 a:hover,
	ul#sub_nav li#subnav_2 a.active {background: url("../_images/css/sub-nav-hover-2.jpg") no-repeat 100% 35px;}
	ul#sub_nav li#subnav_3 a {
		left: 567px;
		width: 158px;
		background-position: -567px 0;
	}
	ul#sub_nav li#subnav_3 a:hover,
	ul#sub_nav li#subnav_3 a.active {background: url("../_images/css/sub-nav-hover-3.jpg") no-repeat 100% 35px;}
	ul#sub_nav li#subnav_4 a {
		left: 768px;
		width: 138px;
		background-position: -768px 0;
	}
	ul#sub_nav li#subnav_4 a:hover,
	ul#sub_nav li#subnav_4 a.active {background: url("../_images/css/sub-nav-hover-4.jpg") no-repeat 100% 35px;}
	
/*-------------------------------------------Footer---*/
#footer {clear: both;}
	#footer p {
		font-size: 80%;
		padding: 5px 0;
	}
	
/****************************************************************************************
												  							  >> Forms << 
*****************************************************************************************/
form {}
	form fieldset {
		border: 1px solid #fff;
		border-bottom: 1px dotted #00a0c2;
		padding: 1em 0;
		line-height: 1.3;
		clear: both;
	}
	form fieldset legend {display: none;}
	form fieldset div.form-row {
		margin-top: 3px;
		padding: 0 0 2px 0;
		clear: both;
		width: 449px;
	}
	form fieldset label {
		width: 200px;
		float: left;
		padding: 2px 0;
		font-size: 95%;
		color: #719728;
	}
	form fieldset input, 
	form fieldset textarea {
		width: 170px; 
		font: 12px Arial, Helvetica, sans-serif;
		color: #666;
		border: 1px solid #999;
		border-right-color: #666;
		border-bottom-color: #666;
		background-color: #eee;
		padding: 2px;
	}
	form fieldset input.sml-input,
	form fieldset input.sml-input2 {width: 70px;}
	form fieldset input.sml-input2 {
		border: 1px solid #999 !important;
		border-right-color: #666 !important;
		border-bottom-color: #666 !important;
	}
	form fieldset select {
		border: 1px solid #999;
		border-right-color: #666;
		border-bottom-color: #666;
	}
	form fieldset textarea {
		width: 240px; 
		height: 80px; 
		overflow: auto;
	}
	form fieldset input:hover,
	form fieldset input:focus,
	form fieldset textarea:hover,
	form fieldset textarea:focus {border: 1px solid #00a0c2;}
	/*---Submit Button---*/
	form fieldset.submit {
		padding: 14px 0 0 0;
		border: none;
	} 
		form fieldset.submit input {
			width: 8em;
			padding: 1px 0.15em;
			border: 1px solid #719728;
			background: #719728;
			color: #fff;
			cursor: pointer; 
			font-weight: bold;
		}
		form fieldset.submit input:hover,
		form fieldset.submit input:focus {border: 1px solid #719728;}
	/*---Multiple Inputs [radio/checkboxes]---*/
	form fieldset div.form-row div {
		font-size: 90%;
		float: left;
		width: 248px;
		padding-bottom: 5px;
	}
	form fieldset div.form-row div.radio input {
		width: auto; 
		border: none;
		background-color: #fff;
		padding: 0;
	}
	/*---Validation & Misc Styles---*/
	form em {
		font: bold 80% Verdana, Arial, Helvetica, sans-serif; 
		color: red;
	}
	#page_copy form p {
		text-align: right;
		text-transform: uppercase;
		font-size: 90%;
		margin: 0;
	}
	/*---Fancy Validation---*/
	form fieldset input.disabled {border: 1px solid red;}
	form fieldset input.validation-failed, 
	form fieldset textarea.validation-failed {border: 1px solid red;}
	form fieldset input.validation-passed, 
	form fieldset textarea.validation-passed {border: 1px solid #63ab4c;}
	form fieldset .validation-advice,
	form fieldset .custom-advice {
		margin: 5px 0 0 0;
		padding: 2px 7px 2px 19px;
		background: url("../_images/icons/arrow.gif") no-repeat 0 0;
		font: normal 11px Arial, Helvetica, sans-serif !important;
		clear: both;
		color: maroon;
	}

/****************************************************************************************
												  					     >> Misc Stuff << 
*****************************************************************************************/	
#page_copy p.sml_txt {font: italic 80%/1.3 Arial, Helvetica, sans-serif;}
#page_copy a.btn {
	display: block;
	float: right;
	width: 150px;
	text-align: center;
	text-transform: uppercase;
	background: #71962C url("../_images/css/curve-b.jpg") no-repeat 0 100%;
	color: #fff;
	font: bold 90%/1.3 "Trebuchet MS", Verdana, Arial, sans-serif;
}
	#page_copy a.btn span {
		background: url("../_images/css/curve-t.gif") no-repeat 0 0;
		display: block;
		padding: 0.30em 0;
	}
/*---Photo Gallery---*/
#page_copy ul#imagegallery {
	list-style: none;
	margin: 0;
}
	#page_copy ul#imagegallery li {
		float: left;
		list-style: none;
		margin: 0 4px 4px 0;
		display: inline; /* Fix double margin float bug for IE */
	}
		#page_copy ul#imagegallery li a img,
		#aside img#placeholder {
			display: block;
			border: 1px solid #ccc;
			padding: 1px;
			background-color: #fff;
		}
		#aside img#placeholder {margin-top: 10px;}
		#page_copy ul#imagegallery li a:hover img {
			border-color: #00a0c2;
			background-color: #00a0c2;
		}