/*-----------------------------------------------------------------------------

__  __ `__ \  _ \  ___/  __ `/_  __ \  __ \
_  / / / / /  __/ /__ / /_/ /_  / / / /_/ /
/_/ /_/ /_/\___/\___/ \__,_/ /_/ /_/\____/

Main Style Sheet

site:      Le Chainon
version:   1.0
author:    Vincent Martin
email:     vincent@mecano.ca

Notes:
	All main and global rules.
	
	1. GLOBAL (=> global)
		--> Positioning Classes (=> pc)
		--> Anchors (=an)
		--> Typography (=typo)
		--> Base Layout (=base)
	
	2. HEADER (=> header) 
	3. CONTENT (=> content) 
	4. FOOTER (=> footer) 
	

------------------------------------------------------------------------------*/









0


/* Remove padding and margin
------------------------------------- */

* {margin:0; padding:0;} 



/* Global elements for tags
------------------------------------- */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  
}




/* Local elements for tags
-------------------------------------- */

h1 {
	background:url(../img/i_logo.gif) top left no-repeat;
	height:128px;
	left:20px;
	position:absolute;
	text-indent:-9000px;
	top:26px;
	width:106px;
}

body.treasure h1 {
	background:url(../img/i_logo_orange.gif) top left no-repeat;
	top:27px;
}

p  {
}

ul {list-style-type:none;}
li {}

img        {border:0;}    /* Remove border around linked img */
html, body {height:100% !important;} /* needed for container min-height */



/* Form elements
--------------------------------------- */

fieldset {border:0;}

label  {}
input  {}
select {}

.form_txtField {position:relative;}
.form_dropdown {}
.form_txtArea  {}
.form_cbox     {}
.form_submit   {}

/* Special fields */
.form_txtField input,
.form_txtArea textarea {
	background-image:url(../img/bg_input.jpg);
	background-repeat:no-repeat;			
	border:1px solid #ccc;
	color:#7b7b7b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	height:24px;
	padding: 6px 7px 0px;
	vertical-align:middle;
	
	/*border radius */
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}



/* Messages & Errors
---------------------------------------- */

.error_msg {
	left:6px;
	position:absolute;
	top:33px;
}

.error_msg p {
	color:#F00 !important;
	font-size:14px !important;
	font-weight:bold;
}

.tx_msg {
    display:none;
	left:36px;
	position:absolute;
	top:183px;
}

.tx_msg p {
	color:#23ce12 !important;
	font-size:14px !important;
	font-weight:bold;
}



/* Position classes
---------------------------------------- */

.alignLeft    {text-align:left;}
.alignJustify {text-align:justify;}
.alignRight   {text-align:right;}

.clear  {clear:both;} 
.left   {float:left;}
.right  {float:right;}
.top    {top:0px;}
.bottom {bottom:0px;}
.border {border:1px solid #000;}

.txt_photo {
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}



/* Links & Buttons
------------------------------------------------------------*/

a {
	outline:none;
	text-decoration:none;
}

a:hover {
	color:#F95;
}

.button, a.button {
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	outline:none;
	text-indent:-9000px;
}

.button:hover, a.button:hover {
	background-position:bottom left;
}

.txt_link {
	color:#2463b3;
	font-weight:bold;
	text-decoration:underline;
}

body.treasure .txt_link {
	color:#c45902;
	font-weight:bold;
	text-decoration:none;
}

.txt_link:hover {
	color:#4e97cf;
}

body.treasure .txt_link:hover {
	color:#dd6402;
}




/* Titles
------------------------------------------- */

.title {
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9000px;
}

.article_title {
	color:#41699c;
	border-bottom:1px solid #d3dce5;
	font-size:25px;
	font-style:italic;
	font-weight:normal;
	line-height:23px;
	margin-bottom:13px;
	margin-top:-3px;
	padding-top:8px;
	padding-bottom:14px;
}

.article_title span {
	color:#444;
	font-size:17px;
	font-weight:bold;
}

body.treasure .article_title {
	color:#ca5b02;
	border-bottom:1px solid #f6e3d3;
}

.small_title {
	color:#4d76aa;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:12px;
}

.black_title {
	color:#444;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:12px;
}

body.treasure .small_title {
	color:#c25e0b;
}


/* Typography
------------------------------------------- */

body {
	color:#233d6e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:normal;
	line-height:17px;
}

.bold      {font-weight:bold;}
.normal    {font-weight:normal;}
.italic    {font-style:italic;}
.mini      {font-size:9px;}
.maincolor {color:#666;}
.white     {color:#FFF;}
.dark      {color:#000;}
.orange    {color:#e87800;}

.citation {
	color:#3b5e8b;
	font-size:14px;
	font-style:italic;
}

body.treasure .citation {
	color:#c45902;
}

#content .main_content p {
	clear:both;
	color:#444;
	font-size:15px;
	line-height:23px;
	margin-bottom:14px;
}

.signature {
	font-size:12px !important;
    margin-top:10px;
    margin-left:8px;
}




/* Base Layout
------------------------------------------------------------- */

body {
	background-color:#b1c8d8;
	height:auto;
	min-height:100% !important;
	width:100%;
}

body.treasure {
	background-color:#e8c8a3;
}

#body_wrapper {

	background:url(../img/i_gradient_bkd.jpg) top left repeat-x;
	height:auto;
	min-height:100% !important;
	width:100%;
}

body.treasure #body_wrapper {
	background:url(../img/i_gradient_orange_bkd.jpg) top left repeat-x;
}

#background {
	background:url(../img/i_blue_bkd.jpg) top center no-repeat;
	min-height:100%;
	min-width:970px !important;
    position:relative;
	width:100%;
}

body.treasure #background {
	background:url(../img/i_orange_bkd.jpg) top center no-repeat;
}

#page_wrapper {
	height:auto !important;
    height:100%;
	margin:0 auto -255px;
	min-height:100%;
	position:relative;
	text-align:left;
	width:920px;
}

#fade_bkd {
	background:url(../img/i_fade_bkd.png) top left repeat;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:99;
}

.b_ribbon {
	background:url(../img/i_ribbon_test2.png);
	height:127px;
    position:relative;
    float:right;
	margin-left:-35px;
	width:126px;
	z-index:50;
}

body.treasure .b_ribbon {
	background:url(../img/i_blue_ribbon.png);
}

/* =======================================================================
========================================================================== */


























/* =======================================================================
==                         NAVIGATION (=nav)                            ==
========================================================================== */


/* LEGAL Nav
----------------------------- */

.legal_nav {
	float:right;
	height:17px;
	margin-right:14px !important;
    margin-right:16px;
	padding-top:15px;
	position:relative;
	width:696px;
}

.legal_nav li {
	display:inline;
	margin-left:20px;
}

.legal_nav a {
	color:#88cbff;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

.legal_nav .lang, .legal_nav .lang:hover {
	color:#9eb1c7;
}

.legal_nav a span {
	font-size:9px;
	float:right;
    width:78px;
	margin-top:-4px;
    margin-right:-4px;
}

.legal_nav a:hover {
	color:#fff;
}

.legal_nav .lang_li {
	width:200px;
}

/* Active effects */
body.press .legal_nav .b_press, body.press .legal_nav .b_press:hover,
body.join_us .legal_nav .b_join, body.join_us .legal_nav .b_join:hover,
body.send_list .legal_nav .b_send_list, body.send_list .legal_nav .b_send_list:hover,
body.news .legal_nav .b_manchettes, body.news .legal_nav .b_manchettes:hover {
	color:#fff;
}


/* MAIN Nav
----------------------------- */

.main_nav {
	height:26px;
	position:absolute;
	right:13px;
	top:120px;
	width:655px;
    z-index:120;
}



.main_nav li {
	display:inline;
	margin-left:23px;
}

.main_nav a {
	color:#fff;
	font-size:20px;
	line-height:21px;
}

.main_nav a:hover {
	color:#88cbff;
}

body.home .b_home, body.home .b_home:hover,
body.about .b_about, body.about .b_about:hover,
body.ressources .b_ress, body.ressources .b_ress:hover,
body.help .b_help, body.help .b_help:hover {
	color:#88cbff;
    
}

body.golf .b_about {
	color:#fff;
}

/* Content Nav
------------------------------------------ */

.about_nav, .ress_nav,
.treasure_nav {
	background:url(../img/i_aboutnav_bkd.gif) top left no-repeat;
	height:66px;
	padding:11px 0 0 14px;
    margin-right:0 !important;
    margin-right:-20px;
	width:640px !important;
    width:636px;
}

.help_nav {
	background:url(../img/i_helpnav_bkd.gif) top left no-repeat;
	height:103px;
	padding:11px 0 0 14px;
    margin-right:0 !important;
    margin-right:-20px;
	width:640px !important;
    width:636px;
}

.ress_nav {
	width:640px !important;
    width:645px;
}

.treasure_nav {
	background:url(../img/i_treasure_nav_bkd.gif) top left no-repeat;
}

.exept {
    clear:both;
    width:300px;
}


.about_nav li, .ress_nav li,
.help_nav li, .treasure_nav li {
	float:left;
	margin-bottom:20px;
	margin-right:11px;
}

.help_nav li {
	margin-right:14px;
}

.help_nav .last {
	margin-right:0;
}

.about_nav a, .ress_nav a,
.help_nav a, .treasure_nav a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

.about_nav a:hover, .ress_nav a:hover,
.help_nav a:hover {
	color:#88cbff;
}

.treasure_nav a:hover {
	color:#fcb210;
}


/* Active effects on links
----------------------------------- */

#content.story .about_nav .story, #content.story .about_nav .story:hover,
#content.calendar .about_nav .calendar, #content.calendar .about_nav .calendar:hover,
#content.speaker .about_nav .speaker, #content.speaker .about_nav .speaker:hover,
#content.admin .about_nav .admin, #content.admin .about_nav .admin:hover, 
#content.honor .about_nav .honor, #content.honor .about_nav .honor:hover,
#content.team .about_nav .team, #content.team .about_nav .team:hover,
#content.price .about_nav .price, #content.price .about_nav .price:hover,
#content.jobs .about_nav .jobs, #content.jobs .about_nav .jobs:hover,

#content.inc .ress_nav .inc, #content.inc .ress_nav .inc:hover,
#content.night .ress_nav .night, #content.night .ress_nav .night:hover,
#content.short_term .ress_nav .short_term, #content.short_term .ress_nav .short_term:hover,
#content.trans .ress_nav .trans, #content.trans .ress_nav .trans:hover,
#content.house .ress_nav .house, #content.house .ress_nav .house:hover,

#content.single_donation .help_nav .single, #content.single_donation .help_nav .single:hover,
#content.food_donation .help_nav .food, #content.food_donation .help_nav .food:hover,
#content.planned_donation .help_nav .planned, #content.planned_donation .help_nav .planned:hover,
#content.company_donation .help_nav .company, #content.company_donation .help_nav .company:hover,
#content.memoriam_donation .help_nav .memoriam, #content.memoriam_donation .help_nav .memoriam:hover,
#content.activities .help_nav .activities, #content.activities .help_nav .activities:hover,
#content.vol_work .help_nav .vol_work, #content.vol_work .help_nav .vol_work:hover,
#content.thanks .help_nav .thanks, #content.thanks .help_nav .thanks:hover {
	color:#88cbff;
}

#content.give_what .treasure_nav .b_give_what, #content.give_what .treasure_nav .b_give_what:hover,
#content.findings .treasure_nav .b_findings, #content.findings .treasure_nav .findings:hover,
#content.wanted .treasure_nav .b_wanted, #content.wanted .treasure_nav .wanted:hover,
#content.coord .treasure_nav .b_coordinates, #content.coord .treasure_nav .b_coordinates:hover {
	color:#fcb210;
}


/* Categories nav
------------------------------------------ */

.category_nav {
	padding-bottom:15px;
	width:650px;
}

.category_nav_golf {
	padding-bottom:35px;
}

.category_nav li {
	margin-bottom:1px;
	height:38px;
	width:650px;
}

.category_nav a {
	color:#243e6f;
	display:block;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	height:27px;
	padding:11px 0 0 25px;
	width:625px;
}

.category_nav a:hover {
	background-position:bottom left;
}

.category_nav .db_bkd {background:url(../img/b_catnav_dark.gif) top left no-repeat;}
.category_nav .pb_bkd {background:url(../img/b_catnav_pale.gif) top left no-repeat;}



/* Footer Nav
----------------------------- */
.footer_nav {
	height:26px;
	position:relative;
	width:100%;
}

.footer_nav li {
	display:inline;
	margin-right:8px;
}

.footer_nav a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.footer_nav a:hover {
	color:#23467a;
}

body.home .f_home, body.home .f_home:hover,
body.about .f_about, body.about .f_about:hover,
body.ressources .f_ress, body.ressources .f_ress:hover,
body.help .f_help, body.help .f_help:hover,
body.send_list .f_list, body.send_list .f_list:hover,
body.join_us .f_join, body.join_us .f_join:hover,
body.press .f_press, body.press .f_press:hover {
	color:#23467a;
}

body.golf .f_about {
	color:#fff;
}

/* =======================================================================
========================================================================== */



















/* =======================================================================
==                            HEADER (=head)                            ==
========================================================================== */

#header {
	
	height:182px;
	width:100%;
}

/* =======================================================================
========================================================================== */








































/* =======================================================================
==                            CONTENT (=cont)                           ==
========================================================================== */

#content {
	clear:both;
	width:100%;
}


body.home #content       {height:auto;}
body.about #content      {height:auto;}
body.ressources #content {height:auto;}
body.help #content       {height:auto;}
body.treasure #content   {height:auto;}
body.press #content      {height:auto;}
body.news #content       {height:auto;}
body.join_us #content    {height:auto;}
body.send_list #content  {height:auto;}
body.golf #content       {height:auto;}


#content .main_content .info h2  {
	width:600px;
}


/* HOME PAGE
======================================================== */


/* Home topics
--------------------------- */
.home_topics {
	height:285px;
	margin-left:-9px !important;
	margin-left:-18px;
	width:909px !important;
	width:918px;
}

.home_topics .topic_blk {
	float:left;
	margin-left:9px;
}


/* Main article
----------------------------- */
.main_article {
	background-color:#fff;
	height:274px;
	margin-top:12px !important;
	margin-top:-6px;
	position:relative;
	padding:26px 0 0 23px;
	width:876px;
}

.main_article h2 {
	color:#41699c;
	font-size:27.3px;
	font-style:italic;
	font-weight:normal;
	line-height:24px;
	margin-bottom:18px;
	margin-top:-3px;
}

.main_article p {
	line-height:20px;
	margin-bottom:12px;
	width:445px;
}

.main_article .media {
	height:298px;
	left:526px;
	position:absolute;
	top:27px;
	width:358px;
}

.main_article .media a {
	background:url(../img/b_tournoi.jpg) top left no-repeat;
	height:298px;
	width:358px;
}

.main_article .media a:hover {background-position:bottom left;}

/*
.main_article .media {
	background:url(../img/i_homevid_placeholder.jpg) top left no-repeat;
	height:298px;
	left:526px;
	position:absolute;
	top:27px;
	width:358px;
}
*/


/* Featured articles
----------------------------- */
.featured {
	background-color:#fff;
	height:309px;
	margin:25px 0 20px 0;
	padding:26px 0 0 23px;
	width:876px;
}

.featured .heading {
	border-bottom:1px solid #d3dce5;
	height:30px;
	margin-bottom:15px;
	width:853px;
}

.featured .info {
	margin-left:3px !important;
	margin-left:3px;
}

.featured .heading h2 {
	color:#4a4a4a;
	float:left;
	font-size:25.3px;
	font-style:italic;
	font-weight:normal;
	line-height:21px;
}

.featured .heading a {
	background:url(../img/i_rss_icon.gif) top right no-repeat;
	color:#f57f00;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:27px;
	margin-top:-10px !important;
	margin-top:-5px;
	padding-top:12px;
	width:200px;
}

.featured .heading a:hover {
	color:#f18f27;
}


.featured_blk, .featured_blk_last {
	float:left;
	height:auto;
    margin-right:67px;
	width:235px;
}

.featured_blk_last {
	margin-right:0;
}

.featured_blk h3, .featured_blk_last h3{
	height:65px;
}

.featured_blk h3 a, .featured_blk_last h3 a {
	color:#444;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

.featured_blk h3 span, .featured_blk_last span {
	color:#444;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
}

.featured_blk p, .featured_blk_last p {
	color:#444;
	font-size:15px;
	height:150px;
	line-height:20px;
}

.featured_blk a, .featured_blk_last a {
	color:#4d76aa;
	font-size:12.6px;
	font-style:italic;
	font-weight:bold;
}

.featured_blk a:hover, .featured_blk_last a:hover {
	color:#245ea7;
}

/* ======================================================== */


















/* ABOUT PAGE
======================================================== */


/* Main Content
---------------------------------- */

#content.story .main_content, #content.calendar .main_content,
#content.speaker .main_content, #content.admin .main_content,
#content.honor .main_content, #content.team .main_content,
#content.price .main_content, #content.jobs .main_content {
	background-color:#fff;
	float:left;
	height:auto;
    min-height:585px;
	margin-bottom:22px;
	position:relative;
	width:650px;
}

#content.story .info, #content.calendar .info,
#content.speaker .info, #content.admin .info,
#content.honor .info, #content.team .info,
#content.price .info, #content.jobs .info {
	height:auto;
	padding:18px 0 15px 27px;
	text-align:justify;
	width:600px;
}

body.about #content .info {
	height:auto !important;
    min-height:198px;
	padding:18px 0 15px 27px;
	text-align:left;
	width:600px;
}

body.about #content .min_hgt {
	height:475px;
	float:left;
	width:0;
}

body.about #content.price .min_hgt {
	height:541px;
}

body.about #content .info_text {
	float:left;
	width:600px;
}


body.about #content .info_bot {
	background-color:#fff;
	clear:both;
	height:200px;
	width:650px;
}



/* STORY ============ */

body.about #content.story .info_bot {
    background:url(../img/p_historic.jpg) top left no-repeat;
    margin-top:-15px;
}

/* CALENDAR ========== */

#content.calendar .event_blk {
	border-bottom:1px solid #d3dce5;
	clear:both;
	height:auto;
	margin-bottom:15px;
	padding-bottom:14px;
	width:600px;
}

#content.calendar .last {
	border-bottom:none;
    margin-bottom:-3px;
}

#content.calendar .event_blk h3 {
	color:#4D76AA;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:4px;
	
}

#content.calendar .event_blk h4 {
	color:#444;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:14px;
	
}

#content.calendar .event_blk p,
#content.calendar .event_blk_last p {
	line-height:23px;
	margin-bottom:0;
    margin-top:17px;
	
}

#content.calendar .event_blk img {
	padding-top:5px;
	
}

#content.calendar .calendar_logo {
	height:auto;
	overflow:hidden;
	padding-top:10px;
	width:600px;
}

/* SPEAKER ============ */

body.about #content.speaker .info {
	height:auto !important;
    min-height:475px;
}

/* ADMINISTRATION ========= */

#content.admin .info p {
	margin-bottom:13px;
}

/* HONORIFICS ========= */

#content.honor .info p {
	margin-bottom:5px;
}

/* TEAM ========= */

#content.team .info p {
	margin-bottom:13px;
}

/* PRICE ========= */

body.about #content.price .info {
	height:auto;
    min-height:540px;
}

#content.price .info p {
	margin-bottom:22px;
}

#content.price .other_price    {margin-top:40px;}
#content.price .other_price h2 {margin-bottom:22px;}
#content.price .other_price p  {margin-bottom:12px;}

#content.price .trophy {
	background:url(../img/i_trophy.png) top left no-repeat;
	bottom:-1px;
	height:403px;
	left:390px;
	position:absolute;
	text-indent:-9000px;
	width:236px;
}

/* JOBS ========= */

body.about #content.jobs .info {
	height:auto !important;
    min-height:475px;
}

#content.jobs .event_blk {
	border-bottom:1px solid #d3dce5;
	clear:both;
	height:auto;
	margin-bottom:10px;
	width:600px;
}

#content.jobs .last {
	border-bottom:none;
}

#content.jobs .info h3 {
	color:#4D76AA;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:5px;
	
}

#content.jobs .info h4 {
    color:#444;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    margin-top:3px;
}

#content.jobs .info p {
    color:#444;
    line-height:23px;
    padding-bottom:12px;
}

#content.jobs .info ul {
	list-style:disc;
	margin-left:14px;
    padding-bottom:0;
}

#content.jobs .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:575px;
}

/* ASSOCIATES ========= */

body.about #content.associates .info_bot {
    background:url(../img/p_associates.jpg) top left no-repeat;
    margin-top:-15px;
}

/* GOLF TOURNAMENT ========= */

.golf_logo {
	height:334px;
	width:650px;
}

/* ======================================================== */



















/* SERVICES & RESSOURCES PAGE
======================================================== */


/* Main Content
---------------------------------- */

body.ressources #content .main_content {
	background-color:#fff;
	float:left;
	height:auto;
	margin-bottom:22px;
	position:relative;
	width:650px;
}

body.ressources #content .info {
    height:auto;
	padding:18px 0 15px 27px;
	text-align:left;
	width:600px;
}

body.ressources #content .min_hgt {
    height:173px;
    float:left;
	width:0;
}

body.ressources #content .info_text {
    float:left;
    width:600px;
}


body.ressources #content .need_us {
	background-color:#e1ebf1;
    clear:both;
	height:45px;
	padding:25px 0 0 27px;
	width:623px;
}

body.ressources #content .need_us span {
	color:#2c4a7f;
	font-size:19px;
	font-style:italic;
	line-height:20px;
}

body.ressources #content .info_bot {
	background-color:#fff;
	clear:both;
    height:345px;
	width:650px;
}

body.ressources #content.inc .info_bot        {background:url(../img/p_inconditional_new.jpg) top left no-repeat;}
body.ressources #content.night .info_bot      {background:url(../img/p_night.jpg) top left no-repeat;}
body.ressources #content.short_term .info_bot {background:url(../img/p_transition.jpg) top left no-repeat;}
body.ressources #content.trans .info_bot      {background:url(../img/p_short_term.jpg) top left no-repeat;}
body.ressources #content.house .info_bot      {background:url(../img/p_house_yvonne.jpg) top left no-repeat;}


/* INCONDITIONAL ======== */


/* NIGHT TIME ======== */

#content.night .info span {
	color:#4d76aa;
	font-style:italic;
	font-weight:bold;
}


/* SHORT TERM ======== */


/* TRANSITION ======== */


/* YVONNE-MAIS. HOUSE ==== */


/* ======================================================== */















/* HELP US PAGE
======================================================== */


/* Main Content
---------------------------------- */

#content.single_donation .main_content, #content.food_donation .main_content,
#content.planned_donation .main_content, #content.company_donation .main_content,
#content.memoriam_donation .main_content, #content.activities .main_content,
#content.vol_work .main_content, #content.thanks .main_content {
	background-color:#fff;
	float:left;
	height:auto;
	margin-bottom:22px;
	padding-top:184px;
	position:relative;
	width:650px;
}

#content.single_donation .main_content   {background:url(../img/p_help_single_donation.jpg) #fff top left no-repeat;}
#content.food_donation .main_content     {background:url(../img/p_help_monthly_donation.jpg) #fff top left no-repeat;}
#content.planned_donation .main_content  {background:url(../img/p_help_planned_donation.jpg) #fff top left no-repeat;}
#content.company_donation .main_content  {background:url(../img/p_help_company_donation.jpg) #fff top left no-repeat;}
#content.memoriam_donation .main_content {background:url(../img/p_help_memoriam_donation.jpg) #fff top left no-repeat;}
#content.activities .main_content        {background:url(../img/p_help_activities.jpg) #fff top left no-repeat;}
#content.vol_work .main_content          {background:url(../img/p_vol_work.jpg) #fff top left no-repeat;}
#content.thanks .main_content            {background:url(../img/p_help_thanks.jpg) #fff top left no-repeat;}

#content.single_donation .info, #content.food_donation .info,
#content.planned_donation .info, #content.company_donation .info,
#content.memoriam_donation .info, #content.activities .info, 
#content.vol_work .info, #content.thanks .info {
	height:auto;
	text-align:left;
	padding:18px 0 15px 27px;
	width:600px;
}

body.help #content .min_hgt {
	height:258px !important;
    height:271px;
    float:left;
	width:0;
}

body.help #content .info_text {
    float:left;
	width:600px;
}

body.help #content .info_bot {
	background:url(../img/p_three_women.jpg) #fff top left no-repeat;
	clear:both;
	height:200px;
	width:650px;
}


/* SINGLE DONATIONS ======== */

body.help #content .serial {
    clear:both;
	font-size:12px;
    float:right;
    margin-right:4px;
    height:35px;
}


/* MONTHLY DONATIONS ======== */

#content.monthly_donation .info ul {
	list-style:disc;
	margin-left:14px;
    margin-top:23px;
}

#content.monthly_donation .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:575px;
}


/* PLANNED DONATIONS ======== */

#content.planned_donation table {
	margin-bottom:15px;
    text-align:center;
}

#content.planned_donation th {
	color:#4d76aa;
    font-size:14px;
    padding:4px;
}

#content.planned_donation td {
	color:#444;
    font-size:13px;
    padding:4px;
}

#content.planned_donation .info ul {
	list-style-type:disc;
	margin:21px 0 10px 28px;
}

#content.planned_donation .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:559px;
}

#content.planned_donation .info .event_blk {
	border-bottom:1px solid #d3dce5;
	clear:both;
	height:auto;
	margin-bottom:17px;
	padding-bottom:2px;
	width:600px;
}

#content.planned_donation .info .event_blk h3 {
	color:#4d76aa;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:7px;
	
}

#content.planned_donation .info .last {
	border-bottom:none;
}

#content.planned_donation .unheritage {
	clear:both;
	height:115px;
	padding-top:30px;
	width:600px;
}

#content.planned_donation .unheritage p {
	float:left;
	width:370px;
}

#content.planned_donation .unheritage span {
	font-style:italic;
    font-size:14px;
}

#content.planned_donation .unheritage .logo {
	background:url(../img/i_cagp_logo.gif);
	float:right;
	height:124px;
	margin-top:-25px;
	width:129px;
}

#content.planned_donation .info .category_nav {
	margin:0 0 -20px -27px;
    position:relative;
}

#content.planned_donation .info .notice {
	border-top:none;
}

#content.legs .info_bot, #content.insurance .info_bot,
#content.actions .info_bot, #content.other .info_bot,
#content.donation_funds .info_bot, #content.fiscal .info_bot {
	margin-top:-10px;
}

/* COMPANY DONATIONS ======== */

#content.company_donation .info .category_nav {
clear:both;
    position:relative;
	margin:0 0 -16px -27px;
}

#content.company_donation .info_bot {
	margin-top:-14px;
}


/* IN MEMORIAM DONATIONS ======== */

#content.memoriam_donation .info ul {
	list-style-type:disc;
	margin:21px 0 10px 28px;
}

#content.memoriam_donation .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:559px;
}

/* ORGANIZE ACTIVITIES ======== */

#content.activities .info ul {
	list-style-type:disc;
	margin:21px 0 10px 28px;
}

#content.activities .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:559px;
}

/* VOLUNTARY WORK ======== */

#content.vol_work .info_bot {
	
}

#content.vol_work .info ul {
	list-style-type:disc;
	margin:20px 0 10px 30px;
}

#content.vol_work .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:575px;
}


/* THANKS ======== */

#content.thanks .info ul {
	list-style-type:none;
	margin-left:3px;
	margin-bottom:16px;
}

#content.thanks .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
	width:575px;
}

/* ======================================================== */





















/* TREASURE CHEST PAGE
======================================================== */


/* Main Content
---------------------------------- */

#content.home .main_content, #content.give_what .main_content,
#content.findings .main_content, #content.wanted .main_content,
#content.coord .main_content {
	background-color:#fff;
	float:left;
	height:auto;
	margin-bottom:21px;
	position:relative;
	width:650px;
}

#content.home .info, #content.give_what .info,
#content.findings .info, #content.wanted .info,
#content.coord .info {
	height:auto !important;
    min-height:245px;
	padding:18px 0 15px 27px;
	text-align:left;
	width:600px;
}

body.treasure #content .info_bot {
	background:url(../img/p_treasure_home.jpg) #fff top left no-repeat;
	clear:both;
	height:230px;
	width:650px;
}

body.treasure #content.wanted .info_bot {
	background:url(../img/p_wanted_vol_workers.jpg) #fff top left no-repeat;
}


/* HOME PAGE ======== */




/* GIVE WHAT? ======== */

#content.give_what .info_bot {
	
}

#content.give_what .info ul {
	list-style-type:disc;
	margin:23px 0 6px 30px;
}

#content.give_what .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:575px;
}

#content.give_what .map     {height:196px;}
#content.give_what .map img {float:left;}

#content.give_what .map_address {
	float:left;
	margin-left:24px;
	padding-top:5px;
	text-align:left;
	width:245px;
}


/* FINDINGS ======== */

#content.findings .event_blk {
	border-bottom:1px solid #f5d4ba;
	clear:both;
	height:auto;
	margin-bottom:18px;
	padding-bottom:18px;
	width:600px;
}

#content.findings .last {
	border-bottom:none;
    margin-bottom:-10px;
}

#content.findings .event_blk h3 {
	color:#ca5b02;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:7px;
	
}

#content.findings .event_blk p {
    color:#444;
    font-size:15px;
    line-height:23px;
    margin-bottom:0;
    margin-top:14px;
}

#content.findings .findings_pic {
	height:auto;
    margin-top:14px;
	width:600px;
}

#content.findings .info_bot {
	background:url(../img/i_house_orange_bkd.gif) top left no-repeat;
	clear:both;
	height:248px;
	width:650px;
}


/* WANTED VOLUNTARY WORKERS ======== */

#content.wanted .info_bot {
	background:url(../img/i_house_orange_bkd.gif) top left no-repeat;
	clear:both;
	height:248px;
	width:650px;
}

#content.wanted .info ul {
	list-style-type:disc;
	margin:18px 0 10px 21px;
}

#content.wanted .info li {
	color:#444;
	font-size:14px;
	line-height:20px;
    vertical-align:top;
    top:-.5em;
    position:relative;
	margin-bottom:10px;
	width:575px;
}


/* COORDINATES & OPENING HOURS ======== */

#content.coord .info_bot {
	background:url(../img/i_house_orange_bkd.gif) top left no-repeat;
	clear:both;
	height:248px;
	width:650px;
}

#content.coord .coord_blk {
	height:160px;
}

#content.coord .address_blk {
	float:left;
	width:320px;
}

#content.coord .hours_blk {
	float:left;
	margin-left:18px;
	width:260px;
}

#content.coord .open_hours {
	font-size:12px;
    font-style:italic;
    font-weight:bold;
    line-height:19px;
    margin-top:-3px;
    text-align:left;
}


/* ======================================================== */




















/* PRESS PAGE
======================================================== */


/* Main Content
---------------------------------- */

#content.press .main_content {
	background-color:#fff;
	float:left;
	height:auto !important;
	min-height:585px;
	margin-bottom:22px;
	position:relative;
	width:650px;
}

#content.press .info {
	clear:both;
	height:auto !important;
	min-height:276px;
	padding:18px 0 15px 27px;
	width:623px;
}

#content.press .info ul {
	list-style-type:none;
	margin-left:3px;
	margin-bottom:16px;
}

#content.press .info li {
	margin-bottom:7px;
}

#content.press .photo_note {
    margin-top:-6px;
}

#content.press .info a {
	font-style:italic;
	font-weight:normal;
	text-decoration:none;
}

#content.press .form_dropdown {
	height:30px;
	margin-left:3px;
	margin-top:-2px;
}

#content.press .form_dropdown select {
	width:150px;
}


/* ======================================================== */
















/* NEWS PAGE
======================================================== */


/* Main Content
---------------------------------- */

#content.news .main_content {
	background-color:#fff;
	float:left;
	height:auto !important;
	min-height:637px;
	margin-bottom:20px;
	position:relative;
	width:650px;
}

#content.news .main_content {
	text-align:left;
}

#content.news .article_title {
	margin-bottom:22px;
}

#content.news .info {
	clear:both;
	height:auto !important;
	min-height:276px;
	padding:18px 0 15px 27px;
	width:623px;
}

#content.news .news_blk {
	border-bottom:1px solid #d5e4f1;
	height:auto;
	margin-bottom:20px;
	padding-bottom:4px;
	width:600px;
}

#content.news .news_blk img {
	padding-bottom:15px;
}

#content.news .info h3 {
	color:#444;
	font-style:italic;
	font-weight:bold;
	margin-bottom:5px;
}

#content.news .info h4 {
	color:#444;
	font-style:italic;
	font-weight:normal;
    font-size:14px;
	margin-bottom:20px;
}

#content.news .info a {
	color:#2463b3;
	font-weight:bold;
	text-decoration:underline;
}

#content.news .info a:hover {
	color:#4e97cf;
}

#content.news .pagination,
#content.news .pagination_top {
	float:right;
    height:35px;
    margin-right:21px;
}

#content.news .pagination {
    margin-top:-8px;
}

#content.news .pagination_top {
    margin-top:-55px;
}

#content.news .pagination a,
#content.news .pagination_top a {
	margin:0 2px 0 5px;
}


#content.news .pagination .page_num_active,
#content.news .pagination .page_num_active:hover,

#content.news .pagination_top .page_num_active,
#content.news .pagination_top .page_num_active:hover {
	text-decoration:none;
    color:#4e97cf;
}




/* ======================================================== */



















/* JOIN US PAGE
======================================================== */


/* Main Content
---------------------------------- */

#content.join_us .main_content {
	background-color:#fff;
	float:left;
	height:auto !important;
	min-height:585px;
	margin-bottom:22px;
	position:relative;
	width:650px;
}

#content.join_us .info {
	clear:both;
	height:auto !important;
	min-height:276px;
	padding:18px 0 15px 27px;
	width:623px;
}

#content.join_us .main_address {
	border-bottom:1px solid #d5e4f1;
	margin-bottom:21px;
	padding:6px 0 3px 0;
	width:600px;
}

#content.join_us .main_address a {
	font-style:italic;
	text-decoration:none;
}

#content.join_us .sub_address {
	height:220px;
	width:600px;
}

#content.join_us .sub_address a {
	color:#c45902;
	font-style:italic;
	text-decoration:none;
}

#content.join_us .sub_address a:hover {
	color:#e45902;
}

#content.join_us .sub_left, #content.join_us .sub_right {
	float:left;
	margin-top:20px;
}

#content.join_us .sub_left {
	height:auto;
    margin-top:2px;
	width:320px;
}

#content.join_us .sub_right {
	height:auto;
	margin-left:20px;
    margin-top:2px;
	width:250px;
}

#content.join_us .sub_right p {
	margin-bottom:6px;
}


/* ======================================================== */






















/* SEND LIST PAGE
======================================================== */


/* Main Content
---------------------------------- */

#content.send_list .main_content {
	background-color:#fff;
	float:left;
	height:auto;
	margin-bottom:30px;
	position:relative;
	width:650px;
}

#content.send_list .info {
	height:auto;
	padding:18px 0 15px 27px;
	width:623px;
}

#content.send_list .info form {
	padding-top:15px;
	padding-bottom:70px;
}

#content.send_list .form_txtField,
#content.send_list .form_submit {
	float:left;
	margin-right:10px;
}

#content.send_list .form_txtField input {
	width:235px;
}

#content.send_list .form_submit input {
	display:none;
}

#content.send_list .form_submit a {
	background:url(../img/b_send.gif);
	height:28px;
	margin-top:2px;
	width:91px;
}

#content.send_list .form_submit a:hover {
	background-position:bottom left;
}


/* ======================================================== */





















/* SIDE CONTENTS
======================================================== */

#content .side_content {
	float:left;
	height:auto;
	margin-left:32px;
	width:218px;
}

#content .side_content_help {
	float:left;
	height:auto;
	margin-left:32px;
	width:218px;
}

#content .side_content .topic_blk {
	margin-bottom:19px;
}

/* ======================================================== */

/* =======================================================================
========================================================================== */
























/* =======================================================================
==                            FOOTER (=footer)                          ==
========================================================================== */

#footer {
	background:url(../img/i_footer_bkd.gif) #fff top left repeat-x;
	bottom:0;
	clear:both;
	height:260px;
	position:relative;
	width:100%;
}

.push {
	clear:both;
	height:260px;
}


.footer_wrapper {
	height:auto;
	margin:0 auto;
	padding-top:6px;
	width:920px;
}


/* FOOTER Information
----------------------------- */
.footer_info {
	color:#6e6e6e;
	font-size:13px;
	height:150px;
	margin-top:15px;
	position:relative;
	width:100%;
}

.coordinates, .sponsor_msg, .sponsor_logo {
	float:left;
	height:100%;
}

/* Address */
.coordinates {
	border-right:1px solid #cbd9e4;
	padding-top:5px;
	width:458px;
}

.coordinates p {
	line-height:21px;
}

.coordinates .orange     {color:#e87800;}
.coordinates .blue       {color:#537cb0;}
.coordinates .mail       {color:#537cb0; text-decoration:underline;}
.coordinates .mail:hover {color:#23467a;}
.coordinates .note       {color:#959595; font-size:12px;}

/* Sponsor message */
.sponsor_msg {
	border-right:1px solid #cbd9e4;
	padding:5px 0 0 22px;
	width:260px;
}

.sponsor_msg p {
	line-height:17px;
}

/* Sponsor logo */
.sponsor_logo {
	padding-left:25px;
	width:127px;
}

.sponsor_logo a {
	background:url(../img/i_footer_logo.gif);
	height:124px;
	width:129px;
}

/* =======================================================================
========================================================================== */




















/* =======================================================================
==                            BLOCKS (=block)                           ==
========================================================================== */



/* Topic Blocks
------------------------------- */

.topic_blk, .topic_blk a {
	height:285px;
	width:218px;
}

.topic_blk a {
	background:url(../img/i_topic_blk_bkd.gif) top left no-repeat;
    display:block;
}

body.treasure .topic_blk a {
	background:url(../img/i_topic_blk_orange_bkd.gif) top left no-repeat;
}

.topic_blk a:hover,
body.treasure .topic_blk a:hover {
	background-position:bottom left;
}


.topic_blk .topic_thumb {
	background-position:top left;
	background-repeat:no-repeat;
	height:203px;
	width:100%;
}

.topic_blk .services {background:url(../img/i_services_thumb.jpg);}
.topic_blk .give_now {background:url(../img/i_givenow_thumb.jpg);}
.topic_blk .vol_work {background:url(../img/i_vol_work_thumb.jpg);}
.topic_blk .treasure {background:url(../img/i_treasure_thumb.jpg);}

.topic_blk .topic_info {
	height:71px;
	padding:11px 0 0 13px;
	position:relative;
	width:205px;
}

.topic_blk .topic_info p {
	color:#b5daff;
	font-size:17px;
	line-height:20px;
}

body.treasure .topic_blk .topic_info p {
	color:#fff;
}


/* Help page text block
------------------------------- */

.help_blk {
	border-top:1px solid #d5e4f1;
	padding-top:20px;
	width:600px;
}

body.treasure .help_blk {
	border-top:1px solid #f6e3d3;
}

/* Facts
------------------------------- */

.fact {
	height:auto;
	margin-bottom:10px;
	width:218px;
}

.fact_cnt {
	background-color:#294679;
	height:auto;
	padding:15px 0 12px 20px;
	width:198px;
}

.fact_bot {
	background:url(../img/i_talk_bubble.gif) top left no-repeat;
    clear:both;
	height:32px;
	width:218px;
}

.fact span, .fact span h6 {
	color:#fff;
	font-size:16px;
	font-style:italic;
	line-height:22px;
    width:183px;
}

.fact span h6 {
    border-bottom:1px solid #3c6094;
    font-weight:normal;
	margin-bottom:-6px;
    padding-bottom:5px;
    width:180px;
}

.fact span li {
	margin-bottom:7px;
}

.fact span .last {
	margin-bottom:0;
}

#content .fact .all {display:block;}

#content .fact .fact_vol_work,
#content .fact .fact_planned,
#content .fact .fact_company,
#content .fact .fact_thanks {
    display:none;
}

#content.vol_work .fact .all,
#content.planned_donation .fact .all,
#content.company_donation .fact .all,
#content.food_donation .fact .all,
#content.thanks .fact .all {
    display:none;
}

#content.vol_work .fact .fact_vol_work,
#content.planned_donation .fact .fact_planned,
#content.company_donation .fact .fact_company,
#content.food_donation .fact .fact_company,
#content.thanks .fact .fact_thanks {
    display:block;
}


/* How to donate
------------------------------- */

.how_to_donate {
	background-color:#fff;
	height:570px;
	margin-bottom:20px;
	padding:21px 0 0 14px;
	width:204px;
}

.how_to_donate h2, .how_to_donate h3 {
	border-bottom:1px solid #d5e4f1;
	color:#4d76aa;
	font-size:18px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:5px;
	width:191px;
}

.how_to_donate h3 {
	border:none;
	margin-bottom:22px;
}

.how_to_donate h3 span {
	font-weight:normal;
	font-style:italic;
	font-size:16px;
}

.how_to_donate h4 {
	color:#294679;
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
}

.how_to_donate .email h4 {
	letter-spacing:-1px;
}

.how_to_donate p {
	color:#474747;
	font-size:14px;
	font-style:italic;
	line-height:18px;
	margin-bottom:4px;
}

.how_to_donate .online p {width:152px;}
.how_to_donate .phone p  {width:173px;}
.how_to_donate .email p  {width:150px;}

.how_to_donate .phone span, .how_to_donate .email span {
	font-size:12px;
	font-style:italic;
}

.how_to_donate .email ul {
	list-style:disc;
	margin-top:7px;
	margin-left:12px;
}

.how_to_donate .email li {
	font-size:12px;
	font-style:italic;
	line-height:15px;
	margin-bottom:6px;
}

.how_to_donate .online, .how_to_donate .phone,
.how_to_donate .email {
	border-bottom:1px solid #d5e4f1;
	height:auto;
	margin-bottom:12px;
	padding-bottom:10px;
	padding-left:2px;
	width:189px;
}

.how_to_donate .email {
	border:none;
}

.how_to_donate .online .canadon {
	background:url(../img/i_canadon_logo.jpg);
	height:65px;
	margin:12px 0 3px 20px;
	width:150px;
}

/* =======================================================================
========================================================================== */


/* Phew !! --- */