/* Main Style Sheet for Crisis Intervention Institute */
/* Kent Fenwick 2007 */

html{margin:0;padding:0;}

body{margin:0; padding:0;font-family:Arial;}

h2{color:#96002a;}

div#leftCol{
position:fixed;
width:150px;
height:120%;
background:#96002f url(../assets/images/nav_bg.gif) repeat-y top left;
top:0;
left:0;
padding:0;
margin:0;
overflow:visible;
}

div#nav{
position:absolute;
top:0px;
left:0px;
width:150px;
padding:0;
margin:0;
margin-top:10px;
text-align:center;
padding-top:10px;
}

div#nav ul{
margin:0;
padding:0;
list-style-type:none;
}

div#nav ul li{
padding:0;
border-bottom:2px solid #963C57;
}

div#nav ul li a{
display:block;
font-size:90%;
padding:5px 0;}

div#nav a#cii{
text-align:center;
background:url(../assets/images/crisis_entry_small.png) no-repeat center top;
padding-top:90px;
}

div#content{
position:relative;
top:0;
left:150px;
width:700px;
padding:0;
margin-left:15px;
background:url(../assets/images/crisis_entry_large.gif) repeat-y center center;
}

div#header{
background:#fff;
position:relative;
height:125px;
border-bottom:2px solid #963C57;
padding:0px;
margin:0;
}

div#header h1{
background:url(../assets/images/crisis_logo_red.png) no-repeat 10px 20px;
height:125px;
width:250px;
padding:0;
margin:0;
text-indent:-99999px;
}

div#header h2{
position:absolute;
padding:0;
margin:0;
bottom:0;
right:0;
font-size:150%;
letter-spacing:2px;
}

div#header h1#crisis{
text-indent:-99999px;
}

div#main{
padding:10px;
border-bottom:2px solid #963C57;
padding-bottom:15px;
font-size:90%;
}

div#main h2{
font-size:100%;
padding:2px 0;
margin:10px 0 10px 0;
font-family:Georgia,serif;
}

div#main h3{
font-size:90%;
padding:2px 10px;
margin:10px 0;
font-family:Arial;
}

div#workshop_schedule h3{
color:#96002a;
font-size:90%;
padding:2px 0;
margin:10px 0 10px 20px;
font-family:Georgia,serif;
clear:both;
}

div#workshop_schedule ul ul{
margin-left:30px;
}

div#workshop_schedule ul ul h4{
font-family:Arial;
font-size:10pt;
width:75px;
font-weight:bold;
margin:0;
padding:0;
}


div#workshop_schedule ul ul p{
padding:0;
margin:0;
padding-left:75px;
}


div#bios{
height:50em;
}
div#bios ul{
margin:0;
padding:0;
list-style-type:none;
padding-bottom:90px;
}
div#bios ul li{
position:relative;
padding:0;
margin:15px 0;
}

div#bios ul p{
width:420px;
padding:0;
margin:0;
}

div#bios ul li h3#condra{
position:absolute;
top:0;
right:0;
width:200px;
height:241px;
margin:0px;
text-indent:-99999px;
background: url(../assets/images/drcondra.jpg) no-repeat top left;
}

div#bios ul li h3#mathieu{
position:absolute;
top:0;
right:0;
width:200px;
height:241px;
margin:0;
padding-bottom:50px;
text-indent:-99999px;
background: url(../assets/images/francoisemathieu.jpg) no-repeat top left;
}

div#main p{
font-size:10pt;
line-height:20px;
padding:2px 0;
margin:0;
}

div#main ol{
padding-top:2px;
margin-top:2px;
font-size:90%;
}
div#main ol li{
padding-bottom:5px;
}

div#main ol ol{
list-style-type:lower-alpha;
font-size:100%;
}

div#main ol p{
font-size:100%;
font-family:Arial,sans-seif;
}
div#main ol ol p{
font-family:Arial,sans-seif;
}

div#main ul{
list-style-type:none;
padding:0;
padding-left:10px;
margin:10px 0 0 10px;
}

div#main img{
margin:0;
padding:5px;
}

div#main a{
border-bottom:1px dotted blue;
text-decoration:none;
font-size:95%;
}

div#main a:hover{
border-bottom:1px solid blue;
text-decoration:none;
}


fieldset{
border:0px solid white;
padding:10px 0 10px 0;
}

fieldset label{
padding:10px;
margin-right:10px;
}
fieldset label span{
padding:5px;
margin-left:10px;
}

fieldset input{
padding:3px;
color:#96002a;
border:1px solid #96002f;
}

fieldset input:hover{
border:1px dotted #96002f;
}

fieldset input:focus{
border:1px dotted #96002f;
}

fieldset input#submit{
padding:1px;
background: #963C57;
color:#FFFF99;
border:1px solid #96002f;
margin-left:40%;
}

fieldset input#submit:hover{
padding:1px;
background: #FFFF99;
color:#96002f;
border:1px solid #96002f;
}

fieldset input#submit:active{
padding:1px;
background:#000033;
color:#FFFF99;
border:0px solid #000;
}

div#condra img{
float:right;
width:250px;
}

div#footer{
background:#fff;
position:relative;
clear:both;
top:0;
left:150px;
width:700px;
padding:0;
margin-left:15px;
padding-top:20px;
text-align:center;
}

div#anchor_nav{
width:700px;
margin:0 auto;
padding:0;
margin:0;
}

div#anchor_nav ul{
width:650px;
padding:0;
margin:5px;
text-align:center;
list-style-type:none; 
}
div#anchor_nav ul li{
display:inline; 	
margin:0;
padding:0;
padding-left:5px;
}

div#anchor_nav ul li a{
padding:0;
margin:0;
font-size:9pt;
text-decoration:underline;
color:#333;
}

div#anchor_nav ul li a:hover{
text-decoration:none;
}

a.ewakened{color:#999; font-family:Arial; text-decoration:none; border-bottom:1px dotted #333;padding:0;margin:0; font-size:8pt; margin-left:15px; margin-bottom:5px;}
a.ewakened:hover {border-bottom:1px solid #333;}


div#copyright{
width:700px;
padding:0;
margin:0;
}
div#copyright p{
color:#666;
font-size:70%;
padding:0;
margin:0;
}

div#compliant{
width:700px;
padding:0;
margin:0;
}
div#compliant ul{
width:700px;
padding:0;
margin:5px;
text-align:center;
list-style-type:none; 
}
div#compliant ul li{
display:inline; 	
margin:0;
padding:0;
padding-left:5px;
}

a.std:link {
font-family:Arial;
color:#fff;
text-decoration:none;
font-size:85%;
}


a.std:visited{
color:#fff;
text-decoration:none;
font-size:85%;
}

a.std:hover{
color:#2ACC98;
font-size:85%;
}

a.anchor:link {
font-family:Arial;
color:#fff;
text-decoration:none;
font-size:85%;
}


a.anchor:visited{
color:#fff;
text-decoration:none;
font-size:85%;
}

a.anchor:hover{
color:#2ACC98;
font-size:85%;
}

div.big{
height:350px;
}

div#date{
position:absolute;
width:150px;
top:420px;
margin:0;
color:#fff;
padding:0;
}

div#date ul{
float:right;
width:130px;
padding:0;
margin:0;
margin-right:10px;
list-style-type:none;
text-align:right;
font-size:60%;
}

div#date ul li{
padding-bottom:0;
margin:0;
}

div#date ul li p{
padding:0;
margin:0;
}

div#date li#q{
float:right;
width:88px;
background:url(../assets/images/queens_logo.png) no-repeat top center;
margin:2px;
margin-right:10px;
padding:0;
padding-top:90px;
}

div#compliant ul li a{
padding:0;
margin:0;
font-size:65%;
border-bottom:1px dotted #333;
text-decoration:none;
color:#333;
}

div#compliant ul li a:hover{
border-bottom:1px solid #333;
text-decoration:underline;
}

li p#quote1 {font-family:Arial;font-size:18pt;padding:10px;margin:10px; text-align:center; line-height:25px;}
li p#quote2 {font-family:Georgia;font-size:16pt;width:475px;padding:10px;margin:10px; line-height:25px; text-align:center;}
li p#quote3 {font-family:Georgia;font-size:20pt;width:600px;padding:10px;margin:10px;margin-left:30px; line-height:25px;}
li p#quote4 {font-family:Verdana; font-size:20pt; text-align:right; width:450px; line-height:30px; font-style:oblique; margin-left:90px;}
li p#quote5:first-letter{font-family:Arial; font-size:25pt; line-height:35px;}
li p#quote5{font-family:Georgia;font-size:20pt;width:620px;padding:10px;margin:10px;margin-right:30px; line-height:35px;}
li p#quote6:first-line{font-family:"Times New Roman"; font-size:19pt;}
li p#quote6{font-family:Georgia;font-size:19pt;width:600px;padding:10px;margin:10px;margin-right:30px; line-height:25px;}
li p#quote7 {font-family:Georgia;font-size:18pt;width:650px;padding:10px;margin:10px;margin-left:30px; line-height:25px; text-align:center; font-variant:small-caps;}

div#main a#register{
padding:5px;
padding-right:50px;
margin:5px;
margin-left:150px;
display:block;
width:200px;
height:100px;
background:url(../assets/images/cii_register.gif) no-repeat top left;
border: 0px hidden black;
}

div#main a#register:visited{
background:url(../assets/images/cii_register_hover.gif) no-repeat top left;
border:0px hidden black;}

img#dgc {float:right;}