/* HTML TAGS */
html
{
	min-height: 100%;
	margin-bottom: 1px;
}
body{
  font: 8pt/12pt arial; 
	color: Black; 
	margin-top: 5px;
  text-align: center;
	min-width:780px;
	border:9px solid #e8e8e8;
	background:white;
}
body#tinymce{
	text-align:left;
}
p
{
	margin-top: 0px;
	margin-bottom: 12px;
	text-align: left;
}
p, li, div
{
    font: 9pt/12pt arial;
}
h3, #lblPageTitle
{ 
	font: normal 12pt arial;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 12px;
}
img
{
    border: 0px;
    margin: 0px;
}
a:link
{
	font-weight: bold;
	color: #b9012f;
}
a:visited
{
	font-weight: bold;
	color: #b9012f;
}
a:hover, a:active
{
	color: #9685BA;
}


/* GENERAL CLASS TAGS */
.bold
{
  font-weight: bold;
}
.clear_both
{
  clear:both;
}


/* PAGE HEADER and PAGE FOOTER */
#pageHeader, #pageFooter
{
    text-transform: uppercase;
    width: 100%;
    vertical-align: middle;
    background-color: #b9012f;
    height: 16px;
    margin-bottom: 13px;
}

/* Imagine Family Top Menu */
.imagineFamily{
	background-color:#E8E8E8;
	text-align:center;
	display:block;
	padding-top:.5em;
	padding-bottom:1em;
	color:#294875;
	text-transform:uppercase;
	font-size:80%;
	height:20px;
}
.imagineFamily a:link, .imagineFamily a:visited {
	color:#294875;
}
.imagineFamily a:hover, .imagineFamily a:active, .imagineFamily a.active{
		color:#8191b3;
}
.top-menu div, .top-menu form, .top-menu input{
	display:inline;
}

/* Page Header */
#pageHeader .headerStyle{
  padding-left:17px;
}
.headerStyle a:link, .headerStyle a:visited, .footerStyle a:link, .footerStyle a:visited, span.footerStyle 
{
    font-size: 9px !important;
	font-weight: bold;
	color: White;
	text-decoration: none;
	margin: 0px;
}
.headerStyle a:hover, .headerStyle a:active, .footerStyle a:hover, .footerStyle a:active
{
    color: #eaaebd;
}
.headerStyle .divider, .footerStyle .divider
{
    color: White;
    font-weight: bolder;
    padding: 4px 0px 4px 0px;
    margin: 0px 12px 0px 12px;
}

/* Banner */
#banner
{
    float: left;
}
#banner, #topics 
{
    margin-bottom: 15px;
}
#homeLink
{
    display: block;
    background-repeat: no-repeat;
  width: 206px;
  height: 98px;
  float:left;
  margin-left:17px;
  background-image: url('./Images/banner_iclogo.jpg');
  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: 350px;
  height: 98px;
  background-repeat: no-repeat;
  position:absolute;
  text-align:right;
  margin-right: 191px;
  right:0;
}
#headerLinks 
{
    margin-left: 148px;
}

/* Login */
#loginLinks 
{
    margin-left: 10px;
}
#loginLinks ul, #loginLinks li, .headerStyle ul, .headerStyle li{
	display:inline;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

/* Footer */
#pageFooter
{
  clear: both;
  text-align: center;
  margin-top:40px;
	margin-bottom:0px;
}
#footerLinks
{
    text-align: center;
}

/* hpl Links */
#hplImagineLink, #hplEngageLink, #hplLearnLink, #hplJoinLink
{
    display: block;
    width: 176px;
    height: 23px;
    background-repeat: no-repeat;
}
#hplImagineLink, #hplEngageLink, #hplLearnLink
{
    margin-bottom: 2px;
}
#hplImagineLink
{
    background-image: url('./Images/topic_imagine.gif');
}
#hplEngageLink
{
    background-image: url('./Images/topic_engage.gif');
}
#hplLearnLink
{
    background-image: url('./Images/topic_learn.gif');
}
#hplJoinLink
{
    background-image: url('./Images/topic_join.gif');
}

/* Topic Title */
#topicTitle{
  float: left;
	font-size:9pt;
	width:100%;
	color:White;
	text-transform:uppercase;
	margin-bottom:-2px;
}
#topics
{
    width: 175px;
    float: right;
    position: relative;
    left: -1px;
}
#topicTitle
{
}
#topicTitle #title
{
    display: block;
    height: 16px;
    margin: 13px 0px 12px 35px;
    background-repeat: no-repeat;
}

/* Tabs */
ul.tabs li.active a, ul.tabs li.active a:link, ul.tabs li.active a:visited, ul.tabs li a:hover{
color:#9685BA;
}

#topicTitle #title .tabs a:link, #topicTitle #title .tabs a:visited {
color:#CCCCCC;
}
#topicTitle #title .tabs a:hover, #topicTitle #title .tabs a:active, #topicTitle #title .tabs a.active {
color:#FFFFFF;
}


/* CONTENT */
/* Containers */
#pageBody{
  margin-bottom:0px;
}
#container 
{
  text-align: left;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
	min-width:780px;
	width:auto;
}
#main{
	position:relative;
	min-height:500px;
}
#mainExceptFactsAndLinks{
	padding-right:183px;
}
body.civicrm #mainExceptFactsAndLinks{
  padding-right:0px;		
}

/* General Content */
#main_content
{
  float: left;
  position: relative;
  left: 35px;
	padding-left:112px;
	padding-right:30px;
	margin-top:30px;
	margin-left:14px;
	margin-right:10px;
	width:auto;
}
body.civicrm #main_content{
  padding-left:142px;
}
#main_content br{
	margin-bottom:1em;
}
.content h1 {
	font-size: 15pt !important;
	margin-bottom: 5pt;
}

/* Specific Content */
#testimonial
{
    font-size: 13px;
    font-style: italic;
    width: 135px;
    margin-top: 30px;
}
#library
{
    margin-top: 30px;
    margin-bottom: 15px;
}
#libraryLink
{
    display: block;
    width: 61px;
    height: 74px;
    color: #fff;
    background: url("./Images/visit_the_library.gif") 0 0 no-repeat;
}
#libraryLink:hover
{
    background-position: -61px 0;
}


/* SEARCH */
.block-multisite_search{
	margin:0;
}
.block-multisite_search .form-item{
	margin:0;
}
.block-multisite_search .form-submit {
	margin:0;
	margin-bottom:1em;
	margin-top:.5em;
	padding:0;
  border: none;
	background-color:#E8E8E8;
	color:#294875;
	font-weight:bold;
	cursor:pointer;
	text-transform:uppercase;
	font-size:80%;
}
.block-multisite_search .form-text{
	width:9em;
}
.block-multisite_search .form-submit:hover{
	color: #8191B3;
	text-decoration:underline;
}
.block-multisite_search label{
	display:none;
}
.search-results .site-name legend a{
	font-size:160%;
	line-height:130%;
	color:#294875;
}
.search-results .search-snippet strong{
	background-color:#FFFF99;
}
.search-results dd{
	margin:0;
	padding:0;
}


/* MENUS */
/* Left Menu */
#contentNav /*left menu*/
{
  float: left;
	z-index:2; /* We ensure the sidebars are still clickable using z-index */
	margin-left:0px;
  width:150px;
	position:absolute;
	top:50px;
	left:0px;
  padding: 0px;
  margin: 0px;
}
body.civicrm #contentNav{
  top:30px;
  width:180px;		
	padding-left:5px;
	padding-right:5px;
}

/* Right Menu */
#factsAndLinks /*right menu*/
{
  width: 176px;
  float: right;
  margin: 0px;
  position:absolute;
  right:0px;
  top:0px;
}
body.civicrm #factsAndLinks{
	top:50px;
}

/* Sector Profile */
#sectorProfileHeader
{
    display: block;
    width: 176px;
    height: 41px;
    background-image: url('./Images/sector_profile.jpg');
    background-repeat: no-repeat;
}
#sectorLinks
{
    width: 171px;
    background-color: #cddeee;
    padding: 9px 0px 10px 5px;
    position: relative;
    top: 0px;
}
.sectorLink a, .getInvolvedLink a
{
	font-size: 8pt;
    color: Black;
    text-decoration: none;
    padding: 0px;
}
.sectorLink a:hover, .sectorLink a:active, .getInvolvedLink a:hover, .getInvolvedLink a:active
{
    color: #3282ff;
}
#sectorFacts
{
    position: relative;
    top: -3px;
}
#sectorFacts
{
    display: block;
    width: 176px;
    height: 60px;
    background-image: url('./Images/sector_profile_facts.jpg');
    background-repeat: no-repeat;
}

/* Get Involved */
#getInvolved
{
    margin-top: 12px;
}
#getInvolvedHeader
{
    display: block;
    width: 176px;
    height: 40px;
    background-image: url('./Images/get_involved.jpg');
    background-repeat: no-repeat;
}
#getInvolvedLinks
{
    width: 176px;
    position: relative;
    top: -3px;
}
.getInvolvedLink
{
    background-color: #cbdeee;
    padding-left: 5px;
    margin-bottom: 2px;
}

/* Stay Connected */
#stayConnected
{
    margin-top: 9px;
		margin-bottom:10px;
}
#stayConnected p{
		margin:0;
		padding:0;
}
#stayConnected img{ /*header*/
		margin-bottom:10px;
}
#stayConnected a img{ /*other*/
		margin-bottom:0;
}

/* Related Resources */
#relatedResourcesHeader
{
    display: block;
    width: 176px;
    height: 40px;
    background-image: url('./Images/related_resources.jpg');
    background-repeat: no-repeat;
}
#relatedResourcesICHeader, #relatedResourcesLibraryHeader
{
    font-size: 9pt;
    width: 171px;
    color: White;
    padding: 8px 0px 5px 5px;
}
#relatedResourcesICHeader
{
    background-color: #b9012f;
}
#relatedResourcesLibraryHeader
{
    background-color: #014988;
}
.relatedResourcesICLink, .relatedResourcesLibraryLink, .relatedResourcesICMsg, .relatedResourcesLibraryMsg
{
    background-color: #e6e6e6;
    margin-bottom: 2px;
    padding: 1px 0px 2px 5px;
}
.relatedResourcesICLink a,.relatedResourcesLibraryLink a, .relatedResourcesICMsg, .relatedResourcesLibraryMsg
{
	font-size: 8pt;
    color: #1e1e1e;
    text-decoration: none;
}
.relatedResourcesICLink a:hover, .relatedResourcesICLink a:active, .relatedResourcesLibraryLink a:hover, .relatedResourcesLibraryLink a:active
{
    color: #575757;
}
#relatedResourcesLibraryHeader, #relatedResourcesLibraryLinks
{
    position: relative;
    top: -2px;
}
.block-relatedlinks {
        margin-top: -6px;
}

/* General Menu Tags */
ul.menu ul.menu ul.menu a {  /*third-level menu*/
font-style:italic;
font-size:8pt;
}
ul.menu ul.menu ul.menu a.active, ul.menu ul.menu ul.menu a:hover {  /*third-level menu*/
font-style:italic;
font-size:8pt;
}
#subMenu
{
    position: relative;
    top: -2px;
}
#menu a, #subMenu a
{
    text-decoration: none;
}
#menu .mainOption, #menu .mainOptionSelected, #subMenu .subOption, #subMenu .subOptionSelected
{
  font: 8pt/8pt;
  width: 145px;
  text-align: right;
  width: 180px;
}
#menu .mainOption, #menu .mainOptionSelected
{
    text-transform: uppercase;
    margin-bottom: 2px;
    padding: 5px 5px 5px 0px;
}
#subMenu .subOption, #subMenu .subOptionSelected
{
    background-color: #eaaebd;
    padding: 3px 5px 3px 0px;
}
.node ul {
	margin-top: 5pt;
}

.node li {
	margin-top: 5pt !important;
	margin-left: 25px;
	padding-left: 5px;
}	

.node ul li {
	list-style: disc outside !important;
}
.node ol li {
	list-style: decimal outside !important;
}
#menu{
	width: 180px;
}
#subMenu ul.menu{
	margin:-2px;
}
ul.menu li {
  width: 132px;
  font-size:9pt;
  margin-left:6px;
}
ul.menu ul.menu li {
  width: 132px;
  font-size:9pt;
}
body#tinymce ul li, body#tinymce ul.menu li, body#tinymce .item-list ul li, body#tinymce li.leaf {
list-style-type:disc;
list-style-position:inside;
}

/* Override to hide the Product Code info from displaying on the Event info page (kw)*/
#SugarCRM_Products_3 {
	display: none;
}

/* Upcoming Events Block (English and French) */
#upcoming-events-block h2, #upcoming-events-block .events-list {
	background-color:#3177bd;
	border-top:5px none;
	color:#edf0f7;
	font-size:12pt;
	font-weight:bold;
	margin:0;
	padding:5px 5px;
	width:176	px;
}
#upcoming-events-block .events-list {
	background-color:#CDDEEE;
	color:#214291;
	}
#upcoming-events-block .events-list ul {
	margin: 0;
	padding: 0;
}
#upcoming-events-block .events-list ul li  {
	margin: 0 0 10px 0;
	padding: 0;
	font-size:8pt;
}
#upcoming-events-block .events-more {
	padding-left:12px;
	font-size: 7pt;
	text-align: center;
}