@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 {
	width: 720px;
	height: 26px;
	list-style: none;
	margin: 0px;
	padding: 2px 0px 0px 20px;
	}

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/purpletab4.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;	
}