@charset "UTF-8";



/* CSS Ontario Network of Sexual Assault/Domestic Violence Treatment Centres */



/* Colours:



light purple : #eceaf4

medium purple: #d2cce5

dark purple: #9d8dc3

darker purple: #806fa9

darkest purple: #604d8d

grey: #717174

blue (links): #4970d2





*/



html, body {

	padding: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background: #eceaf4 url(../images/whiteshadow.gif) repeat-y 50%;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: auto;

	margin-right: auto;

	}

	

/*--------------------------------------------[ LAYOUT ]-------*/



#everythingWrapper {

}



#headWrapperWrapper {

	width: 100%;

	background-color:#FFFFFF;

}



#headWrapper {

	width: 755px;

	height: 148px;

	background:url(../images/top-banner.jpg) no-repeat;

	padding: 0px;

	margin-left: auto;

	margin-right: auto;

	}

	

#headWrapper_f {

	width: 755px;

	height: 163px;

	background:url(../images/top-banner_f.jpg) no-repeat;

	padding: 0px;

	margin-left: auto;

	margin-right: auto;

	}

	

#logoWrapper {

	margin: 0px;

	padding: 0px;

	width: 130px;

	height: 120px;

	}

	

ul#navWrapper_f {

	width: 720px;

	height: 41px;

	list-style: none;

	margin: 0px;

	padding: 2px 0px 0px 20px;

}



ul#navWrapper_f li {

	float: left;

	width: 102px;

	height: 41px;

	overflow: hidden;

}



ul#navWrapper_f a {

	text-indent: -400px;

	overflow: hidden;

	width: 100px;

	height: 41px;

	display: block;

}



ul#navWrapper_f a:hover {

	background-position: -105px;

}

	

ul#navWrapper {
	height: 26px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 2px 0 0;
    width: 615px;
}



ul#navWrapper li {

	float: left;

	width: 102px;

	height: 26px;

	overflow: hidden;

}



ul#navWrapper a {

	text-indent: -400px;

	overflow: hidden;

	width: 100px;

	height: 26px;

	display: block;

	}



ul#navWrapper a:hover {

	background-position: -105px;

	}



#purpleTab1 a {

	background:url(../images/purpletab1.gif) no-repeat;

	}



#purpleTab2 a {

	background:url(../images/purpletab2.gif) no-repeat;

	}



#purpleTab3 a {

	background:url(../images/purpletab3.gif) no-repeat;

	}



#purpleTab4 a {

	background:url(../images/purpletab8.gif) no-repeat;

	}



#purpleTab5 a {

	background:url(../images/purpletab5.gif) no-repeat;

	}



#purpleTab6 a {

	background:url(../images/purpletab6.gif) no-repeat;	

	}



#purpleTab7 a {

	background:url(../images/purpletab7.gif) no-repeat;

	}







#purpleTab1_f a {

	background:url(../images/purpletab1_f.gif) no-repeat;

	}



#purpleTab2_f a {

	background:url(../images/purpletab2_f.gif) no-repeat;

	}



#purpleTab3_f a {

	background:url(../images/purpletab3_f.gif) no-repeat;

	}



#purpleTab4_f a {

	background:url(../images/purpletab4_f.gif) no-repeat;

	}



#purpleTab5_f a {

	background:url(../images/purpletab5_f.gif) no-repeat;

	}



#purpleTab6_f a {

	background:url(../images/purpletab6_f.gif) no-repeat;	

	}



#purpleTab7_f a {

	background:url(../images/purpletab7_f.gif) no-repeat;

	}







div#purpleBar {

	background-color:#9d8dc3;

	height: 12px;

	width: 100%;

	}

	

	

	

	

div#greyBar {

	background-color:#717174;

	height: 22px;

	width: 100%;

	}

	

	

	

	

div#greyTabs {

	margin-left: auto;

	margin-right: auto;

	height: 27px;

	width: 770px;

	}



div#greytab1 a {

	background-image:url(../images/greytab1.jpg);

	width: 145px;

	height: 27px;

	float: left;

	margin: 0px 0px 0px 50px;

	}

	

div#greytab4 a {	

	background-image:url(../images/greytab4.jpg);

	width: 145px;

	height: 27px;

	float: left;

	margin: 0px 0px 0px 2px;

	}	



div#greytab2 a {

	background-image:url(../images/greytab2.jpg);

	width: 97px;

	height: 27px;

	float: right;

	margin: 0px 50px 0px 0px;

	}

	

div#greytab3 a {	

	background-image:url(../images/greytab3.jpg);

	width: 97px;

	height: 27px;

	float: right;

	margin: 0px 2px 0px 0px;

	}

	

	

#greytab1 a:hover {

	background-position: -150px;

	background-image:url(../images/greytab1.jpg);

	}

	

#greytab2 a:hover {

	background-position: -103px;

	background-image:url(../images/greytab2.jpg);

	}

	

#greytab3 a:hover {

	background-position: -103px;

	background-image:url(../images/greytab3.jpg);

	}

	

#greytab4 a:hover {

	background-position: -150px;

	background-image:url(../images/greytab4.jpg);

	}	

	

	

	

	

	

div#greyTabs_f {

	margin-left: auto;

	margin-right: auto;

	height: 40px;

	width: 770px;

	}



div#greytab1_f a {

	background-image:url(../images/greytab1_f.jpg);

	width: 145px;

	height: 40px;

	float: left;

	margin: 0px 0px 0px 50px;

	}



div#greytab2_f a {

	background-image:url(../images/greytab2_f.jpg);

	width: 97px;

	height: 40px;

	float: right;

	margin: 0px 50px 0px 0px;

	}

	

div#greytab3_f a {	

	background-image:url(../images/greytab3_f.jpg);

	width: 97px;

	height: 40px;

	float: right;

	margin: 0px 2px 0px 0px;

	}

	

#greytab1_f a:hover {

	background-position: -150px;

	background-image:url(../images/greytab1_f.jpg);

	}

	

#greytab2_f a:hover {

	background-position: -103px;

	background-image:url(../images/greytab2_f.jpg);

	}

	

#greytab3_f a:hover {

	background-position: -103px;

	background-image:url(../images/greytab3_f.jpg);

	}











	

#content {

	width: 665px;

	margin: 50px 0px 0px 50px;

	margin-left: auto;

	margin-right: auto;

	}

	



#leftNav {

	width: 142px;

	height: 300px;

	border-right: 1px solid #9d8dc3;

	float: left;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color: #333333;

	margin: 0px;

	}



#no_bullets {

	padding:0px 5px 0px 10px;

	

	color: #4970d2;

	}



#leftNav a {

	text-decoration: underline;

	color: #4970d2;

	}

	

#leftNav a:hover {

	text-decoration: none;

	}

	

#leftNav a:visited {

	color: #604d8d

	}



#rightContent {

	width: 475px;

	padding: 0px 0px 30px 30px;

	float: left;

	margin: 0px;

	}





#rightContent p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	line-height: 1.5em;

	color: #333333;

	}





#rightContent a {

	text-decoration: underline;

	color: #4970d2;

	}



#rightContent a:hover {

	text-decoration: none;

	}

	

#rightContent a:visited {

	color: #604d8d

	}





a img {

	border: none;

	}

	

#top a {

	background: url(../images/back_to_top_button.jpg);

	float: right;

	width: 80px;

	height: 55px;

	margin: 25px 0px 15px 0px;

	}

	

#top a:hover {

	background-position: -81px;

	}

	

#top_f a {

	background: url(../images/back_to_top_button_f.jpg);

	float: right;

	width: 80px;

	height: 72px;

	margin: 25px 0px 15px 0px;

	}

	

#top_f a:hover {

	background-position: -81px;

	}

	

	









/* -------------------------------- Typography  -------------------------------- */





h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:18px;

	line-height: 1.25em;

	color: #717174;

	}





h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:16px;

	line-height: 1.5em;

	color: #806fa9;

	font-style:italic;

	}



h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height: 1.25em;

	color: #333333;

	margin: 25px 0px 0px 0px;

	}



h4 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	line-height: 1.25em;

	color: #806fa9;

	font-weight:bold;

	

	}





ul, ol {	

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	line-height: 1.5em;

	color: #333333;

	}



ol.letters {

	list-style-type:lower-alpha;

	}

	

.rule_line_bottom {

	border-bottom: 1px solid #9d8dc3;

	}	

	

.rule_line_top {

	border-top: 1px solid #9d8dc3;

	}	

	

div#notes p {

	font-size: 10px;

	line-height: 1.5em;

	padding: 0px;

}

	

	

/* -------------------------------- Tables  -------------------------------- */	

	

.table {

	border: 1px solid #909090;

}





td, tr {

	border: 1px solid #909090;

	vertical-align: top;

	padding: 5px 5px 5px 5px;

	margin:0px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	line-height: 1.25em;

	color: #333333;

}

	

td.purple {

background-color: #eceaf4;

}



td.none, tr.none {

	border: 0px none #909090;

	vertical-align: top;

	padding: 5px 5px 5px 5px;

	margin:0px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	line-height: 1.25em;

	color: #333333;

}	

	





/* -------------------------------- Splash Page  -------------------------------- */





/*





#splashContent {

	width: 600px;

	height: 150px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 100px;

	}

	 

#english {

	float: left;

	border-right: 1px solid #d2cce5;

	width: 285px;

	height: 150px;

	}



#englishLeft {

	padding: 0px 15px 0px 0px;

	width: 125px;

	height: 150px;

	float: left;

	}



#englishRight a {

	background:url(../images/button_eng_splash.jpg) no-repeat;

	width: 85px;

	height: 55px;

	float: left;

	padding: 0px 0px 0px 0px;

	margin-top: 90px;

	margin-right: 60px;

	}

	

#englishRight a:hover {

	background:url(../images/button_eng_splash.jpg) no-repeat;

	background-position: -86px;

	}



#french {

	float: left;

	width: 299px;

	height: 150px;

	}



#frenchLeft {

	padding: 0px 20px 0px 30px;

	width: 149;

	height: 150px;

	float: left;

	}



#frenchRight a {

	background:url(../images/button_fre_splash.jpg) no-repeat;

	width: 80px;

	height: 55px;

	float: left;

	padding: 0px 0px 0px 0px;

	margin-top: 90px;

	margin-right: 20px;

	}

	

#frenchRight a:hover {

	background:url(../images/button_fre_splash.jpg) no-repeat;

	background-position: -84px;

	}	

	

	

	*/

	

	

/* -------------------------------- Splash Page 2 -------------------------------- */

	

	

#splashContent {

	width: 550px;

	height: 330px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 75px;

	}

	

#engFreWrapper {

	width: 240px;

	height: 330px;

	float: left;

	}



	

#english {

	border-bottom: 1px solid #d2cce5;

	width: 240px;

	height: 180px;

	}

	

#englishLeft {

	width: 130px;

	height: 180px;

	float: left;

	}	

	

#englishRight a {

	background:url(../images/button_eng_splash.jpg) no-repeat;

	width: 80px;

	height: 55px;

	margin: 110px 0px 0px 20px;

	float: left;

	}	

	

#englishRight a:hover {

	background:url(../images/button_eng_splash.jpg) no-repeat;

	background-position: -86px;

	}

	

#french {

	width: 240px;

	height: 150px;

	}



#frenchLeft {

	width: 130;

	height: 150px;

	float: left;

	}



#frenchRight a {

	background:url(../images/button_fre_splash.jpg) no-repeat;

	width: 80px;

	height: 55px;

	margin: 85px 0px 0px 20px;

	float: left;

	}

	

#frenchRight a:hover {

	background:url(../images/button_fre_splash.jpg) no-repeat;

	background-position: -84px;

	}	



#images {

	width:280px;

	height: 330px;

	float: right;

	margin: 0px;

	}

.date {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 9px;

	color: #919191;	

}

.error {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FF0000;

}

.success {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #009900;
	
}

#social{margin:0px auto; width:133px; padding-top:10px;}
#social ul{margin:0px; padding:0px;}
#social ul li{list-style:none; float:left; width:32px; height:32px; margin:3px;}
a.facebook{background:url(images/social.gif) no-repeat top left;padding: 9px 16px;}
a.twitter{background:url(images/social.gif) no-repeat top center;padding: 9px 16px;}
a.youtube{background:url(images/social.gif) no-repeat top right;padding: 9px 16px;}

a.facebook:hover{background:url(images/social.gif) no-repeat 0 -38px;padding: 9px 16px;}
a.twitter:hover{background:url(images/social.gif) no-repeat -46px -38px;padding: 9px 16px;}
a.youtube:hover{background:url(images/social.gif) no-repeat -92px -38px;padding: 9px 16px;}