/* CSS Document */

/* ********************************************************* */
/********** standard HTML elements ****************/
/* ********************************************************* */

html {
	background: url(../../images/shared/siteback.gif) repeat;
}

body {
	margin: 0px;
	font-family: Verdana,"Lucida Grande","Trebuchet MS",sans-serif;
	background: url(../../images/shared/sitedropshadow.gif) repeat-y center top;
	color: #000000;
	font-size: 80%;
}

form {
	border: none;
	padding: 0px;
	margin: 0px;
}

fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3 {
	font-size: 110%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}

h4 {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
}

.storybody h2
{
  padding-left: 0px;  
}

#homemaincontent_secondaryPage h2
{
  padding-left: 0px;    
}

h4.sidebarheadline {
	margin: 0px; padding: 0px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 110%;
}

ul {
	line-height: 1.4;
}

a:link  { 
	color: #155D7F;
	text-decoration: underline; 
}

a:visited  { 
	color: #000000;
	text-decoration: underline; 
}

a:hover { 
	background-color:#155D7F ; 
	color: #ffffff; 
	text-decoration: none; 
}

a.anchorlink
{
	background-color:#FFFFFF;
	color:#000000;
}

p {
    margin-top: 4px;
}

/* ********************************************************* */
/*************** SITEWIDE STYLES ***********************/


/*************** content area containers, page area panels *********/
/* ************* */

#sitecontainer {
	text-align: center;
}


#sitecontentcontainer {
 	width: 770px;
	margin: auto;	
}

#sitecontentmain {
	width: 770px;
	background-color: #F3F7FA;
}


#sitebody {
	clear: both;
	width: 770px;
	border: none;	
	margin: auto;
	background-color: #F3F3F3;
}

#leftpanel {
	float: left;
	width: 585px;
	text-align: left;
}
#leftpanel_spotlight {
	float: left;
	width: 100%;
	text-align: left;
}

#fullwidthpanel {
	float: left;
	width: 770px;
	text-align: left;
}


#shadowtop {
	background:url(../../images/shared/dropshadowtop.gif) no-repeat left top;
	padding: 0px;
	padding-top: 10px;
}

#fullwidthshadowtop {
	background:url(../../images/shared/fullwidthdropshadowtop.gif) no-repeat left top;
	padding: 0px;
	padding-top: 10px;
}

#shadowmain {
	background:url(../../images/shared/dropshadowmain.gif) repeat-y; 
	padding-right: 10px;  
	padding-left: 10px; 
	vertical-align: top;
}

#fullwidthshadowmain {
	background:url(../../images/shared/fullwidthdropshadowmain.gif) repeat-y; padding-right: 10px;  padding-left: 10px; vertical-align: top;
}

#shadowbottom {
	background:url(../../images/shared/dropshadowbottom.gif) no-repeat left bottom;  
	padding-bottom: 10px;
}

#fullwidthshadowbottom {
	background:url(../../images/shared/fullwidthdropshadowbottom.gif) no-repeat left bottom;  
	padding-bottom: 10px;
}

#hometwocolumn {
	clear: both;
	vertical-align: top;
	margin: 0px;
	background: #ffffff url(../../images/shared/twocolumnback.gif);	
}
#hometwocolumn_spotlight 
{
	vertical-align: top;
	width:100%;
	margin: 0px;
	background: #ffffff url(../../images/shared/twocolumnback.gif);	
	clear: both;
}

/* kludge to make IE display no gap */
* html #hometwocolumn {
	margin-top: -3px;
}

#subtwocolumn 
{
	vertical-align: top;
	margin: 0px;
	width:100%;
	background: #ffffff url(../../images/shared/twocolumnback.gif);
	clear:both;
}


/*************** miscellaneous elements *********/
/* ************* */

.morelink
{
	padding-left: 15px;
	padding-top: 15px;
}
div.horizontalrule {
	margin:0px; padding: 0px; border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	background: transparent url(../../images/shared/dottedhorizontaldiv.gif) repeat-x;
	color: none;
}

div.spotlighthorizontalrule {
	background: transparent url(../../images/shared/spotlightdottedhorizontal.gif) repeat-x;
}


/* forces containers to wrap around previous floated divs as though they were part of the document flow */
.floatcontainer {
	clear: both;
	height: 0px !important;
	width: 0px !important;
}

.hidden {
	position:absolute;
	left:0px;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

a.imagelink:hover {
	background-color: transparent;
}

.linkedimage {	
	border: 0px;
	margin-bottom: 20px;
}

a.nonhiddenimagelink {
	text-decoration: none !important;
	background: none !important;
}
.blocklabel {
	display: block;
	font-weight: bold;
}

/*************** top tool bar links *********/
/* ************* */

#toptoolbar {
	text-align: right;
	padding: 7px;
	padding-right: 10px;
	font-weight: bold;
	background-color:#FFFFFF;
}

#toptoolbar a:link{
	color: #000000 !important;
}

#toptoolbar a:visited {
	color: #444444;
}

#toptoolbar a:hover {
	color: #ffffff !important;
	background-color: #000000;
}


#toptoolbar img {
	vertical-align: bottom;
	border: 0px;
}

a.textchoice:hover {
	text-decoration: none !important;
	background-color: transparent !important;
	border: 0px;
}

#textchoice10, #textchoice12, #textchoice14, #textchoice16 {
	border: 0px;
}

#textsizechoicelinks img {
	border: 0px;
}

/*************** banner area *********/
/* ************* */

#banner {
	clear: both;
	background: #ffffff url(../../images/en/banner_background.gif) no-repeat;
	height: 103px;	
}

#frbanner {
	clear: both;
	background: #ffffff url(../../images/fr/banner_background.gif) no-repeat;
	height: 97px;	
}

#bannerlogo {
	float: left;
	padding-left: 45px;
}

#bannertools {
	float:right;
	padding-right: 5px;
	padding-top: 30px;
}

html .bannersearch {
	text-align: right;
}

#frm_bannersearch {
	margin: 0px;
	padding: 0px;
}

#frm_bannersearchbox {
	width: 150px;
}

#bannerlinks 
{
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-top: 18px;
}

#bannerlinks a:link, #splashblurbs a:link {
	color: #000000 !important;
}

#bannerlinks a:visited, #splashblurbs a:visited {
	color: #444444;
}

#bannerlinks a:hover, #splashblurbs a:hover {
	color: #ffffff !important;
	background-color: #000000;
}




/*************** navbar *********/
/* ************* */

html #navbarcontainer {
	position:relative;
	margin: 0px;
	padding: 0px;
	width:770px;
	background-color: #145D7E;
	font-weight: bold;
	font-size: 113%;
	color: #ffffff;
	clear: both;
}

#navbarcontainer a
{
	position:relative;
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding-top: 0.2em;
	padding-right: 1.45%;
	padding-bottom: 0.3em;
	padding-left: 1.45%;
	line-height: 1.3;
	background-color: #145D7E;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #145D7E;
	float: left;
}
#navbarcontainer a:visited {
	text-decoration: none;
	color: #ffffff;
}
#navbarcontainer a:hover, 
#navbarcontainer a.selected {
	color: #165C7E;
	background-color: #ffffff;
	border-top: 1px solid #145D7E;
}

#navbarcontainer .donatelink {
	position:relative;
	display: block;
	/*border-top: 1px solid #FFDB00;*/
	border-top: 1px solid #ff690b;
	border-right: 0px solid #FFFFFF;
	/*background-color: #FFDB00;*/
	background-color: #ff690b;
	color: #FFFFFF !important;
	margin: 0px;
	margin-right:-10px;
	padding-left: 1.5%;
	padding-right: 1.95%;
	text-decoration: none;
	line-height: 1.3;
	float: left;
}

#navbarcontainer .donatelink:hover {
	color: #165C7E;
}


#frnavbarcontainer {
	position:relative;
	margin: 0px;
	padding: 0px;
	width:770px;
	height:1.90em;
	background-color: #145D7E;
	font-weight: bold;
	font-size: 113%;
	color: #ffffff;
	vertical-align: bottom;
	clear: both;
}

#frnavbarcontainer a 
{
	position:relative;
	display: block;
	color: #ffffff !important;
	text-decoration: none;
	margin: 0px;
	padding-top: 0.2em;
	padding-right: 0.64%;
	padding-bottom: 0.3em;
	padding-left: 0.64%;
	line-height: 1.3;
	background-color: #145D7E;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #145D7E;
	float: left;
}

#frnavbarcontainer a:visited {
	text-decoration: none;
	color: #ffffff;
}
#frnavbarcontainer a:hover, 
#frnavbarcontainer a.selected {
	color: #165C7E !important;
	background-color: #ffffff;
	border-top: 1px solid #145D7E;
	background-image: none;
}

#frnavbarcontainer .frdonatelink {
	position:relative;
	display: block;
	border-top: 1px solid #ff690b;
	border-right: none;
	background-color: #ff690b;	
	color: #FFFFFF !important;
	margin: 0px;
	margin-right:-10px;
	padding: 0.5%;
	padding-top: 0.2em;
	padding-right: 0.6%;
	padding-bottom: 0.2em;
	padding-left: 0.5%;
	text-decoration: none;
	line-height: 1.4;
	float: left;
}

#frnavbarcontainer .frdonatelink:hover {
	 color: #165C7E !important;
}


a#navbarselected {
	background-color: #FFFFFF !important;
	color:  #155D7F !important;
}

/*************** side nav - DEVLIN - for testing **********/
/* ****************** */
#navbar 
{ 
    text-align: left; 
    margin: 0px; 
    padding: 0px; 
    background: #105A7B; 
    font-size: 113%; 
    zoom : 1; 
    margin-top: 2px; 
    border-top: 0px; 
}

#navbar .innernav 
{ 
    float: right; 
}

#navbar span 
{ 
    display: block; 
    zoom: 1; 
    float: left; 
    border-right: 1px solid #FFFFFF; 
    border-top: 0px; 
}

#navbar span a 
{ 
    float: left; 
    display: block; 
    background: #105A7B; 
    padding: 0.25em 0.75em 0.75em 0.75em; 
    height: 0.75em; 
    text-decoration: none; 
    font-weight: bold; 
    color: #FFFFFF; 
    border-top: 1px solid #105A7B; 
}

* html #navbar span a 
{ 
    padding: 0.25em 0.75em 0.5em 0.75em; 
}

#navbar span a:hover 
{ 
    color: #105A7B; 
    background: #FFFFFF; 
}

#navbar span.donate 
{ 
    border-right: 0px; 
    margin: 0px;
}

#navbar span.donate a 
{ 
    background: #FFC80B; 
    color: #000; 
    border-top: 1px solid transparent; 
}

#navbar span.donate a:hover 
{ 
    color: #105A7B; 
    background: #FFFFFF; 
    border-top: 1px solid #105A7B; 
}

#navbar:after 
{ 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

#frnavbar 
{ 
    text-align: left; 
    margin: 0px; 
    padding: 0px; 
    background: #105A7B; 
    font-size: 113%; 
    zoom : 1; 
    margin-top: 2px; 
    border-top: 0px; 
}

#frnavbar .innernav 
{ 
    float: left; 
}

#frnavbar span 
{ 
    display: block; 
    zoom: 1; 
    float: left; 
    border-right: 1px solid #FFFFFF; 
    border-top: 0px; 
}

#frnavbar span a 
{ 
    float: left; 
    display: block; 
    background: #105A7B; 
    padding: 0.25em 0.75em 0.75em 0.75em;
    height: 0.75em;
    text-decoration: none; 
    font-weight: bold; 
    color: #FFFFFF; 
    border-top: 1px solid #105A7B; 
}

* html #frnavbar span a 
{ 
    padding: 0.25em 0.75em 0.5em 0.75em; 
}

#frnavbar span a:hover 
{ 
    color: #105A7B; 
    background: #FFFFFF; 
}

#frnavbar span.donate 
{ 
    border-right: 0px; 
    margin: 0px;
}

#frnavbar span.donate a 
{ 
    background: #ff690b; 
    color: #FFFFFF; 
    border-top: 1px solid #ff690b; 
}

#frnavbar span.donate a:hover 
{ 
    color: #105A7B; 
    background: #FFFFFF; 
    border-top: 1px solid #105A7B; 
}

#frnavbar:after 
{ 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

/*************** tabbed navigation *********/
/* ************* */

#tabbednav 
{
	position:relative;
	background: #ffffff url(../../images/shared/tab_back.gif) repeat-x left bottom;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 1px;
	width: 770px;
	height: 100%;
	float: left;
}

ul#subpagetabs 
{
	position:inherit;
	margin: 0px; 
	padding: 0px;	
	margin-bottom: -1px;
	width: inherit;
	height:100%;
	float: left;
}

ul#subpagetabs li {
	list-style-type: none;			
	margin-left: 2px; 
	margin-right: 1px;
	padding-top: 5px;
	float: left;
}

ul#subpagetabs li a {
	display: block;
	margin-right: 3px;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;		
	background: #397594 url(../../images/shared/lcorner.gif) top left no-repeat;
}

ul#subpagetabs li a:hover {
	background-color: #f3f3f3;
	color: #155D7F;
}

ul#subpagetabs li span {
	display: block;
	padding: 5px 10px;
	background: url(../../images/shared/rcorner.gif) top right no-repeat;
}

ul#subpagetabs li#selectedtab {
	font-weight: bold; 
	font-size: 100%;
	padding-top: 2px;
	margin-left: 5px;
}

ul#subpagetabs li#selectedtab span {
	padding: 6px 10px 5px 10px;
}

ul#subpagetabs li#selectedtab a {
	color: #155D7F !important;
	background-color: #f3f3f3;
	text-decoration: none;
}

.subpagetabs_first {
	margin-left: 25px !important;	
}


/*************** left two-column panel *********/
/* ************* */

#maintitlebar 
{
	width: 565px;
	float: left;
}
#maintitlebar_spotlight {
	width: 100%;
}

#maintitlebartitle {
	background-image: url(../../images/shared/hometitlebartop.gif); background-repeat:no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-size: 14pt;
}
#fullwidthtitlebar {
	width: 750px;
}

#fullwidthtitlebartitle {
	background-image: url(../../images/shared/hometitlebartop.gif); background-repeat:no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}

#subpagetitle {
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #155D7F;
	font-weight: bold;
	font-size: 110%;
}


/*************** left sidebar *********/
/* ************* */

#sidebarleft 
{
	position:relative;
	width: 160px;
	padding: 5px;
	padding-top: 10px;
	float: left;
	clear:right;
}

#navsidebarleft {
	width: 160px;
	float: left;
	padding: 5px;
}

.leftheadingedge {
	background:url(../../images/shared/homesidebarheaderbottom.gif) no-repeat left bottom;
	padding-bottom: 6px;
	margin-bottom: 5px;
}
.sidebarpromoimage {
	text-align: center;
	margin-bottom: 10px;
}

ul.sidebarbullets, ul.leftsidebarbullets {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	list-style-type: none;
	margin-top: 5px;
}

ul.sidebarbullets li, ul.leftsidebarbullets  li {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	background: url(../../images/shared/sidebarlistbullet.gif) no-repeat 2% 7%;
	margin-bottom: 10px;
}

ul#leftnavmenu {
	margin: 0px; padding: 0px;
	list-style: none;
}

ul#leftnavmenu li {
	margin: 0px; padding: 3px;
	padding-left: 12px; padding-right: 0px;
	background: url(../../images/shared/leftnavbullet.gif) no-repeat  0px 4px;
	border-bottom: 1px solid #145D7E;
	font-size: 90%;
}

ul#leftnavmenu li a {
	color: #000000;
	text-decoration: none !important;
}

ul#leftnavmenu li a:hover {
	color: #ffffff;
	text-decoration: none !important;
	background-color: #000000;
}

#leftnavmenuselected {
	background: url(../../images/shared/leftnavdownbullet.gif) no-repeat  0px 4px !important;
}

#leftnavmenuselect {
	font-weight: bold;
	color: #155D7F;	
}

#leftnavmenuselect:hover {
	color: #ffffff  !important;
	background-color: #155D7F !important;	
}

ul#leftsubnavmenu {
	margin: 0px; padding: 0px;
	border-bottom: 1px solid #ffffff;
	list-style: none;
	background: #FFFFFF url(../../images/shared/leftsubnavvertical.gif) repeat-y 0px 5px; 
}

ul#leftsubnavmenu li {
	margin: 0px; padding: 3px; border: none;
	padding-left: 12px; padding-right: 0px;
	background: url(../../images/shared/leftsubnavhorizontal.gif) no-repeat  2px 11px;
	font-size: 100%;	
}

.leftsubnavmenulast {
	background: url(../../images/shared/leftsubnavhorizontallast.gif) no-repeat  0px 11px !important;
}

ul#leftsubnavmenu li a {
	color: #000000;
	text-decoration: none !important;
}

ul#leftsubnavmenu li a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	background-color: #000000;
}

#leftnavmenuselect{
	color: #155D7F !important;
}

.leftnavmenuselect a{
	color: #155D7F !important;
}

#leftsubnavmenuselected {
	background: url(../../images/shared/leftsubnavselected.gif) no-repeat left top !important; 
}


a#leftsubnavmenuselect {
	color: #ffffff !important;
}

a#leftsubnavmenuselect:hover {
	background-color: #155D7F !important;
}

div.AspNet-TreeView 
{
    margin-top: 0;
}

div.AspNet-TreeView ul
{
   padding-left: 0px;
   list-style: none;
   margin-left: 0;
}

div.AspNet-TreeView ul ul
{
   margin-left: 5px;
   padding-left: 5px;
   border-left: 1px solid #777;
   margin-bottom: 3px;
   
}

div.AspNet-TreeView a 
{
    text-decoration: none;
    color: #10597B;
    display: block;
    width: 100%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 1px;
    border-bottom: 1px solid #DDD;
}

div.AspNet-TreeView a:hover 
{
    color: #FFF;
    background-color: #105a7b;
}

/* Styles for currently selected item */
div.AspNet-TreeView li.AspNet-TreeView-Selected a 
{
   
    color: #FFF;
    background-color: #397594;
}

div.AspNet-TreeView li.AspNet-TreeView-Selected a:hover 
{
    color: #FFF;
}

/* This cancels out our styles above for items sub to
the current item. Ideally we could use the immediate
child selector (>) above, but IE6 doesn't know it. Once
IE6 support is dropped this should be changed */
div.AspNet-TreeView li.AspNet-TreeView-Selected ul a 
{
    font-weight: normal;
    color: #10597B;
    background-color: Transparent;
}

div.AspNet-TreeView li.AspNet-TreeView-Selected ul a:hover 
{
    background-color: #105a7b;
}
/*************** main content column *********/
/* ************* */

#submain 
{
	position:relative;
	text-align: left;
	background-color: #ffffff;
	margin: 0px;
	margin-left: 1px;
	width: 385px;
	margin-top: 3px;
	float: left;
	padding-bottom:10px;
}

html .fullwidthmain 
{
	float: left;
	text-align: left;
	background-color: #ffffff;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}
#submaincontent {
	margin-left: 10px;
}

/* small change */
#fullwidthmaincontent {
	margin-left: 9px;
	width: 558px;
	margin-right: 9px;
}

#fullwidthmaincontent h2 {
    padding-left:0px;
}

#homemaincontent {
	margin-left: 10px;
}

#homemaincontent_secondaryPage {
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom:10px;
}
#homemaincontent_spotlightPage {
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom:10px;
}

.homemainheaderedge 
{
	position:relative;
	margin-top: 25px;
	margin-bottom: 0px;
	padding-bottom: 7px;
	background: #ffffff url(../../images/shared/homesidebarheaderbottom.gif) no-repeat left bottom;
}


.homemainheader {
	margin: 0px; padding: 0px;
	color: #ffffff;
	font-weight: bold;
	background-image:url(../../images/shared/homeheadergradient.gif);
	padding: 2px;
	padding-left: 5px;
}

.homeheaderfirst {
	margin-top: 0px;
}

ul.homemainbullets, ul.contactusbullets {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	margin-top: 5px;
	list-style-type: none;
	list-style-image:url(../../images/shared/mainlistbullet.gif);
}



.storyfloatedimageleft 
{
	border:1px solid #999999;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}

.storyheadline {
	clear: both;
	font-weight: bold;
	padding: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 1.4;
	font-size: 110%;
	margin-left:3px;
	padding-left:3px;
}

.firstheadline {
	margin-top: 10px;
}

#level01content {
	background-color: #FFFFFF;
	padding: 20px;	
}


.storybody {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
	padding-top: 0px;
	line-height: 1.4;
}

.storybody p {
	margin: 0px; padding: 0px;
	padding-bottom: 10px;
}


ul.maincontentbullets {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	list-style-type: none;
	margin-top: 5px;
}

ul.maincontentbullets  li {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	background: url(../../images/shared/sidebarlistbullet.gif) no-repeat 0px 7%;
	margin-bottom: 10px;
}




/*************** right feature column *********/
/* ************* */
.printthispage {
	padding: 10px;
	padding-left: 23px;
	text-align: left;
	background: url(../../images/shared/printthispage.gif) no-repeat 1px 10px;
}

.printthispagefullwidth {
	display: block;
	float: right;
	padding: 10px;
	padding-left: 23px;
	text-align: left;
	background: url(../../images/shared/printthispage.gif) no-repeat 1px 10px;
}


#rightsidebar {
	width: 170px;
	margin-top: 10px;
	margin-left: 5px;
	text-align: left;
}


.rightsidebartitle {
	background-image:url(../../images/shared/rightsidebarheadertop.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 100%;
	padding-left: 5px; 
	
}


.rightheadingedge {
	background:url(../../images/shared/rightsidebarheaderbottom.gif) no-repeat left bottom;
	padding-bottom: 4px; 
	margin-bottom: 5px;
}
.rightstorybody {
	margin-top: 0px;
	color: #000000;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 1.4;
}

.rightbox {
	background: url(../../images/shared/rightsidebarheaderbottom.gif) no-repeat left top;
	padding-top: 10px;
	line-height: 1.4;
	margin-bottom: 20px;
	font-size: 90%;
}
/*************** footer *********/
/* ************* */

#footer {
	clear: both;
	text-align: left;
	margin-top: 5px;	
	background-color: #F3F3F3;
}

#footernav {
	padding: 5px;
	padding-left: 25px;
}

#footernav a {
	color: #000000 !important;
}

#footernav a:visited {
	color: #444444;
}

#footernav a:hover {
	color: #ffffff !important;
	background-color: #000000;
}

#footerlegal {
	padding: 5px;
	margin-bottom: 10px;
	padding-left: 150px;
}



/* ********************************************************* */
/*************** SPOTLIGHT PAGES ***********************/
/* ********************************************************* */

#spotlightpagetitle {
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #6ebb1f;
	font-weight: bold;
	font-size: 110%;
}

ul#spotlightleftnavmenu {
	margin: 0px; padding: 0px;
	list-style: none;
	background-color: #FFFFFF;
}

ul#spotlightleftnavmenu li {
	margin: 0px; padding: 3px;
	padding-left: 12px; padding-right: 0px;
	background: url(../../images/shared/spotlightnavbullet.gif) no-repeat  0px 4px;
	border-bottom: 1px solid #6ebb1f;
	font-size: 90%;
}

ul#spotlightleftnavmenu li a {
	color: #000000;
	text-decoration: none !important;
}

ul#spotlightleftnavmenu li a:hover {
	color: #ffffff;
	text-decoration: none !important;
	background-color: #000000;
}

#spotlightleftnavmenuselected {
	background: url(../../images/shared/spotlightleftnavdownbullet.gif) no-repeat  0px 4px !important;
}

#spotlightleftnavmenuselect {
	font-weight: bold;
	color: #6ebb1f;	
}

#spotlightleftnavmenuselect:hover {
	color: #ffffff  !important;
	background-color: #6ebb1f !important;	
}

ul#spotlightleftsubnavmenu {
	margin: 0px; padding: 0px;
	border-bottom: 1px solid #ffffff;
	list-style: none;
	background: #FFFFFF url(../../images/shared/spotlightleftsubnavvertical.gif) repeat-y 0px 5px; 
}

ul#spotlightleftsubnavmenu li {
	margin: 0px; padding: 3px; border: none;
	padding-left: 12px; padding-right: 0px;
	background: url(../../images/shared/spotlightleftsubnavhorizontal.gif) no-repeat  2px 11px;
	font-size: 100%;	
}

#spotlightleftsubnavmenulast {
	background: url(../../images/shared/spotlightleftsubnavhorizontallast.gif) no-repeat  0px 11px !important;
}

ul#spotlightleftsubnavmenu li a {
	color: #000000;
	text-decoration: none !important;
}

ul#spotlightleftsubnavmenu li a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	background-color: #000000;
}

#spotlightleftnavmenuselect{
	color: #6ebb1f !important;
}

.spotlightleftnavmenuselect a{
	color: #6ebb1f !important;
}

#spotlightleftsubnavmenuselected {
	background: url(../../images/shared/spotlightleftsubnavselected.gif) no-repeat left top !important; 
}


a#spotlightleftsubnavmenuselect {
	color: #ffffff !important;
}

a#spotlightleftsubnavmenuselect:hover {
	background-color: #6ebb1f !important;
}



#spotlightreturnblurb {
	clear: both;	
	padding: 3px;
	margin-top: 10px; margin-bottom: 10px;
	text-align: center;
	font-size: 90%;
}

#spotlightreturnblurb a {
	color: #000000;
}

#spotlightreturnblurb a:hover {
	color: #ffffff;
	background-color: #000000;
}

/* ********************************************************* */
/*************** HOME AND SPECIAL PAGES **********************/
/* ********************************************************* */

#homebannerad {
	border: none !important;
	margin: 0px;
	padding: 0px;
	border-top: 3px solid #ffffff;
}


#homemain
{
	position: relative;
	text-align: left;
	background-color: #ffffff;
	margin: 0px;
	margin-top:3px;
	width: 385px;
	float:left;
}
html .homemain_secondaryPage 
{
	position:relative;
	text-align: left;
	background-color: #ffffff;
	margin: 0px;
	padding:0px;
	height: 100%;
	min-height: 400px;
}
.homemain_spotlightPage 
{
	position: relative;
	text-align: left;
	background-color: #ffffff;
	margin: 0px;
	margin-left: 1px;
	margin-top: 3px;
	padding:0px;
	width: 579px;
	height: 100%;
	float: left;
}

#sidebarright {
	float: left;
}

#homeleftsidebarcontent {
	width:160px;
	vertical-align: top;
}

.finditfasttitle {
	background-image:url(../../images/shared/homefinditfasttop.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 14pt;
}

.homecommunitytitle {
	background-image:url(../../images/shared/homecommunitytop.gif);
	background-repeat: no-repeat;
	color: #155D7F;
}

.frm_homecommunity {
	margin: 0px; padding: 0px; border: 0px;
	margin-bottom: 10px;
}

.frm_homecommunity  select {
	margin: 0px;
	margin-right: 0px;
	width: 170px;
}

#homecommunitybutton {
	text-align:right;
	margin: 2px;
}

ul.finditfast {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	list-style-type: none;
	margin-top: 5px;
}

ul.finditfast li {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	background: url(../../images/shared/finditfastbullet.gif) no-repeat 0 7%;
	margin-bottom: 10px;
}

ul.finditfast li a:link {
	color: #000000 !important;
}

ul.finditfast a:visited {
	color: #444444 !important;
}

ul.finditfast li a:hover {
	color: #ffffff !important;
	background-color: #000000;
}

#topbutton
{
	  margin: 0px;
	  padding: 0px;
	  background-image :url(../../images/shared/topbullet.gif);
	  background-repeat:no-repeat;
	  width:inherit;
	  float:right;
}

#topbutton a
{
	background-color:Transparent;
	text-decoration:none;
}

#topbutton span
{
	visibility:hidden;
}

ul.specialoffer {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	list-style-image: url(../../images/shared/finditfastbullet.gif);
	margin-top: 5px;
}

ul.specialoffer li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

ul.homemainbullets li, ul.contactusbullets li {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	/*padding-left: 10px;
	background: url(../../images/shared/mainlistbullet.gif) no-repeat 0 10%;*/
	margin-bottom: 0px;
}
a#digitallibrary {
	display: block;
	height: 126px;
	width: 172px;
	margin-bottom: 10px;
	background: url(../../images/en/digitallibrary.jpg) no-repeat;
}

a#trustmark {
	display: block;
	height: 60px;
	width: 172px;
	margin-bottom: 10px;
	background: url(../../images/en/imagine_canada.gif) no-repeat;
}

a#imagincanadafr {
	display: block;
	height: 60px;
	width: 172px;
	margin-bottom: 10px;
	background: url(../../images/fr/Imagine_Canada_french_logo.jpg) no-repeat;
}

a#history {
	display: block;
	height: 70px;
	width: 171px;
	margin-bottom: 10px;
	background: url(../../images/en/homepage/celebrating-90-years.jpg) no-repeat;
}

a#historyfr {
	display: block;
	height: 70px;
	width: 171px;
	margin-bottom: 10px;
	background: url(../../images/fr/homepage/90thCNIBhomepagefr.jpg) no-repeat;
}

a#bce {
	display: block;
	height: 48px;
	width: 172px;
	margin-bottom: 10px;
	background: url(../../images/en/bce.gif) no-repeat;
}

a#giftofsecurities {
	display: block;
	height: 47px;
	width: 172px;
	margin-bottom: 10px;
	background: url(../../images/en/donate.gif) no-repeat;
}

a#dondetitres {
    display: block;
	height: 46px;
	width: 172px;
	margin-bottom: 10px;
	background: url(../../images/fr/homepage/gos_french_donate.gif) no-repeat;
}

#troublegraphic {
	background: url(../../images/shared/magnifyingglass.jpg);
	height: 121px;
	width: 158px;
	margin-left: 1px;
}

#troublegraphic  a 
{
	cursor:default;
	background-color:Transparent;
	display:block;
	width:158px;
	height:121px;
}

.homeleftbox {
	border: 1px solid #64A024;
	border-top: none;
	color: #000000;
	background: #ffffff url(../../images/shared/homesidebarheaderbottom.gif) no-repeat left top;
	padding: 5px;
	padding-top: 10px;
	line-height: 1.4;
	margin-bottom: 20px;
}

#troublebox {
	border: 1px solid #999999;
	border-top: none;
	color: #000000;
	padding: 5px;
	padding-top: 10px;
	line-height: 1.4;
	margin-bottom: 20px;
	background: #ffffff;
}

#troubleheader {
	height: 163px;
	width: 160px;
	background: url(../../images/en/troublewithvision.gif) no-repeat;
}

.imgleftinset {
	float:left;
	margin-right: 15px;
	margin-bottom: 3px;
}



.faqleftbox {
	border: 1px solid #7ABF31;
	background-color: #ffffff;
	color: #000000;
	padding: 5px;
	line-height: 1.4;
	margin-bottom: 20px;
}

 ul.contactusbullets {
 	margin-left: 5px;
 }

 .accessibilityleftimage {
	margin-top: 15px;
}

#accessibilityleftpanel 
{
	padding-left: 10px;
	padding-right: 10px;
}

h2#trouble {
	font-weight: bold;
	font-size: 110%;
	color: #155D7F;
}

#accessibilityleftpanel p {
	margin: 0px; padding: 0px;
	padding-bottom: 10px;
}

#changecontrastblurb {
	clear: both;
	margin-top: 20px;

}

#frm_changecontrast input {
	margin-left: 10px;
}

.refinesearchwhere
{
	width:155px;
}
#searchresultsresult {
	clear: both;
	margin-top: 10px;
	font-weight: bold;
	font-size: 110%;
}

.searchresultlink {
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: bold;
	padding-right: 20px;
}

.searchresultdetails p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	padding-right: 20px;
}

#searchresultsfooter {
	text-align: center;
	padding: 20px;
}

#searchresultsfooter a {
	color: #000000 !important;
	text-decoration: none;
}

#searchresultsfooter a:hover {
	color: #ffffff !important;
	text-decoration: none;
	background-color: #000000;
}

#seachrefinesearch {
	padding: 0px; margin: 0px;
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 10px; padding-top: 10px;
}

#refinesearchterms {
	width: 150px;
	margin-top: 2px;
}

#refinesearchwhere {
	width: 150px;
	margin-top: 2px;
}

#searchhelp {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
}
#divisiontitle {
	background-color: #ffffff;
	padding-top: 10px; padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
 	color: #155D7F;
}

#contactus {
	padding-left: 10px;
	padding-right: 10px;
}

.frm_contactusbox {
	width: 300px;
	border: none;
	border: 1px solid #999999;
}

.frm_contactuscomments {
	height: 200px;
}

#frm_contactusoptin {
	padding-left: 20px;
	margin-bottom: 10px; margin-top: 10px;
}

#frm_contactusoptinbox {
	margin-left: -20px;
}

.photogallery
{
	position:relative;
	padding-left:5%;
	padding-right:5%;
}
.gallerythumbs 
{
	position:relative;
	padding-left:1%;
	padding-right:1%;
	height:150px;
	
}



.gallerythumb 
{
	position:relative;
	width: 120px;
	height: 170px;
	float: left;
	text-align:center;
	padding-bottom:3px;
}


.gallerythumb img {
	border: 0px;

	
	
}

.gallerycaption {
	display: block;
	width: 90px;
	padding-left:10%;
	padding-right:10%;
	text-align:center;
	font-size:85%;
    font-weight:normal;
    font-style:italic;
}


/* ********************************************************* */
/*************** SPLASH PAGE ***********************/
/* ********************************************************* */

#splashcontainer 
{
	width:770px; 
	height:500px;
	margin: auto;
	text-align:center;
}

#splashlogos 
{
	margin: 0px;
	padding: 0px;
	padding-top: 150px;
	width:inherit;
	height:inherit; 
}

#splashpicture {
	margin-left: 280px;
}


#splashblurbs {
	padding-top: 4px; 
	padding-bottom: 20px;
	width: 765px;
	font-size: 90%;
	font-weight: bold;
}

#splashblurbleft {
	float: left; 
	width: 274px;
	text-align: right;
	padding: 10px;
	padding-left: 100px;
}


#splashblurbright {
	float: left;
	text-align: left;
	width: 250px;
	padding: 10px;
	padding-right: 100px;
}

.greeting a:link {
position: relative;
top: 125px;
color: #155d7f;
}

.greeting a:visited {
position: relative;
top: 125px;
color: #155d7f;
}

.greeting a:hover {
position: relative;
top: 125px;
color: #ffffff;
background-color: #155d7f;
}

.greeting {
font-size: 13pt;
font-weight: bold;
}

#greetingen {
position: relative;
top: 150px;
width: 375px;
height: 150px;
float: left;
text-align: center;
border-right: 2px solid #7bc142;
}

#greetingfr {
position: relative;
top: 150px;
width: 375px;
height: 150px;
float: left;
text-align: center;
}

#braillebackground 
{
	background:url(../../images/en/braille.gif) no-repeat;
	margin-top:0;
	padding-top:10px;
}

#bcebackground
{
	border-style:solid; 
	border-width:1px; 
	border-color:#febd11; 
	width:100%; 
}

#bcebackground a
{
	background-color:Transparent;
	text-decoration:none;
}

#bcebackground a:hover
{
	background-color:Transparent;
	text-decoration:none;
}

#bcebackground a.boxlink
{
	background-color:Transparent;
	text-decoration:underline;
}

#bcebackground a.boxlink:hover
{
	background-color:#155d7f;
	text-decoration:none;
}

.texttitle
{
	font-family: Verdana,"Lucida Grande","Trebuchet MS",sans-serif;
	color:#155D7F;
	font-weight:bold;
}

.hrline
{
	background: transparent url(../../images/shared/dottedhorizontaldiv.gif) repeat-x bottom left; 
	padding-bottom:3px;
}

#mandarinlogo
{
	background: transparent url(../../images/en/astellas-logo.gif) no-repeat; 
	height:103px;
}

#partnershiplogo {
	float: left;
	padding-left: 60px;
}
/* ********************************************************* */
/* ********************** FULL WIDTH PAGES ****************** */
/* ********************************************************* */

/* STITCH IT STYLES SJ APRIL 22 2008 ---------------------------------------------------*/

#wrapper {
height:100%;
padding: 0px;
margin: 0px;
}

#sidebarLinksSI {
border-top: 2px dashed black;
border-bottom: 2px dashed black;
padding: 0px 4px 8px 4px;
font-size:88%;

}

#sidebarLinksSI li {
position:relative;
left:-15px;
}

#sidebarLinksSE 
{
border-bottom: 2px dashed black;
padding: 0px 4px 8px 4px;
font-size:88%;
}

#sidebarLinksSE li {
position:relative;
left:-15px;
}

.signature {
background-image: url('../../en/support/companies/stitch-it/images/signature.gif');
background-repeat:no-repeat;
/* background-attachment:fixed;*/
background-position: 10px -13px;
background-color: #f3f3f3;
width:160px;
height:48px;
}

.signatureOpt {
background-image: url('../../en/support/companies/optico/images/signature.gif');
background-repeat:no-repeat;
/* background-attachment:fixed;*/
background-position: 10px -13px;
background-color: #f3f3f3;
width:160px;
height:51px;
}

/* STITCH IT STYLES END ---------------------------------------------------*/

/* Support us */
.greenTitleSupportus {
    color: #316707;
    font-weight:bold;
}

.blueTitleSupportus {
    color: #155D7F;
    font-weight: bold;
}

.blueTextSupportus 
{
	color: #155D7F;
    font-weight: normal;
}

/*h3.blueTextSupportus {
	color: #155D7F;
	margin-left: 2px;
	font-weight: bold;
}*/

.greenLinkSupportus a:link {
	margin-left:2px;
	text-decoration: none;
	color:#316707; 
}

.greenLinkSupportus a:visited  
{
	margin-left:2px;
	text-decoration: none;
	color:#316707; 
}

.greenLinkSupportus a:hover 
{
	background-color:Transparent;
	margin-left:2px;
	text-decoration: underline;
	color:#316707; 
}

.blueLinkSupportus a:link {
	margin-left:2px;
	text-decoration: none;
	color:#155D7F; 
}

.blueLinkSupportus a:visited  
{
	margin-left:2px;
	text-decoration: none;
	color:#155D7F; 
}

.blueLinkSupportus a:hover 
{
	background-color:Transparent;
	margin-left:2px;
	text-decoration: underline;
	color:#155D7F; 
}

.grayLinkSupportus a:link 
{
	margin-left:2px;
	text-decoration: none;
	color:#4d4c4c; 
}

.grayLinkSupportus a:visited  
{
	margin-left:2px;
	text-decoration: none;
	color:#4d4c4c; 
}

.grayLinkSupportus a:hover 
{
	background-color:Transparent;
	margin-left:2px;
	text-decoration: underline;
	color:#4d4c4c; 
}

.pinkLi
{
	list-style-image: url(../../en/support/images/big_pink_arrow.jpg);
	margin-top:3px;
}

.blueLi
{
	list-style-image: url(../../en/support/images/big_blue_arrow.jpg); 
	margin-top:3px;
}

.greenLi
{
	list-style-image: url(../../en/support/images/big_green_arrow.jpg); 
	margin-top:3px;
}

.greenDotLi
{
	list-style-image: url(../../en/support/images/green_dot.jpg); 
}

.frm_supportregion 
{
	margin: 0px; padding: 0px; border: 0px;
	margin-left: 8px;
	margin-bottom: 10px;
}

.frm_supportregion  select {
	margin: 0px;
	margin-right: 0px;
	width: 129px;
}

#supportregiondiv {
	text-align:right;
	margin: 2px;
	margin-right: 7px;
}

.supportregionbutton 
{
	width: 25px;
}

.supportSubTitle {
color: #fff;
background: #216a8d;
background-image: url('../../en/support/images/left-tab.gif');
background-repeat:no-repeat;
background-position: top left;
width:10px;
height:23px;
padding-left: 8px; 
position:relative;
top:0px;
margin-bottom: 2px;
}

.supportSubTitle  h3 {
font-size:.85em;
padding: 5px;
width:10px;
text-align:left;
font-weight:bold;
}

/* Start SupportMasterTemplate.master master File*/
#fullwidthsupportcontent 
{
	margin-left: 10px;
	width: 735px;
	margin-right: 0px;
}

#fullwidthsupportcontent h2 {
    padding-left:0px;
}

#subcolumn 
{
	vertical-align: top;
	margin: 0px;
	width:100%;
	background: #ffffff;	
	clear:both;
}

/* End SupportMasterTemplate.master master File*/
a {
border:none;
}