/** BASIC */



html, body {
	height: 100%;
}

.bg5 {
	padding: 20px 22px 35px 19px;
}

.bg7 {
	padding: 20px 22px 35px 19px;
}

.bg8 {
	padding: 20px 22px 35px 19px;
}


.bg9 {
	padding: 20px 22px 35px 19px;
}


.bg10 {
	padding: 20px 22px 35px 19px;
}


/** HEADER */

#header {
	width: 778px;
	height: 160px;
	margin: 0px auto;
}

#logo {
	float: left;
	width: 248px;
	height: 160px;
	background: url(../images/homepage_logo.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	display: none;
}

#menu {
	float: right;
	width: 530px;
	height: 160px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 160px;
}

#menu a span {
	display: none;
}

#menu1 { width: 129px; background: url(../images/children_link.jpg) no-repeat left top; }
#menu2 { width: 130px; background: url(../images/youngpeople_link.jpg) no-repeat left top; }
#menu3 { width: 126px; background: url(../images/parents_link.jpg) no-repeat left top; }
#menu4 { width: 145px; background: url(../images/practitioners_link.jpg) no-repeat left top; }

/** PAGE */

#page {
	width: 778px;
	margin: 0px auto;
}

#busdiv {
visibility:hidden;
}

.bg1 { background-position: 39px 0px;}
.bg2 { background-position: 39px 0px;}
.bg3 { background-position: 39px 100%;}

#content {
	float: right;
	width: 416px;
	padding: 35px 65px 0px 0px;
	background: url(../images/bg05.jpg) no-repeat right top;
}

#sidebar {
	float: left;
	width: 146px;
	padding: 35px 0px 0px 63px;
	background: url(../images/bg04.jpg) no-repeat left top;
}

#bottomsidebar {
	width: 146px;
	padding: 35px 0px 0px 63px;
	background: url(../images/bg04.jpg) no-repeat left top;
	height:105px;
	text-align:center;
	top:20px;
	
}

#sidebarspace {
float: left;
	width: 146px;
	background: url(../images/bg04.jpg) no-repeat left top;
	position:relative;
}

/** BOXlinks */

#boxlinks {
}

#reglinks {
width:420px;
text-align:center;
}
/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {	
	float: left;
	width: 184px;
}

/** BOX3 */

#box3 {
	float: right;
	width: 184px;
}

#box3a {
	float: right;
	width: 184px;
}


/** BOX4 */

#box4 {
}
#box4 table {
}

/** BOX5 */

#box5 {
text-align:center;
line-height:0.5;
vertical-align:bottom;
bottom:50px;
}

#box6 {

}


form{margin:0;padding:0;}

fieldset{margin:1em 0;border:none;border-top:1px solid #ccc;}

legend{margin:1em 0;padding:0 .5em;color:#036;
background:transparent;
font-size:1.3em;
font-weight:bold;}

label{float:left;width:150px;padding:0 1em;text-align:right;color:#036;}

fieldset div{margin-bottom:.5em;padding:0;display:block;}

fieldset div input,fieldset div textarea{width:150px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}

fieldset div select{padding:1px;}

div.fm-multi div{margin:5px 0;}

div.fm-multi input{width:1em;}

div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}

#fm-submit{clear:both;padding-top:1em;text-align:center;}

#fm-submit input{border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%;}

input:focus,textarea:focus{background:#efefef;color:#000;}

fieldset div.fm-req{font-weight:bold;}

fieldset div.fm-req label:before{content:"* ";}


#container{margin:0 auto;padding:1em;width:350px;text-align:left;}p#fm-intro{margin:0;}



/** FOOTER */

#footer {
	width: 778px;
	height: 97px;
	margin: 0px auto;
	padding-top: 25px;
}

#addthis {
width:778px;
}


/*#google_map { margin-left:180px; }*/  
.venue_menu { float:left; width:160px; border:1px solid red; }
.venue_menu UL LI { margin-left:1.5em; }
.venue_menu UL LI INPUT { display:none; }
.venue_menu UL UL LI { margin-left:1.5em; }
.venue_menu UL UL LI INPUT { display:inline; }


DIV.map_view TABLE { width:70%; margin-top:2em; }
DIV.map_view DIV.map_section {  }
DIV.map_view DIV.categories { float:right; width:230px; }
DIV.google_map {  }
DIV.map_view DIV.categories UL LI { list-style:none; margin-left:0; }
DIV.map_view DIV.categories UL UL LI { margin-left:2.5em; }
DIV.map_view DIV.area_distance { padding:3px; border:1px solid #ddd;margin-bottom:3px; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }