/* COLOURS USED
dark green for topicTitle, links, etc.: 1f522f
green for menu background: 1f522e
green-grey for submenu background: a5c1a6   (used to be light blue: b8ceff)
green-grey for hover: a5c1a5
dark red for header and footer: 9c243a
dark orange for questionHeader and partnerHeader: cb8b2b
light orange for question: f7ecde

The above colors, used in the giving theme, are replacements for the following original insuranceinfo theme's colors:
dark blue for topicTitle, links, etc.: 213a67
blue for menu background: 8191b3
blue-grey for submenu background: BDBECB   (used to be light blue: b8ceff)
blue-grey for hover: b7c0d3
dark red for header and footer: 9c243a
dark orange for questionHeader and partnerHeader: cb8b2b
light orange for question: f7ecde
washed-out=blue for body border: a6b4be
*/

/* HTML TAGS */
body{
	min-width:780px;
	border:9px solid #e8e8e8;
	margin:0;
}
h1{
	line-height:1em;
}
a:link, a:visited {
  color: #1f522f;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}
a:link.inactive, a:visited.inactive, a:hover.inactive{
	color:#CCCCCC;
}

li{
	text-align:left;
	text-transform:none;
}


.clear_both{
	clear:both;
	margin:0;
	padding:0;
}

/* WRAPPER */
#container{
	min-width:780px;
	width:auto;
}


/* PAGE HEADER and PAGE FOOTER */
.imagineFamily{
	background-color:#E8E8E8;
	text-align:center;
	display:block;
	padding-right:17px;
	padding-bottom:1em;
	color:#294875;
	text-transform:uppercase;
}
.imagineFamily a{
	color:#294875;
}
.imagineFamily a.active{
	color:#8191b3;
}
#pageHeader, #pageFooter
{
	background-color:#9c243a;
	text-align:right;
}
.headerStyle a:link, .headerStyle a:visited, .footerStyle a:link, .footerStyle a:visited, span.footerStyle 
{
    font-size: 9pt !important;
}
#pageHeader{
	margin-bottom:0;
}
#loginLinks, #footerLinks{
	text-align:right;
	margin-right:15px;
}
#pageFooter
{
  margin-top: 50px;
/*	position:static;*/ /*ALTERED 2009-03-27 by freeformsolutions.ca - kts:  despite the "position:static" on pageFooter in nonprofitscan_fluid, it doesn't seem like this is appropriate in giving_fluid, and in fact puts the footer in the wrong spot, so I have commented it out*/
	bottom:0;
	margin-bottom:0;
}


/* BANNER*/
#banner{
	margin:0;
	padding:0;
	margin-bottom:3px;
}
#imagineCanadaLink
{
    display: block;
    width: 170px;
    height: 135px;
	float:left;
    background-image: url('./Images/banner_iclogo.jpg');
    background-repeat: no-repeat;
}
#homeLink
{
    display: block;
    width: 422px;
    height: 135px;
		float:left;
		margin-left:17px;
    background-image: url('./Images/banner_giving_text.jpg');
    background-repeat: no-repeat;
		z-index:10;  /*so that the logo text stays above the header image (at least in IE -- in Firefox, I'd had a negative z-index for headerImageLink, but that broke in Firefox2, so I took it out)*/
}
#headerImageLink
{
    display: block;
    width: 399px;
    height: 135px;
/*		float:right;*/
    background-image: url('./Images/banner_giving_image.jpg');
    background-repeat: no-repeat;
		position:absolute;
		text-align:right;
		right:10px; /* ALTERED by freeformsolutions.ca - kts: ideally, we should be able to do this a different way, as we had on nonprofitscan_fluid*/
		margin-right:0px;
		margin-right:-1px; /*ALTERED not sure why this is needed*/
}


/* CONTENT */
#main_content{
	margin-top:30px;
}
#main_content
{
    float: left;
    position: relative;
    left: 35px;
/*	padding-right:230px;*/
	padding-left:204px;
	margin-left:10px;
	margin-right:10px;
	padding-right:0px;
	left:0px;
	width:auto;
/*	margin-right:178px;*/
}

#mainExceptFactsAndLinks{
/*	float:left;   ALTERED 2009-06-09 kts: to fix problem of small topic-title on narrow pages*/
	padding-right:178px;
}

/* TOPIC TITLE and ADMIN TABS */

/* topicTitle */
#topicTitle{
/*	font-size:9pt;
	width:100%;
*/
	background-color:#1f522f;
	padding-top:5px;
	padding-bottom:5px;
/*	color:White;
	text-transform:uppercase;
	margin-bottom:-2px;
*/
	}
#topicTitle #titleText{
	font-size:12pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:12px;
}
#topicTitle #title{
	margin:0px;
	padding:0px;
}

/* Admin Tabs (View, Edit, Translation)*/
#tabs-wrapper{
	margin-bottom:20px;
}
#tabs-wrapper a:link, #tabs-wrapper a:visited {
  color: #CCCCCC;
  text-decoration: none;
}
#tabs-wrapper a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
#tabs-wrapper a:active, #tabs-wrapper a.active {
  color: #FFFFFF;
}


/* MENUS */

/* Regular Menu and Some quiokLinks Menu interspersed*/
#contentNav /*left menu*/
{
  width: 150px;
	top:24px;
}
#contentNav.contentNav-with-tabs {
margin-top:2.5em;
padding-top:4px;
}

ul.menu{
	margin-top:0px;
	margin-bottom:30px;
}
#menu .mainOption, #menu .mainOptionSelected, ul.menu li, #quickLinks  /* top-level menu: background colour */
{
    background-color: #1f522e;
}
#menu .mainOption a, .quickLink a /* top-level menu: text colour */
{
  color: white;
}
.quickLink a /* top-level menu: text colour */
{
  color: #1F522F;
}
ul.menu a:visited { /* top-level menu: text colour */
	color: white;
}
#menu .mainOptionSelected a, #menu a:hover, #menu a:active, ul.menu a.active:link, ul.menu a.active:visited, ul.menu a:hover  /* top-level menu: hover colour*/
{
    color: #a5c1a5;
}
.quickLink a:hover, .quickLink a:active /* top-level menu: hover colour*/
{
    color: white;
}
#subMenu .subOption, #subMenu .subOptionSelected, ul.menu ul.menu li /* submenu: background colour */
{
    background-color: #a5c1a6;  
}
#subMenu .subOption a, ul.menu ul.menu a /* submenu: text colour */
{
    color: #1f522f;
}
#subMenu .subOptionSelected a, #subMenu a:hover, #subMenu a:active /* submenu: hover colour */
{
    color: White;
}
#menu .mainOption, #menu .mainOptionSelected, #subMenu .subOption, #subMenu .subOptionSelected
{
    width: 180px;
}
#menu{
	width: 180px;
}
#subMenu ul.menu{
	margin:-2px;
}
ul.menu li {
  width: 180px;
  font-size:9pt;
  padding-left:12px;
  padding-right:12px;
  margin-left:6px;
}
ul.menu ul.menu li {
  width: 180px;
  font-size:9pt;
  padding-left:12px;
  padding-right:12px;
  margin-left:-12px;
}
/*js imaginecanada - 20080304 - added to include formatting for sub-menu items*/
ul.menu ul.menu li a{ /*text for all submenus - submenu: text colour */
  color: #1f522f;
}

ul.menu ul.menu ul.menu { /* third-level menu */
  margin-left:10px;
  padding-bottom:5px; /*needed for bottom border */
  margin-bottom:4px; /*needed for bottom border */
  margin-top:-5px;
  padding-top:-2px;
  }
ul.menu ul.menu ul.menu li{ /* third-level menu */
  width: 170px;   
  font-weight:normal;
}
ul.menu ul.menu ul.menu li a{ /* third-level menu */
  font-weight:normal;
}
ul.menu ul.menu ul.menu ul.menu li{ /* fourth-level menu */
  width: 160px;   
  font-style:italic;
  font-weight:normal;
}
/*modified*/

#main{
	position:relative;
}

/* quickLinks Menu */
#factsAndLinks /*right menu*/
{
    width: 176px;
/*		float:right;  ALTERED 2009-06-09 kts: to fix problem of small topic-title on narrow pages*/
		position:absolute;
		right:0px;
		top:0px;  /*ALTERED 2009-06-09 kts: to fix problem of small topic-title on narrow pages*/
}
#quickLinks a
{
    text-decoration: none;
}
#quickLinks
{
	margin-top:0px;
	margin-right:0px;
  margin-bottom: 30px;
  width: 176px;
	position:relative;
	background-color:White;
}
#quickLinks ul{
	margin:0;
	padding:0;
}
.quickLink
{
  font-size: 10pt;
	background-color: #A5C1A6;
	padding-top:5px;
	padding-right: 12px;
	padding-bottom:5px;
  padding-left: 12px;
  margin-bottom: 4px;
}


/* QUESTION and PARTNERS */

/* Question and Partner Headers */
#questionHeader, #partnerHeader, #block-poll-0 h2{
	font-size:9pt;
	font-weight:bold;
    width: 180px;
	background-color:#cb8b2b;
	color:#f7ecde;;
	margin:0;
	padding:0;
	padding-bottom: 5px;
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
}
#partnerHeader{
    width: 152px;
	margin-bottom:20px;
}

/* Question */
#question, #block-poll-0
{
    font-size: 8pt;
    width: 189px;
	background-color:#f7ecde;
	color:#999999;
	padding-bottom:5px;
}
#question p, #block-poll-0 .poll{
	padding-top:0px;
	padding-right: 20px;
	padding-bottom: 5px;
    padding-left: 20px;
	margin-bottom:0px;
}
#question a:hover{
	color:#9685BA;
}

/* Partners */
#partners{
	width:176px;
	padding-left:33px;
}
#partnerOntario{
    background-image: url('./Images/Ont-Blk.gif');
	background-repeat:no-repeat;
	width:96px;
	height:28px;
	margin-bottom:17px;
/* modified the width and height for the new Ontario logo - js imaginecanada */        
}
#partnerIBAO{
    background-image: url('./Images/IBAOblack.gif');
	background-repeat:no-repeat;
	width:110px;
	height:46px;
	margin-bottom:14px;
}
#partnerIBC{
    background-image: url('./Images/IBC-Logo-BW.gif');
	background-repeat:no-repeat;
	width:110px;
	height:38px;
	margin-bottom:22px;
}
#partnerRyerson{
    background-image: url('./Images/Ryerson_Black-Horiz.gif');
	background-repeat:no-repeat;
	width:110px;
	height:19px;
	margin-bottom:21px;
}
#partnerImagineCanada{
    background-image: url('./Images/Imagine_Canada-black.gif');
	background-repeat:no-repeat;
	width:110px;
	height:38px;
	margin-bottom:22px;
}

/* MAILING LIST */
#node-178 #edit-preview{ /* remove the preview button, because the time was showing up improperly on the preview, and we don't need a preview for this content type anyway*/
	display:none;
}

/* Imagine Canada CSS*/
#doclist {
	position: relative;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 15px
}