/**
 * Stylesheet for
 * CalgaryYouthJustice.com
 * Copyright (c) 2006 Kirk Schmidt
 */



.title2  {
	font-family : Arial, sans serif;
	font-size : 12px;
	font-weight : bold;
	color : #000000;
	text-align : left;
}
.title  {
	font-family : Arial, sans serif;
	font-size : 14px;
	font-weight : bold;
	color : #000000;
	text-align : left;
}
.title3  {
	font-family : Arial, sans serif;
	font-size : 16px;
	font-weight : bold;
	color : #000000;
	text-align : left;
}

html, body { 
	margin:0px; 
	background-color:#FFF;}

a {
	text-decoration:none;
}

p {

	text-align:justify;
}

.text  {
	font-family : Verdana, Arial, sans serif;
	font-size : 12px;
	color : #000000;
	text-align : justify;
}
.text2  {
	font-family : Verdana, Arial, sans serif;
	font-size : 12px;
	color : #000000;
	text-align : left;
}

#wrapper {
	width:750px;
	margin:16px auto 16px;
}

#preheader {
	margin:0px 20px 5px 0px;
	text-align:right;
	font-family:Helvetica,Arial,Serif;
	font-size:0.7em;
}	

#preheader a {
	color:#326432;}

#preheader a:hover {
	color:#90ADFF;}

#header {
	margin:0px;
	background-color:#326432;	background-image: url(./../images/cornertl.gif);
	background-repeat: no-repeat;
	background-position: 0, 0;
	height:150px;
	font-family:Helvetica,Arial,Serif;
}

#header .lefttop {
	float:left;
	margin:0;
	padding:0;
}

#header .righttop {
	text-align:center;
	color:#FFF;
	padding-top:35px;
	background-image: url(./../images/cornertr.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#header .righttop h2 {
	margin:0;
	padding:0;
	font-size:2em;
	font-weight:normal;
}

#header .righttop h3 {
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:normal;

}

#header .logo {
	margin-left:20px;
	margin-top:12px;
	border:0px;
}

#menu {
	float:left;
	margin:0px;
	color:#FFF;
	padding:0px;
	width:160px;
	background-color:#326432;	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;
}

#menu ul  {
	border-top:1px solid #338833;
	margin:0px;
	padding:0px;
	list-style: none;
}

#menu ul li {
	margin:0px;
	padding:0px;
}

#menu li, #menu li li {
	border-bottom:1px solid #338833;
	margin:0px;
	padding:0px;
}

#menu li a {
	display:block;
	margin:0px;
	padding:5px 5px 5px 5px;
	border-left: 5px solid #326432;	border-right: 10px solid #338833;
	color:#FFF;
	background-color: #669966;
}

#menu li a:hover {
	border-left: 5px solid #326432;	border-right: 10px solid #338833;
	background-color:#338833;
	color:#FFF;
}

html>body #menu li a  {
	width: auto;
}


#menu li li a {
	background-color: #669966;
	padding:5px 5px 5px 20px;
}

#contentwrapper {
	margin:0px;
	padding:0px;
	border-right:5px solid #326432;	background-color:#326432;}

#content {
	margin:0 0 0 0;
	background-color:#FFF;
	padding:16px 20px 30px 20px;
	margin-left:160px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
}

#content h1 {
	font-size:1.2em;
	font-family:Helvetica, Arial, sans-serif;
	border-bottom:2px solid #326432;	
}


blockquote {
	margin:10px 10px 0px 10px;
	border:1px solid #ABC;
	background-color:#CDE;
	color:#000;
	padding:10px;
	text-align:justify;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
}

blockquote a {
	color:#229;
	font-size:0.9em;
	text-align:center;	
}

#footer {
        margin:0px;
        background-color:#326432;        font-family:Helvetica,Arial,sans-serif;
	font-size:0.7em;
	text-align:center;
	color:#FFF;
	background-image: url(./../images/cornerbl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#footer .bottomright {
	padding:5px;
	background-image: url(./../images/cornerbr.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#footer a {
	color:#FFF;
}

#partner {
	font-size:0.87em;
	width:200px;
	border-left: 2px solid #CDE;
	border-bottom: 2px solid #507DCC;
	border-right: 1px solid #507DCC;
	padding:0px;
}

a.div {
	color:#000;
	text-decoration:none;
	display:block;
}

a.new {
	color:#000;
	text-decoration:none;
	display:block;
}


#partner img {
	border:0px;
}

#partner p {
	padding:5px 10px 10px 10px;
}

.new {
	background-image: url(./../images/button1.gif);
	background-repeat:no-repeat;
	background-position:0,0;
	float:left;
	margin:0px 22px 22px 0px;
	width:120px;
	height:120px;
	text-align:center;
	display:block;
}

.new p {
	font-size:0.9em;
	text-align:center;
	font-weight:bold;
	padding:0px 5px 0px 5px;
}

.new h3 {
	font-size:1.2em;
	padding:5px 5px 0px 5px;
	height:30px;
	color:#326432;
}

.sp {
	font-size:0.9em;
	width:110px;
	text-align:center;
	font-weight:bold;
}

.sh {
	font-weight:bold;
	font-size:1.2em;
	width:110px;
	text-align:center;
	height:30px;
	color:#203D9A;
}

ul.circle 
{
list-style-type: circle;
}

.quiz
{
color:#326432;
font-size:20px;
}