/*

	CPF - main stylesheet
	Created by Industrial media/Phil Champagne
	www.industrialmedia.ca

*/

/* =general
---------------------------------------------------------------------------------------------------- */
body {
	background: #f6f8d4;
	margin: 0 auto 20px auto;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

table tr td {
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* =Splash
---------------------------------------------------------------------------------------------------- */
#splash {
	background: #f6f8d4 url('../images/wrapper/splash-map-bg.gif') 50% 50% no-repeat;
	margin: 0 auto 20px auto;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

#splash td#splash-main-left {
	background: url('../images/wrapper/splash-main-left-bg.gif') repeat-x;
}

#splash td#splash-main-right {
	background: url('../images/wrapper/splash-main-right-bg.gif') repeat-x;
}

#splash h1 {
	color: #4358a7;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

#splash p {
	color: #666666;
	font-size: 10px;
	margin: 0;
}

#splash a img {
	margin-bottom: 5px;
}

#splash form {
	margin: 10px 0 0 0;
	padding: 0;
}	

#splash form select.prov-form {
	font-size: 11px;
	width: 290px;
}

#splash form select.prov-form option {
	padding: 2px 0 2px 0;
	font-size: 11px;
}

/* =Global layout
---------------------------------------------------------------------------------------------------- */
#wrapper_100 {
	width: 100%;
	margin: 0 auto 0 auto;
	background: url('../images/wrapper/branding-left-bg.gif') repeat-x;
}

#wrapper {
	background: url('../images/wrapper/wrapper-bg.gif') repeat-y;
	width: 979px;
	margin: 0 auto 20px auto;
}

.clear {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1px;	
}

/* =Branding
---------------------------------------------------------------------------------------------------- */
#branding {
	height: 224px;
	width: 979px;
	background: url('../images/wrapper/branding-left-bg.gif') repeat-x;
}

#branding-left {
	height: 224px;
	background: url('../images/wrapper/branding-left-bg.gif') repeat-x;
}

#branding-right {
	height: 224px;
	background: url('../images/wrapper/branding-right-bg.gif') repeat-x;
}

/* =Toolbar
---------------------------------------------------------------------------------------------------- */
#toolbar {
	width: 100%;
	background: #4358A7;
}

#toolbar #toolbar-items {
	margin: 0 auto 0 auto;
	padding: 0 44px 0 0;
	color: #ffffff;
	font-size: 11px;
	width: 979px;
}

#toolbar #toolbar-items td {
	color: #ffffff;
	font-size: 11px;
}

#toolbar #toolbar-items td.pad {
	padding: 2px 3px 1px 3px;
}

#toolbar #toolbar-items a {
	color: #ffffff;
	text-decoration: none;
}

#toolbar #toolbar-items a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* =Layout homepage
---------------------------------------------------------------------------------------------------- */
#home-content {
	float: left;
	width: 786px;
	padding: 0;
	margin: 0;
}

#home-content #left-col {
	float: left;
	width: 455px;
}

#home-content #left-col #left-col-content {
	padding: 24px 10px 16px 17px;
}

#home-content h1 {
	color: #4358a7;
	font-size: 20px;
}

#whats-new {
	width: 434px;
	margin: 28px 0 0 0;
}

#whats-new #whats-new-items {
	background: #F2F5C7 url('../images/wrapper/whats-new-bg.jpg') repeat-x;
	padding: 20px 10px 10px 10px;
}

#whats-new h2 {
	background: #D3DC27 url('../images/wrapper/whats-new-border-top.gif') left top no-repeat;
	color: #ffffff;
	font-size: 18px;
	padding: 3px 0 3px 10px;
}

#whats-new #whats-new-items a {
	background: url('../images/wrapper/left-nav-bullet.gif') 0 1px no-repeat;
	display: block;
	color: #4358A7;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 12px 20px;
	line-height: 14px;
}

#whats-new #whats-new-items a:hover {
	background: url('../images/wrapper/left-nav-bullet-on.gif') 0 1px no-repeat;
	color: #000000;
}

#home-content #right-col {
	float: left;
	width: 325px;
}

#home-content #right-col-content {
	padding: 24px 10px 16px 22px;
}

#home-content #right-col-content #member-become {
	background: #D6DAEC url('../images/wrapper/become-member-bg.jpg') repeat-x;
	width: 292px;
}

#home-content #right-col-content #member-become #member-become-items {
	padding: 0 10px 5px 17px;
}

#home-content #right-col-content #home-sub-content {
	background: #F2F5C6;
	width: 292px;
	border-top: 3px solid #ffffff;
}

#home-content #right-col-content #home-sub-content #home-sub-content-items td {
	padding: 10px 12px 3px 0;	
	font-weight: bold;
	line-height: 14px;
}

#home-content #right-col-content #home-sub-content #home-sub-content-items td h3 {
	color: #4358a7;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#content {
	float: left;
	width: 597px;
	padding: 0;
	margin: 0;
}

#content #text-content {
	padding: 0 24px 10px 14px;
}

#border {
	float: right;
	background: url('../images/wrapper/wrapper-border-right.gif') left top no-repeat;
	width: 48px;
	height: 419px;
}

#action-plan #action-groups p, td#supporters p{
	margin-bottom:90px;
	padding:0 10px;
}

#action-plan td p{
	padding:0 35px;
	margin:0;
}

table#eval-phase td p{
	padding:0 45px;
	margin:0;
}

table#eval-phase tr#blank td{
	padding:150px 0;
}

/* =Sub content/sidebar
---------------------------------------------------------------------------------------------------- */
#sub-content {
	float: left;
	width: 145px;
	margin: 0;
	padding: 0;
}

#sub-content #sub-content-items {
	margin: 0;
	padding: 24px 0 0 0;
}

#sub-content #sub-content-items .caption {
	background: url('../images/wrapper/caption-bg.jpg') repeat-x;
	color: #000000;
	padding: 10px 12px 10px 12px;
	line-height: 13px;
	min-height: 180px;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	color: #4358A7;
	padding: 32px 0 20px 14px;
}

#breadcrumb a {
	color: #4358A7;
}

/* =Font resize
---------------------------------------------------------------------------------------------------- */
#font-resize {
	float: right;
	color: #A5BBDC;
	font-size: 10px;
	margin: 32px 24px 0 0;
}

#font-resize td {
	color: #A5BBDC;
	font-size: 10px;
	padding: 0 0 0 3px;
}

/* =Left navigation
---------------------------------------------------------------------------------------------------- */
#left-nav {
	float: left;
	background: url('../images/wrapper/left-nav-bg.jpg') repeat-x;
	width: 189px;
	padding: 0;
	margin: 0;
	min-height: 400px;
}

#left-nav #left-nav-items {
	color: #4358A7;
	text-decoration: none;
	font-weight: bold;
	padding: 34px 0 60px 17px;
	font-size: 12px;
}

#left-nav #left-nav-items a {
	background: url('../images/wrapper/left-nav-bullet.gif') 0 0 no-repeat;
	display: block;
	color: #4358A7;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 12px 20px;
}

#left-nav #left-nav-items a:hover {
	background: url('../images/wrapper/left-nav-bullet-on.gif') 0 0 no-repeat;
	color: #666666;
}

#left-nav #left-nav-items a.on {
	background: url('../images/wrapper/left-nav-bullet-on.gif') 0 0 no-repeat;
	color: #000000;
}

#left-nav #sub-nav {
	padding: 0 4px 16px 0;
}

#left-nav #sub-nav a {
	background: 0;
	font-size: 11px;
	color: #333333;
	padding: 0 0 8px 20px;
}

#left-nav #sub-nav a:hover {
	background: 0;
	font-size: 11px;
	color: #666666;
	padding: 0 0 8px 20px;
}

#left-nav #left-nav-items a.sub_on {
	background: url('../images/wrapper/left-nav-bullet-sub_on.gif') 0 0 no-repeat;
	color: #666666;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
}

a {
	outline: none;
	color: #4358A7; 
}

a:hover {
	outline: none;
	color: #000000; 
}

ul li.pdf, li.xls, li.doc, li.none, li.web {
	list-style: none;
	min-height: 19px;
	padding-left: 20px;
	margin-bottom: 10px;
}	
li.none {
	list-style: disc;
	padding-left: 2px;
	margin-left: 18px;
}
li.pdf {
	background:url(../images/icon-pdf.gif) 0 3px no-repeat;
}
li.web {
	background:url(../images/icon-web.gif) 0 3px no-repeat;
}
li.xls {
	background:url(../images/icon-xls.gif) 0 3px no-repeat;
}
li.doc {
	background:url(../images/icon-doc.gif) 0 3px no-repeat;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	background: #EFF3B4 url('../images/wrapper/footer-bg.gif') left bottom no-repeat;
	width: 934px;
}

#footer #footer-items {
	color: #999999;	
	text-align: center;
	line-height: 23px;
}	
	
#footer #footer-items a {
	color: #999999;	
}		

#footer #footer-items a:hover {
	color: #666666;	
}	

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	margin: 10px 0 10px 0;
	line-height: 14px;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	color: #4358A7;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	color:#000000;
}

h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	color: #666666;
}

h4 {
	font-size:14px;
	color:#CC6600;
	font-weight:bold;
	margin-bottom:5px;
}

span.bold{
	font-weight:bold;
}

span.boldit{
	font-weight:bold;
	font-style:italic;
}

span.ital{
	font-style:italic;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

.seach-field {
	border: 0;
	color: #ffffff;
	background: #8896c7;
	width: 150px;
	height: 14px;
}

/* =CSS Menus (Do not edit)
---------------------------------------------------------------------------------------------------- */
#main-nav {
	background: #4358A7;
	width: 100%;
}

#main-nav #main-nav-items {
	width: 979px;
	margin: 0 auto 0 auto;
	font-size: 12px;
}

#main-nav #main-nav-items a {
	text-decoration: none;
	line-height: 22px;
	font-weight: bold;
}

#main-nav #main-nav-items a.on {
	color: #d3dc27;
}

/* =CSS Menus (Do not edit)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;width:100%;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .sub {width: 300px;}

/* =CSS Menus (Go ahead and edit)
---------------------------------------------------------------------------------------------------- */   
/* (MAIN) Container */	
#qm0 {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	color: #f6f8d4;
}

/* (MAIN) Items */	
#qm0 a {	
	outline: none;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #f6f8d4;
	margin: 0 26px 0 17px;
}

#qm0 a.fra {
	margin: 0 10px 0 7px;
}

/* (MAIN) Hover State */	
#qm0 a:hover {	
	outline: none;
	background: none;
	border: none;
	padding: 0;
	color: #d3dc27;
}

/*"""""""" (MAIN) Parent items""""""""*/	
#qm0 .qmparent {	
	background: 100% 0 no-repeat;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	outline: none;
	background: none;
	border: none;
	padding: 0;
	color: #d3dc27;
}

/* (SUB) Container */	
#qm0 div {	
	font-family: arial, sans-serif;
	background: #4358A7;
	color: #ffffff;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* (SUB) Items */	
#qm0 div a {	
	font-family: arial, sans-serif;
	padding: 1px 20px 1px 15px;
	background: #4358A7;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	margin: 0;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	font-family: arial, sans-serif;
	padding: 1px 20px 1px 15px;
	background: #D3DC27;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

/* (SUB) Active State */	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	font-family: arial, sans-serif;
	padding: 1px 20px 1px 15px;
	background: #D3DC27;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	margin: 0;
}