/**
 * ----------------------------------------------------------------------------
 *  MBA: Main styles
 * ----------------------------------------------------------------------------
 * Main styles.
 * @author Kenneth Briscoe
 * @copyright 2011
 * @since 2012-01-18
 */
/* 
COLOURS:
standard blue:#0075b0
standard green:#69be28
lighter blue:#1892cf
very light blue BG:#d9e9f2
cyan bg:#ccefef

Text:
black:2a3f4f (standard text)
dark grey:5a6f7f (function menu, footer, ...)
light grey:7f7f7f (visited link...)
red:e54448
very light blue:#ceffff
dropdown menu bg:1792ce

BGs...
	browser bg:eeefe7
	light grey bg:f3f4ee
Border...
	grey border:c6cfc9
*/

/* DEFAULTS */
body {color:#2a3f4f; background:#ffffff; font-size:100%; font-style:normal; font-weight:normal; 
            font-family:Arial,Helvetica,sans-serif; margin:0px; padding:0px;}
div {display:block; margin:0px; padding:0px;}
/*img {display:block; border:0px;}*/
img {border:0px;}

p {background:transparent; font-size:10pt; margin:0px 0px 10px 0px; text-align:justify;}
h1 {color:#0075b0; font-size:14pt; font-style:normal; font-weight:normal; margin:17px 0px 5px 0px; padding:0px;}
h2 {color:#69be28; font-size:13pt; font-style:normal; font-weight:bold; margin:5px 0px 5px 0px; padding:0px;}
h3 {color:#69be28; font-size:11pt; font-style:normal; font-weight:bold; margin:5px 0px 0px 0px; padding:0px;}
h4 {color:#0075b0; font-size:10pt; font-style:normal; font-weight:bold; margin:5px 0px 0px 0px; padding:0px;}
h5 {color:#69be28; font-size:14pt; font-style:normal; font-weight:normal; margin:0px 0px 6px 0px; padding:0px; text-transform:uppercase;}
td {vertical-align:top;}
td.form {color:#7f7f7f; font-size:8pt; text-align:right; vertical-align:middle;}
ul {list-style-type:square; color:#0075b0;}
li {background:transparent; font-size:10pt; padding-bottom:2px;}
.bullet {margin:2px 0px 5px 6px; padding:0px 0px 0px 14px; font-size:10pt;
            background:transparent url("/images/bullet.png") no-repeat top left;} 
span {}
a {color:#0075b0; background:transparent; font-style:normal; font-weight:normal; 
		font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
a:link {}
a:visited  {color:#7f7f7f;}
a:active  {color:#69be28;}
a:hover  {color:#69be28; text-decoration:none;}
center {font-size:10pt;} /* temporary for Debbi */

/* ----- PAGE LAYOUT ----- */
#hcenter {position:absolute; top:0px; left:50%; width:992px; margin-left:-496px;}
/*#hcenter {width:992px; min-height:900px; margin:0 auto;}*/

#masthead {position:absolute; top:0px; left:0px; width:992px;}
	#logo {position:absolute; top:0px; left:0px;}
	#banner {position:absolute; top:0px; left:161px;}

    #functionmenu {position:absolute; top:7px; left:709px;}
        a.functionmenu {color:#5a6f7f; background:transparent; font-size:10pt; letter-spacing:0.0em; text-decoration:none;}
        a.functionmenu:link {}
        a.functionmenu:visited {color:#5a6f7f;}
        a.functionmenu:active {}
        a.functionmenu:hover {text-decoration:underline;}

#mainmenu {position:absolute; top:170px; left:210px; height:24px; width:762px; padding:6px 0px 0px 20px; background:#0175b0;}
    a.menu {color:#efefef; background:transparent; font-size:12pt; font-style:normal; font-weight:bold; text-decoration:none;}
    a.menu:link {}
    a.menu:visited {color:#ffffff;}
    a.menu:active {}
    a.menu:hover {color:#69be28; text-decoration:none;}
    /*
    .menu_on {
    	color:#c7ff7c;
    	background:transparent;
    	font-size:10pt;
    	font-style:normal;
    	font-weight:normal;
    	font-family:Arial, Helvetica, sans-serif;
    	text-decoration:none;
    	}
    */
    .menu_green {color:#69be28; font-style:normal;}

#lh_menu {position:absolute; top:210px; left:20px; width:190px; height:600px; padding:5px 0px 0px 0px; margin:0px;
		background:url("/images/shadow_left.jpg") repeat-y right;}
    .submenu_item {position:relative; float:left; clear:both; width:190px; margin:0px 0px 7px 0px;}
        a.submenu {color:#0075b0; background:transparent; font-size:9pt; font-style:normal; font-weight:bold; text-decoration:none;}
        a.submenu:link {}
        a.submenu:visited {color:#0075b0;}
        a.submenu:active {}
        a.submenu:hover {color:#69be28;}
        .submenu_on {color:#69be28; background:transparent; font-size:9pt; font-style:normal; font-weight:bold; text-decoration:none;}
            /* Level-3 menu */
            .menu3_item {position:relative; float:left; clear:both; width:190px; margin:0px 0px 3px 14px;}
                a.menu3 {color:#707070; background:transparent; font-size:8pt; text-decoration:none;}
                a.menu3:link {}
                a.menu3:visited {color:#707070;}
                a.menu3:active {}
                a.menu3:hover {color:#0075b0;}
                .menu3_on {color:#69be28; background:transparent; font-size:8pt; font-style:normal; font-weight:normal;
                		text-decoration:none;}

/* HOMEPAGE */
#home_mainmenu {position:absolute; top:170px; left:0px; width:762px; height:24px; padding:6px 0px 0px 230px; background:#0175b0;}
#home_column1 {position:relative; float:left; clear:left; width:442px; margin:200px 0px 0px 0px; padding:0px;}
    #home_news {position:relative; float:left; clear:both; width:442px; margin:10px 0px 10px 0px; padding:10px 10px 10px 10px; 
                background:#eeefef; border:1px solid #c6cfc9; font-size:11pt;}
#home_column2 {position:relative; float:left; clear:right; width:488px; margin:244px 0px 0px 62px; padding:0px;}
    #home_temoignage {position:relative; float:left; clear:left; width:230px; margin:0px; padding:0px;}
    #home_video {position:relative; float:left; clear:right; width:222px; margin:0px 0px 0px 36px; padding:0px;}
    #home_sponsor {position:relative; float:left; clear:left; width:353px; margin:0px; padding:0px;}
    #home_facebook {position:relative; float:left; clear:right; width:120px; margin:0px 0px 0px 15px; padding:0px;}
    #home_ebulletin {position:relative; float:left; clear:both; width:484px; margin:20px 0px 0px 0px; padding:0px;}
    #home_bn {position:relative; float:left; clear:both; width:484px; margin:10px 0px 10px 0px; padding:0px;}
    
/* NOTE: Full width of content area = 762px; */
#callout {position:relative; float:left; clear:both; margin:0px 0px 10px 0px; font-size:12pt; font-weight:normal; font-style:italic;}
#content {position:absolute; top:195px; left:230px; width:742px; padding:0px; margin:0px; border:0px solid #00ff00;}
#content_a {position:absolute; top:195px; left:230px; width:442px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #ff0000;}
#content_b {position:absolute; top:195px; left:662px; width:309px; /* 310 - 1 for border */ padding:0px 0px 0px 0px;
		margin:0px 0px 0px 20px; background:url("/images/shadow_left.jpg") repeat-y	left; border-right:1px solid #c6cfc9;}
#content_form {position:absolute; top:195px; left:220px; width:750px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #00ff00;}
#column_2 {float:left; width:270px; padding:17px 0px 0px 30px; margin:0px 0px 0px 0px;}
#photo {float:right; width:222px; margin:3px 0px 10px 20px; font-size:8pt;}
#footer {float:left; width:762px; margin-left:20px;}
    .footer {color:#5a6f7f; font-size:8pt; border-top:1px solid #cccccc; margin:20px 0px 0px 0px; padding:5px 0px 0px 0px;}
        a.footermenu {color:#5a6f7f; background:transparent; font-size:8pt; font-style:normal; font-weight:normal;
        		font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
        a.footermenu:link {}
        a.footermenu:visited {color:#5a6f7f;}
        a.footermenu:active {}
        a.footermenu:hover {text-decoration:underline;}
        .footer {color:#5a6f7f; background:transparent; font-size:8pt;}

/* Donate link */
a.donate {color:#efefef; background:transparent; font-size:18pt; font-style:normal; font-weight:normal;
		font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.05em;}
a.donate:link {}
a.donate:visited {color:#efefef;}
a.donate:active {}
a.donate:hover {color:#1892cf;}	
.donate_off {color:#efefef; background:transparent; font-size:18pt; font-style:normal; font-weight:normal;
		font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.05em;}
/* Volunteer link */
a.volunteer {color:#efefef; background:transparent; font-size:14pt; font-style:normal; font-weight:normal;
		font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.05em;}
a.volunteer:link {}
a.volunteer:visited {color:#efefef;}
a.volunteer:active {}
a.volunteer:hover {color:#69be28;}	
	
a.readmore {color:#0075b0; background:transparent; font-size:8pt; font-style:italic; font-weight:normal; 
		font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a.readmore:link {color:#0075b0;}
a.readmore:visited {color:#7f7f7f;}
a.readmore:active {}
a.readmore:hover {text-decoration:underline;}

/* TESTIMONIALS */
.testimonial_teaser {position:relative; float:left; clear:both; margin:0px 0px 10px 0px; font-size:12pt; font-weight:normal; font-style:italic;}
.testimonial_teaser_small {position:relative; float:left; clear:both; margin:0px 0px 10px 0px; font-size:10pt; font-weight:bold; font-style:italic;}

/* EBULLETINS */
#ebulletin_box {position:relative; float:left; clear:both; width:709px; margin:0; padding:0; font-size:8pt;}
#ebulletin_list_box {position:relative; float:left; clear:both; margin:10px 0px 0px 20px; padding:0;}
    a.ebulletin_link {color:#0075b0; background:transparent; font-size:11pt; font-style:normal; font-weight:normal; text-decoration:none;}
    a.ebulletin_link:link {}
    a.ebulletin_link:visited {color:#666;}
    a.ebulletin_link:active {}
    a.ebulletin_link:hover {color:#69be28;}	

/* PDF */
a.pdf { background:transparent url("/images/pdf_icon_off.gif") no-repeat left top; padding:0px 0px 0px 22px; text-decoration:none; }
a.pdf:hover {background:transparent url("/images/pdf_icon_roll.gif") no-repeat left top; padding:0px 0px 0px 22px; text-decoration:underline; }

/* classes */
.bottom {vertical-align:bottom;}
.center {text-align:center}
.line_col1 {width:269px; height:1px; border-top:1px solid #c6cfc9; margin-top:15px; margin-bottom:15px;}
.line_col2 {width:269px; height:1px; border-top:1px solid #c6cfc9; margin-top:15px; margin-bottom:15px;}
.line_col3 {width:442px; height:1px; border-top:1px solid #c6cfc9; margin-top:15px; margin-bottom:15px;}
.comment {color:#000000; background:#ffff00; font-family:monospace; font-size:8pt;}
.footnote {color:#5a6f7f; font-size:8pt;}
.indent {padding-left:50px;}
.newsletter {color:#efefef; background:transparent; font-size:14pt; letter-spacing:0.05em;
	/*
	font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
	*/
}
.right {text-align:right;}
/* FORM BUTTONS */
#donate {position:absolute; top:40px; left:758px;}
#donate_button {position:absolute; top:0px; left:200px; min-height:25px; width:25px;}
#volunteer {position:absolute; top:88px; left:710px;}
#volunteer_button {position:absolute; top:-2px; left:247px; min-height:25px; width:25px;}
#newsletter {position:absolute; top:123px; left:710px;}
#newsletter_button {position:absolute; top:-2px; left:247px; min-height:25px; width:25px;}
.invisible {cursor:pointer; color:#5a6f7f; background:transparent; font-size:10pt; padding:0px;
            width:25px; min-height:25px; border:0px solid #ff0000;}

/* POPUPS */
#popup_masthead {position:absolute;	top:20px; left:20px; height:70px; margin:0px 0px 0px 0px;}
#popup_title {position:absolute; top:43px; left:125px; color:#69be28; font-size:18pt; font-style:normal; font-weight:bold;}
#popup_bar {position:absolute; top:80px; left:125px; width:530px; height:24px; background:#0175b0; margin:0px 0px 0px 0px;}
#popup_content {position:absolute; top:110px; left:125px; width:530px; margin:0px 0px 0px 0px; border:0px solid #ff0000;}
.window_close_button {color:#666666; background:#eee url("/images/button_bg_small.jpg") repeat-x bottom; border:1px groove #ccc;
            text-decoration:none; cursor:pointer; text-align:center; margin:10px 0px 0px 0px; padding:3px; font-size:8pt;}

/* ----- */

#print_page {margin-top:20px; margin-left:20px; width:580px;} /* total width = 600 */

/* ----- */