/* Default style sheet for www.collinsstreetplaygroup.com.au */


div.box {
			width:180px;
			height:661px;
			float:left;
			background-color:#CCC;
			padding:0 5px 0 5px;
			margin:0 0px 0 10px;
			background-color:
}

div.box2 {
			width:182px;
			float:left;
			padding:0 5px 0 5px;
}

#navbar {
			font-size:12px;
			font-family:Tahoma, Geneva, sans-serif;
			font-weight:bold;
			float:left;
			height:35px;
			background:url(navbar_bg.gif) left no-repeat;
			letter-spacing:0.03em;
			word-spacing:0.03em;
			background-color:#6ab532;
			padding:0px 0 0 175px;
			width:783px;
}

#navbar a {
			border-bottom:none;
			margin:0 5px 0 5px;
			color:#F8F8F8;
			letter-spacing:0.09em;
			padding:8px 4px 0px 4px;
			height:32px;
			float:left;
}

#navbar a.first {
			margin:0 5px 0 -3px;
			float:left;
}

#navbar a:hover {
			background-color:#8dd855;
}

div.first_aid {
			float:right;
			padding:10px;
			border:2px solid #DE0043;
			width:296px;
			margin:40px -14px 25px 0px;
			color:#DE0043;
			text-align:center;
			font-weight:bold;
}

img.logo {
			float:left;
			margin:0px 0px 0px 17px;
}


div.adjust {
			margin:0 0 0 51px;
			margin:0 0 0 61px;
			float:left;
			height:30px;
			width:61px;
			padding:23px 0;
}

.centre {
			text-align:center;
}

img {
			border: none;
}

h1 {
			font-family:Arial, sans-serif;
			font-weight:bold;
			color:#24426F;
			font-size:16px;
			margin:0 0 5px 0;
}

h2 {
			font-family:Arial, sans-serif;
			font-weight:bold;
			color:#212185;
			font-size:13px;
			margin:10px 0;
}

.blue {
			color:#212185;
}

#rounded_box {
			color:#FFF;
			float:right;
			width:306px;
			margin:10px 0px 0px 35px;
}

	#rounded_box div.top {
				height:15px;
				background:url(rounded_box_top.gif) no-repeat;
				float:left;
				width:321px;
	}
	
	#rounded_box div.middle {
				background:url(rounded_box_mid.gif) repeat-y;
				float:left;
				padding:5px 20px 5px 20px;
				width:281px;
	}
	
	#rounded_box div.bottom {
				height:15px;
				background:url(rounded_box_bottom.gif) no-repeat;
				float:left;
				width:321px;
	}
	
/* -------------------------
	Structural Elements
--------------------------- */

body   {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px; 
			margin:0px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
			padding: 0;
			text-align:center; /* this centres the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
			color:#333333;
			line-height:170%;
			word-spacing:.05em;
   			background-image: url(bg_top.gif), url(bg_main.gif);
    		background-repeat: repeat-x, repeat;
}

#container { 
			width:990px; 
			margin:0 auto; /* the auto margins (in conjunction with a width) centre the page */
			text-align:left; /* this overrides the text-align: center on the body element. */
			background-color:#FFF
} 

#header {
			width:975px;
			height:130px;
			float:left;
			background-image:url(shadow.png);
			padding:0 0 0 15px;
}

#header_top {
			width:990px;
			height:10px;
			background-image:url(shadow_top.png);
			float:left;
}

#subpage_lower_header {
/*			background:url(logo_bottom.gif);
*/			background:url(logo_bottom.png);
			width:990px;
			height:32px;
			float:left;
			margin:0 0 0 -15px;
}

#footer_btm {
			width:990px;
			height:10px;
			background-image:url(shadow_btm.png);
			float:left;
			margin:0 0 10px 0;
}

#mid {
			width:975px;
			float:left;
			font-size:11px;
			line-height:160%;
			background-image:url(shadow.png);
			padding:0 0 0 15px;
}

#mid.subpage {
			margin:32px 0 0 0;
			padding:20px 60px 0px 15px;
			width:915px;
			background-image:url(shadow.png);
}

#right_col {
			width:341px;
			width:321px;
			float:right;
}

#right_col img {
			float:right;
			margin:0 -14px 0;
}

#left_col {
			float:left;
			width:158px;
			padding:48px 0px 0px 0px;
}

#left_col a {
			margin:0px 0 15px 0;
			float:left;
}

#content {
			float:left;
			margin:0 0 100px 0;
			width:436px;
}

#content {
			float:left;
			margin:0 0 100px 0;
			width:436px;
}

#content.wide {
			width:750px;
}

p {
			margin:5px 0 0 0;
}

div.main {
			width:639px;
			height:484px;
			float:left;
}

#panel {
			width:213px;
			height:181px;
			float:left;
			color:#FFF;
			font-size:12px;
			font-family:Tahoma, Geneva, sans-serif;
			font-weight:bold;
			letter-spacing:0.05em;
			word-spacing:0.09em;
}

.intro {
			width:321px;
			height:484px;
			background-image:url(intro_bg.gif);
			float:left;
			font-size:12px;
}

.intro_text {
			color:#F8F8F8;
			margin:162px 0px 0 23px;
			text-align:left;
			width:280px;
			float:left;
}

#facebook {
			float:left;
			margin:7px 0 0 21px;
}

a {
			color:#24426F;
			text-decoration:none;
}

a.pdflink {
			background:url(pdf_icon.png) no-repeat;
			padding-left:27px;
			height:30px;
			padding-bottom:3px;
			padding-top:2px;
			font-weight:bold;
			font-size:11px;
			letter-spacing:.02em;
}

#footer {
			width:975px;
			height:105px;
			float:left;
			margin:0px 0;
			background-image:url(shadow.png);
			padding:0 0 0 15px;
}

#footer.home {
			height:70px;
}

#footer_nav {
			float:left;
			width:959px;
			height:38px;
			padding:42px 0 0 1px;
			background:url(footer_bg.gif) top;
			margin:0 0 0px 0;
			color:#F8F8F8;
}

#footer_nav.home {
			background:url(footer_bg_home.gif) top;
			height:40px;
			padding:9px 0 0 1px;
}

#footer_nav a {
			font-size:10px;
			border-bottom:none;
			margin:-1px 5px 0;
			color:#F8F8F8;
			float:left;
}

.slightly_smaller {
			font-size:10px;
}

#sessions {
			float:left;
			margin:-10px 0 0 0px;
			background-color:#f1f1f1;
			width:460px;
			border-collapse:collapse;
			text-align:left;
}

#sessions td.blank {
			text-align:center;
			border-bottom:none;
			margin:0;
}
	
#sessions th {
			border-bottom:2px solid #999;
			font-weight:bold;
			padding:0 0 6px 0;
			color:#333;
}
	
#sessions td {
			border-bottom:1px solid #CCC;
			padding:6px;
			vertical-align:text-top;
}

.centre {
			text-align:center;
}

#smallprint {
			font-size:9px;
			color:#999;
			float:left;
			margin:-8px 0 0 2px;
}

#smallprint a {
			color:#666;
			font-size:9px;
}

#mid.subpage ul { 
			list-style:url(bullet.gif) outside;
			margin-left:30px;
			padding-top:5px;
			padding-bottom:5px; 
}

#mid.subpage li {
			padding:0px 0px 0px 12px;
			margin:2px 0px;
}
	        
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
			clear:both;
			height:0;
			font-size:1px;
			line-height:0px;
}

.fltlft {
			float: left;
}

.fltrt {
			float: right;
}

.larger {
			font-size-adjust:0.70;
}

.slightly_bigger {
			font-size-adjust:0.60;
}

.emphasize {
   			font-weight:bold;
}

.scarlet {
			color:#DE0043;
}

.italic {
			font-style:italic;
}

blockquote {
			font-style:italic;
			font-weight:bold;
}

#standard {
			margin:10px 20px 0px 0px;
			background-color:#F1F1F1;
			border-collapse:collapse;
			float:left;
}
	
#standard th {
			border-bottom:2px solid #999;
			font-weight:bold;
			padding:6px;
			color:#333;
			text-transform:uppercase;
			text-align:left;
}
	
#standard td {
			border-bottom:1px solid #CCC;
			padding:6px;
			vertical-align:text-top;
}

/* Slideshow */

* {margin:0; padding:0}

#wrapper {	width:639px; 
			margin:0px auto;
}

#slideshow {
			width:639px; 
			height:302px; 
			background:#ff0000;
			padding:0px 0px 0px 0px;
}

#slides {
			position:relative; 
			width:639px; 
			height:302px; 
			list-style:none; 
			overflow:auto;
}

#slides li {
			width:639px; 
			height:302px;
}


/* Customise Google Map */
#map_canvas {
			float:left;
			margin:10px 0;
}

	#map_canvas iframe {
				border:1px solid #CCC;
				width:351px;
				height:257px;
	}
	
	#map_canvas a {
				color:#212185;
				font-size:9px;
	}
	
/*** Form Elements ***/

label {
			font-style:italic;
			margin:0px 0 0 1px;
			width:220px;
}

input.formInputField {
			border:solid 1px #C5C5C5;
			background-color:#FFFFFF;
			color:#666666;
			font-size:10px;
			margin-bottom: 3px;
			padding:2px;
			height:13px;
			width:160px;
			display:block;
}

textarea { 
			border:solid 1px #C5C5C5;
			background-color:#FFFFFF;
			color:#666666; 
			font-size:11px;
			width:336px;
			font-family:Tahoma, Arial, Helvetica, sans-serif;
}

fieldset {
			width:335px;
			background-color:#F6F6F6;
			border:solid 1px #CCCCCC;
			padding:10px 10px 10px 10px;
			float:left;
			margin:10px 0px 15px 0px;
}

.phone {
			background-image:url(mob_icon.gif);
			background-position:left;
			background-repeat:no-repeat;
			padding:0 0 0 18px;
			float:left;
}

.fax {
			background-image:url(fax_icon.gif);
			background-position:left;
			background-repeat:no-repeat;
			padding:0 0 0 18px;
			margin:0px 0 0 5px;
			float:left;
}

.email {
			background-image:url(mail_icon.gif);
			background-position:left;
			background-repeat:no-repeat;
			padding:0 0 0 16px;
			float:left;
			margin:-1px 0 0 4px;
}

.document {
			background-image:url(document_icon.gif);
			background-position:left;
			background-repeat:no-repeat;
			padding:0 0 0 18px;
			font-size:9px;
			color:#999;
}

.contact {
			width:450px;
			float:left;
			padding:0px 0px 0px 329px;
			margin:3px 0px 0px 0px;
}

div.adjust {
			margin:-12px 140px 0px;
			float:right;
}

#box {
			width:380px;
			height:300px;
			border:1px solid #666;
			background-color:#FFF;
			margin:150px 0 0 300px;
			float:left;
			padding:10px;
			font-size:12px;
			background-image:url(box_bg.gif);
			text-align:left;
}

.echo {
			margin:0 0 0 300px;
			float:left;
			font-size:12px;
			background-color:#FFF;
}

.pad {
			padding:0 0 0 10px;
}

#contact_details {
			float:left;
			margin:100px 0 20px -60px;
			width:350px;
			padding:10px;
			background-color:#CCC;
}

#contact_details td {
			vertical-align:top;
}

/*** Photo Gallery ***/

#thumbs     {
			float:left;
			margin:5px 0 15px 0px;
			}

			#thumbs img {
						border:1px solid #CCCCCC;
						float:left;
						margin:0 3px 3px 0;
						}
						
#directory {
		float:left;
		background-color:#F8F8F8;
		width:475px;
		border-collapse:collapse;
		margin:0px 0px 13px 0px;
	}
	
	#directory th {
		border-bottom:2px solid #999;
		font-weight:bold;
		padding:6px;
		color:#333;
	}
	
	#directory td {
		border-bottom:1px solid #CCC;
		padding:6px;
		vertical-align:text-top;
	}
	
	#directory td.no_border {
		border-bottom:none;
		font-weight:bold;
		padding:6px 6px 0px 6px;
	}
	
	#directory a {
		font-weight:bold;
	}