@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0px; padding:0px;}
:focus{outline:0;} 

body{
	background: #1A3E63;
	font-family:Arial;
	text-align:center;
	cursor:default;
	zoom:100%;}

a img {border:none; margin:0px; padding:0px;}
.container{
	position:relative;
	width:850px;
	padding:0px 30px 0px 30px;
	margin:20px auto;
	text-align:left;
	background: #fff url(images/bck-middle.png) repeat-y top left
}

/* Top part styles */
.topblock{
	position:relative;
	clear:both;
	width:850px;
	height:118px;
	margin:0px 0px 10px 0px;
	background: url(images/bck-top.png) repeat-x 0px 0px;
	border-bottom-color: #ABBCCD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#logolink{
	position:absolute;
	top:30px;
	left:30px;
	z-index:1;
}
#slogan{
	position:absolute;
	top:90px;
	left:30px;
	z-index:2;

}	
#menubar{
	position:absolute;
	top:0px;
	left:260px;
	z-index:3;
}
.sjogicon{
	float: right;
	margin-top: 90px;
	margin-right: 5px;
}
.tel{
	float: left;
	position: absolute;
	left: 635px;
	top: 50px;
}
.mainnav{
	position:relative;
	padding:0px;
	margin:0px auto;
	list-style:none;
	font-size:11px;
}
.mainnav li{list-style-type:none; float:left; padding:15px 15px 0px 15px; background:url(images/nav-sep.gif) no-repeat top right}
.mainnav li a{float:left; color:#7E417A; text-decoration:none;}
.mainnav li a:hover{float:left; color:#7E417A; border-bottom:3px solid #FFCC00}
#current a{float:left; color:#7E417A; text-decoration:none; border-bottom:3px solid #7E417A}

/* Homepage spots */
.homepagebanner{position:relative; width:850px; height:160px; clear:both; margin:10px 0px 0px 0px}
.homepagebanner p{
	font-size:14px;
	margin:10px 320px 10px 30px;
	padding:20px 0px 0px 0px;
	color:#5361A2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
}
#homepagepara{
	color:#414C80;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
	font-size:12px;
	margin:0px 320px 10px 30px;
	padding:50px 0px 0px 0px;
}

#homepagepara a{
	color:#990099;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	font-size:12px;
	text-decoration:underline
}

#homepagepara a:hover{
	color:#990099;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	font-size:12px;
	text-decoration:none
}

.homepagebanner img{margin:5px 0px 0px 380px; padding:0px;}
.homepagebanner h1{font-size:30px; line-height:34px; margin:0px 0px 10px 20px; padding:30px 0px 0px 10px; color:#B275B1}
.homepagebanner h3{font-size:14px; line-height:18px; margin:10px 320px 10px 30px; padding:0px; color:#5361A2}

/* Homepage panels */
.homepagepanelsholder{
	position:relative;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:850px;
	height:423px;
	background:url(images/bck-homepage-panel-area.jpg) no-repeat top left
}
.panel{position:absolute; width:230px; height:121px; padding:80px 20px 20px 0px; margin:0px;}
.panel p{font-size:11px; line-height:15px; color:#333; font-weight:normal; padding:0px; margin:0px 20px 0px 20px}
.panel ul{list-style-type:none; font-size:11px; line-height:11px; color:#333; font-weight:normal; margin:5px 0px 0px 10px; padding:0px 0px 0px 10px}
.panel li{padding:0px 0px 0px 10px; margin:8px 0px 0px 10px; background:url(images/panels/bck-list.gif) no-repeat left center}
.panel li a{color:#663399}

#education	{position:absolute; top:22px; left:22px; background:url(images/panels/bck-education.png) no-repeat top left}
#assessment	{position:absolute; top:22px; left:306px; background:url(images/panels/bck-assessment.png) no-repeat top left}
#talkshop	{position:absolute; top:22px; left:590px; background:url(images/panels/bck-talkshop.png) no-repeat top left}
#parents	{
	position:absolute;
	top:252px;
	left:22px;
	height:71px;
	background:url(images/panels/bck-parents.png) no-repeat top left;
	padding:60px 20px 20px 0px;
	margin:0px;
}

.hpreadmore{position:absolute; left:118px; bottom:10px}

#news		{
	position:absolute;
	top:252px;
	left:306px;
	height:91px;
	background:url(images/contact-details-header.png) no-repeat top left;
	padding:40px 20px 20px 20px;
	margin:0px;
	width: inherit;
	font-family: Arial, Helvetica, sans-serif;
	color: #414C80;
	font-size: 13px;
	font-weight: bold;
}
#howtofindus{position:absolute; top:325px; left:590px; padding:0px; width:244px;}

/* Internal pages */
.contentblock{position:relative; clear:both; margin:0px; padding:0px; width:850px;}
.content{float:left; position:relative; margin:20px 20px 0px 0px; padding:0px 10px 0px 0px; width:560px;}
.content h2{font-size:18px; line-height:22px; margin:20px 0px 20px 20px; padding:0px; color:#6673B0}
.content h3{font-size:14px; line-height:20px; margin:10px 0px 10px 20px; padding:0px; color:#666666}
.content h4{font-size:14px; line-height:20px; margin:10px 0px 0px 20px; padding:0px; color:#666666}
.content a{
	color: #B36DAF;
}
.content p{font-size:12px; line-height:17px; margin:0px 0px 10px 20px; padding:0px; color:#555555}
#listeditems li{font-size:12px; line-height:17px; margin:0px 0px 10px 0px; padding:0px; list-style-type:square; color:#555555}
#numbereditems{font-size:12px; line-height:17px; margin:0px 0px 15px 40px; padding:0px; color:#555555}
h3.violet{color:#B275B1}

#banner-home{height:170px; margin:0px; background:url(images/hearts.png) top right no-repeat}
#banner-aboutus{height:160px; margin:0px 0px 0px 0px; background:url(images/banner-aboutus.png) top left no-repeat}
#banner-education{height:160px; margin:0px 0px 0px 0px; background:url(images/banner-education.png) top left no-repeat}
#banner-assessment{height:160px; margin:0px 0px 0px 0px; background:url(images/banner-assessment.png) top left no-repeat}
#banner-sjog{
	height:160px;
	margin:0px 0px 0px 0px;
	background:url(images/sjog.png) top left no-repeat;
	background-position: right;
}
#banner-therapy{height:160px; margin:0px 0px 0px 0px; background:url(images/banner-therapy.png) top left no-repeat}

.quotation{padding:25px 20px 20px 10px; margin:10px 0px 10px 20px; background:#D9EFFF;}
.quotation p{color:#003366; font-style:italic;}

.rightside{float:right; min-height:500px; position:relative; margin:20px 0px 0px 0px; padding:0px; width:250px}
#int-education{
	position:relative;
	margin:3px;
	background:url(images/sidebar/bck-education-int.png) no-repeat top left;
	background-image: url(images/sidebar/bck-education-int.png);
}
#int-assessment{position:relative; margin:3px; background:url(images/sidebar/bck-assessment-int.png) no-repeat top left}
#int-mission{position:relative; margin:3px; background:url(images/sidebar/bck-mission-int.png) no-repeat top left}
#int-talkshop{position:relative; margin:3px; height:201px; background:url(images/sidebar/bck-talkshop-int.png) no-repeat top left}
#int-news{position:relative; margin:13px 3px 3px 3px; background:url(images/sidebar/head-news-events.png) no-repeat top left; padding:40px 20px 20px 0px;}
#int-upcomingcourses{position:relative; margin:13px 3px 3px 3px; background:url(images/sidebar/bck-schedule-int.png) no-repeat top left; padding:60px 20px 20px 0px;}
#int-download{position:relative; margin:13px 3px 3px 3px; background:url(images/sidebar/bck-downloads.png) no-repeat top left; padding:40px 20px 20px 0px;}
#int-newsletter{position:relative; margin:13px 3px 3px 3px; background:url(images/sidebar/bck-newsletter.png) no-repeat top left; padding:40px 20px 20px 0px;}

/* Footer */
.footer{position:relative; clear:both; margin:0px; padding:5px 10px 10px 20px; width:750px; height:20px; }
.footer p{float:left; color:#333; font-size:10px; font-weight:bold; text-align:left; margin:0px 0px 0px 20px; padding:0px;}
.footer ul{float:right; margin:0px 10px 0px 0px; padding:0px;}
.footer li{float:left; margin:0px 10px 0px 0px; padding:0px; list-style-type:none; font-size:10px; font-weight:bold;}
.footer li a:link, .footer li a:active, .footer li a:visited{float:left; color:#7A457A; text-decoration:none;}
.footer li a:hover{float:left; color:#9933CC; text-decoration:underline;}
	
.googlemap { width: 500px; height: 310px; margin:10px 0px 0px 20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#map { width: 510px; height: 310px; float:left;}



/********************************************************************
facilitators form
********************************************************************/
#applyform{
	background-color: #FFFFFF;
	padding: 20px;
	margin-right: 20px;
}
input#submit{
	margin-left: 218px;

}
.registerlabel{
	float: left;
	width: 10em;
	clear: left;
	margin-right: 10px;
	text-align: left;
	color: #5361A2;
}