/**
 * style css
 *
 * Controls styling for elements which are shared on basic pages
 *
 * @version 0.0.1
 * @package Cannabis Information and Helpline
 **/


/**
 * YUI reset-fonts CSS
 *
 * @copyright Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * @license Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
 * @version 2.4.1
 **/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* ------------------------------
 * BASE ELEMENTS
 */
html {
	margin: 0;
	padding: 0;
}
	body {
		font-size: 0.625em; /* Makes 1em = 10px in the body */
		font-family: helvetica, arial, clean, sans-serif; /* Helvetica is prettier */
		position: relative;
		text-align: center;
	}
h1 {
	margin-top: 1.3em;
	margin-left: 0.75em;
	font-size: 3.2em;
}
h2 {
	margin-top: 1.8em;
	font-size: 3em;
	font-weight: 400;
	color: white;
}
h3 {
	font-size: 2.2em;
	line-height: 1.5;
	color: white;
}
	h3 strong {
		font-weight: bold;
		border-bottom: 2px solid white;
	}
ul {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1em 3.4em;
	padding: 0;
	text-align: left;
}
	ul li {
		list-style: disc;
	}


#ciMain {
	margin-top: 7.5em;
	min-height: 600px;
}
#ciContent {
	width: 68em;
	margin: 0px auto;
}
#ciHelpline {
	min-height: 37.5em;
	background-image: url(../images/helpline/blueBackgroundGradient.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
#ciInformation {
	position: relative;
	width: 672px;
	margin: 0px auto;
	min-height: 37.5em;
	border: 4px solid rgb(245, 154, 26);
	border-bottom-width: 0;
	background-image: url(../images/helpline/orangeBackgroundGradient.gif);
	background-color: rgb(245, 154, 26);
	background-repeat: repeat-x;
}
#ciInformation img#leftCorner {
	display: block;
	position: absolute;
	left: -4px;
	top: -4px;
}
#ciInformation img#rightCorner {
	display: block;
	position: absolute;
	right: -4px;
	top: -4px;
}
#ciInformation img#leftArrow {
	display: block;
	position: absolute;
	left: -4px;
	top: 9em;
}
#ciInformation img#rightPhone {
	display: block;
	position: absolute;
	right: -4px;
	top: 8em;
}
#ciInformation img#bottomSwoosh {
	display: block;
	position: absolute;
	left: -4px;
	bottom: 4em;
	z-index: 10;
}
#ciConditions {
	position: absolute;
	width: 680px;
	bottom: 0;
	left: -4px;
	min-height: 10em;
	text-align: right;
	background-image: url(../images/helpline/greenBackgroundGradient.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
	#ciConditions p {
		margin: 7.2em 1em 0 0;
		font-size: 1.1em;
		color: white;
	}
#ciQuestions {
	position: relative;
	width: 680px;
	margin: 0px auto;
	border-top: 2px solid white;
}
#ciQuestions div.question {
	width: 226px;
	border-right: 1px solid white;
	float: left;
}
#ciQuestions div.last {
	border-width: 0;
}
#ciQuestions h4 a {
	display: block;
	height: 56px;
	line-height: 56px;
	font-size: 1.8em;
	text-decoration: none;
	border: 3px solid rgb(65, 141, 226);
	background-image: url(../images/helpline/questionBackgroundGradient.gif);
	color: white;
}
#ciQuestions h4 a:hover {
	background-position: 0 -56px;
}
#ciQuestions p,
#ciAnswers p {
	padding: 1em;
	font-size: 1.2em;
	text-align: left;
	background-image: url(../images/helpline/questionParagraphGradient.gif);
	background-repeat: repeat-x;
	background-color: rgb(205, 225, 247);
	color: rgb(62, 62, 62);
}
#ciQuestions div.first p {
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
}
#ciQuestions div.last p {
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
}
#ciQuestions h4 a.selected {
	background-image: none;
	background-color: rgb(254, 154, 26);
	border-color: rgb(254, 154, 26);
}
#ciQuestions p a {
	text-decoration: none;
	color: rgb(29, 81, 140);
}
#ciQuestions p a:hover {
	color: rgb(62, 62, 62);
}
#ciQuestions p a.backToTop {
	padding-left: 16px;
	background-image: url(../images/helpline/backToTopArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#ciQuestions div.answer {
	padding: 1.2em 0 0;
	position: absolute;
	width: 680px;
	top: 62px;
	left: 0;
	background-image: url(../images/helpline/questionParagraphGradient.gif);
	background-repeat: repeat-x;
	background-color: rgb(205, 225, 247);
	color: rgb(62, 62, 62);
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
}
#ciQuestions div.answer p {
	margin: 0 12px 1em 12px;
	padding: 0;
	background-image: none;
	background-color: transparent;
}

#ciOverlay {
	display: block;
	position: absolute;
	width: 511px;
	min-height: 30px;
	top: 27.5em;
	left: 60px;
	background-image: url(../images/helpline/orangeBackgroundOverlay.gif);
}

#ciLogos {
	clear: left;
	width: 680px;
	margin: 0px auto;
	padding: 18px;
	text-align: right;
}
#ciLogos img {
	margin-left: 22px;
	vertical-align: top;
}
#ciLogos img#logoNCPIC {
	margin-top: 5px;
}