/* dont mess with the custom-doc. feel free to change the bg image but thats all */
#custom-doc { width:78.38em;*width:76.5em;min-width:1019px; margin:auto; text-align:left; background:url(/nfcanada/css_images/doc-bg.png); }
overflowWarning
/* ******************** */
/* lets do this thing!  */
/* ******************** */

html, body { background-color:#555; color:#606060; font-family:arial; }
h1 { font-size:3.75em; font-weight:normal; /*margin-bottom:40px;*/ }
h1 em { color:#d00212; font-style: normal; }
h1.helvetica { width: 580px; font-weight:normal; }
h2 { font-size:1.1em; font-weight:bold; color:#000000; margin-bottom:10px; }
h3 { font-size:1.1em; font-weight:bold; color:#000000; margin-bottom:10px; }
h4 { font-size:1em; font-weight:bold; color:#606060; }
p { margin-bottom: 10px; margin-top:0px; line-height: 1.3 }
ul { margin-bottom: 10px; margin-top:0px;}
li { margin-bottom: 5px; margin-top: 0px; }
a { color:#d00212; text-decoration:none; }
a:hover {text-decoration:underline;}
div.clear_all { clear: both; height: 0px; }

#content li { list-style-type:disc; margin-left:30px; }
#content strong {font-weight:bolder;}
#content b {font-weight:bolder;}
#content em {font-style:italic;}

strong { font-weight:bold; color:black; }

/* search stuff */
#search-header { margin-right: 30px; margin-bottom: 40px; }
.search-result { margin-right: 30px; margin-bottom: 40px; }
.search-result strong { font-weight: bold; color: black; }
input[type=text].search-input {
	border: none;
	width: 126px;
	height: 19px;
	background-image:url(/nfcanada/css_images/search-box.gif);
	background-color: #eae8e8; /* REMOVE THIS RULE ONCE THE ABOVE IMAGE IS UPLOADED */
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: baseline;
}
a.search-link {color:#606060;}

/* all things header */
#hd { background:url(/nfcanada/css_images/header-bg.png) no-repeat; height:100px; }
#logo { margin:20px 0 0 57px; float:left; }
#headerNav { float:left; display: inline; margin:37px 0 0 40px; }
#headerNav li { display:inline; float: left; position: relative; margin-bottom: 0px;}
#headerNav li a { color:#606060; font-size:1em; text-decoration:none; padding:0 1.1em; }
#headerNav li a:hover {color:#007dc3;}

#fr_headerNav { float:left; display: inline; margin:37px 0 0 20px; }
#fr_headerNav li { display:inline; float: left; position: relative; margin-bottom: 0px;}
#fr_headerNav li a { color:#606060; font-size:1em; text-decoration:none; padding:0 .41em; }
#fr_headerNav li a:hover {color:#007dc3;}

#headerNav li ul, #fr_headerNav li ul { left: 0; position: absolute; clear: both; top: 1.5em; }
#headerNav li ul li, #fr_headerNav li ul li { float: left; clear: both; display: block; width: 250px; padding-bottom: 0.3em; }

#headerNav .selected, #fr_headerNav .selected {color:#d00212;}
#headerNav .langswitch, #fr_headerNav .langswitch {color:#007DC3;font-weight:bold;} 

/* all things content */
#content { width:935px; margin:0 0 17px 55px; padding-bottom: 0px; }
/*
#overflowWarning  { background:url(/nfcanada/css_images/overflow-warning.png) repeat-y; background-position:620px 0; }
*/

/*
    userContent is a wrapper for user editable content
    It set the default styles to more useful defaults.
*/
#userContent h1 {font-size:2em; color:#D00212; font-weight:normal; margin-bottom:10px;}
#userContent h2 {font-size:1.5em; color:#606060; font-weight:normal; margin-bottom:10px;}
#userContent h3 {font-size:1.2em; color:black; font-weight:bold; margin-bottom:10px;}
#userContent h4 {font-size:1.1em; color:black; font-weight:bold; margin-bottom:8px; margin-top:5px;}
#userContent strong {color:#707070; font-weight:bold; }
#userContent em {color:#606060; font-style:italic; }
#userContent strong em, #userContent em strong {font-weight: bold; font-style:italic }

.floatRight { float:right; margin:0 0 0px 10px; } 
#copy {padding-top:125px;}
#copyHigh {padding-top:75px;}
/*
#copyHigh h1 {margin-bottom:10px;}
*/

#feed { display:block; width:200px; background:url(/nfcanada/css_images/feed.gif) no-repeat; padding:4px 112px 0 25px; margin-top:20px;}
#feed a {color:#606060;}

#quote h2 { color:#d00212; font-weight:bold; margin-bottom:10px; }
#quote p { font-size:1.1em; color:#000; }
#quote p.quoteLink { margin-bottom:25px; font-size:1em; }

.edit_buttons {float:right;vertical-align:text-bottom;}

.wideColumn { width:575px; margin-right:25px; }
.wideColumnFloat {float:left; width:575px; margin-right:25px; }
.wideColumnFloat p {margin-bottom:8px;}

.twoColumnInfoBox { width:290px; float:left; margin:20px 10px 0 0; }
/*
.twoColumnInfoBox h2 { color:#000; font-weight:bold; margin-bottom:10px; }
*/

.twoColumnInfoBoxNonIndex { width:275px; float:left; margin:10px 25px 0 0; }
.twoColumnInfoBoxNonIndex h2 { color:#000; font-weight:bold; margin:20px 0 5px 0; }
.twoColumnInfoBoxNonIndex > h2 {margin-top:0;}
.twoColumnInfoBoxNonIndex .grey > h2 {margin-top:0;}
.twoColumnInfoBoxNonIndex p { margin-bottom:8px; line-height: 1.3 }

#selectContent { width:290px; float:left; margin:0 10px 0 0; }
#selectContent h2 { font-size: 1.5em; color:#606060; margin:0 0 10px 0; }
#selectContent select { display:block; width:180px; margin-bottom:10px; }
#selectContent input { display:block; margin:20px 0; }

#contact fieldset { width:580px; float:left; clear:left; margin:20px 0; }
#contact fieldset input, textarea {margin-bottom:10px;}

.grey {background:#DDDDDD none repeat scroll 0 0; border:1px solid #DDDDDD; color:black; padding:10px;}

.stories { float:left; margin-right: 30px; width:580px; }
.story { margin-bottom: 20px; }
.story h2 { color:#000; font-weight:bold; margin-bottom: 10px; }
.story strong { font-weight: bold; color: black; }
.story .story_picture { float:left; width:100px; }
.story .story_content { float:left; margin-left:30px; margin-top:40px; width:450px;}

.gears { float:left; margin-right: 30px; width:580px; }
.gear { margin-bottom: 40px; }
.gear h2 { color:#000; font-weight:bold; margin-bottom: 10px; }
.gear strong { font-weight: bold; color: black; }
.gear .gear_picture { float:left; width: 170px; }
.gear .gear_content { float:left; margin-left:30px; margin-top:0; width:380px;}

/* all things footer */
#ft { background:url(/nfcanada/css_images/footer-bg.png) left bottom no-repeat; padding-bottom: 62px; padding-top: 0px; margin-top: 0px; line-height: 18px; }
 
#footerNav { margin:0px 0px 0px 0px; } 
#footerNav li {display:inline;}
#footerNav li a { color:#606060; text-decoration:none; padding-right: 1.1em; }
#footerNav li a:hover {color:#007dc3;}
/*
#ft fieldset { } 
#ft fieldset label {color:#606060;}
#ft fieldset input.input { margin:0 5px; }
#ft fieldset input.button { color:#d00212; cursor:pointer; }
*/
#ft #ft_left  { float: left;   margin-left: 55px; width: 500px; }
#ft #ft_right { float: right; margin-right: 55px; width: 350px; text-align: right}


/* image rollovers */
/* all buttons */
#donate_now_btn, 
#fr_donate_now_btn {
	background-position:left;
}


/* specific button details */
#donate_now_btn, 
#fr_donate_now_btn,
#dreamteam_btn, 
#fr_dreamteam_btn {
	float:left;
	width:136px;
	height:19px;
	background: url(/nfcanada/html_images/donate_now_sprite.png);
        margin-right: 20px;
}
#fr_donate_now_btn {
	background: url(/nfcanada/html_images/fr_donate_now_sprite.png);
}


#dreamteam_btn, 
#fr_dreamteam_btn {
	float:left;
	width:275px;
	height:56px;
	background: url(/nfcanada/html_images/dreamteam_sprite.png);
	margin-top: 15px;
}
#fr_dreamteam_btn {
	background: url(/nfcanada/html_images/fr_dreamteam_sprite.png);
}


/* all buttons :hover */
#donate_now_btn:hover, 
#fr_donate_now_btn:hover,
#dreamteam_btn:hover, 
#fr_dreamteam_btn:hover {
	background-position:right;
}

#logged_in_menu a {
	color: white;
}