/* HTML TAGS */
* { margin:0; padding:0; }
img, body, html { border: 0; }
table { border-collapse: collapse; }
td { padding: 0; border: 0; margin: 0; }
.label, .field { padding-bottom: 6px; }
.label { text-align: left; vertical-align: top; width: 120px; }
.field { text-align: left; vertical-align: text-bottom; }

body { background:#ffffff; font-family:  Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#41413a; font-size: 10pt; line-height: 14pt; }
body { color: #0f2139; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul{ list-style: none; }
caption, th{ text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: "Times New Roman", Times, serif; }
/* h1 { color:#000000; text-transform:uppercase; font-size: 16pt; font-weight: normal; margin:0; font-family: "Times New Roman", Times, serif; margin-bottom: 14px; } */
h1.paper, h1.money, h1.paperpen, h1.people, h1.news, h1.envelop, h1.question { background-position: 0 3px; background-repeat: no-repeat; text-transform:uppercase; font-size: 16pt; font-weight: normal; padding: 6px 0px 20px 30px; font-family: "Times New Roman", Times, serif; }
h1.paper { background-image: url(../images/t6_1.gif); }
h1.money { background-image: url(../images/hand_money.png); }
h1.paperpen { background-image: url(../images/p_list2.gif); }
h1.people { background-image: url(../images/p_list1.gif); }
h1.news { background-image: url(../images/news.png); }
h1.envelop { background-image: url(../images/p_list3.gif); }
h1.question { background-image: url(../images/question_mark.jpg); }
h1.question { background-image: url(../images/help2.png); }
h1 { text-transform:uppercase; font-size: 16pt; font-weight: normal; padding: 6px 0 20px 0; font-family: "Times New Roman", Times, serif; }
h1.welcome { text-transform: uppercase; font-size: 24pt; color: #0F3881; margin: 0px; padding: 6px 0px 20px 0px; }
h2 { text-transform: uppercase; font-size: 1em; margin: 0; margin-bottom: 10px; }
/* h3 {color:#fe3b13; text-transform: uppercase; font-size:1em; margin: 0 0 16px 0; } */
h3 { font-family:  Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 14pt; font-weight: bold; margin: 0 0 10px 0; }
h4 { font-family:  Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; margin: 0 0 0px 0; }
ol, ul, p { margin: 0 0 12px 0; }
q:before, q:after { content: ''; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }

.underline { text-decoration: underline; }
.eleven-point { font-size: 11pt !important; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.column { float:left;}
.clear { clear:both;}
img#paypal_skip_page { border: 1px solid #999999; }

h1.paper, #call, #main-menu li a { color: #0a2f5f; }
/* h2, #help, a:link, a:hover, a:active, a:visited { color: #54BDEA; } */
h2, #help, a:link, a:hover, a:active, a:visited { color: #00A5EC; }
/* page sections */

#page-subbanner .indent { padding:0 7px 0px 9px; }
#page-subbanner { background:url(images/wrapper_header_bg.jpg) no-repeat 0 0; }
#page-subbanner .txt { margin:58px 0 80px 34px; }
#page-subbanner .bg { margin:0 2px 0 2px; background:url(images/bg_1.gif) repeat-x top #fffeec; }
#page-subbanner .indent { padding:0 7px 0 9px; }

#toolbar, #content, #footer { clear: both; }
#logo { float: left; height: 66px; width: 216px; background: url(../images/logo2.jpg) 0 0 no-repeat; margin: 22px 0 20px 35px; cursor: pointer; }

#help { float: right; font: 14pt Times, Verdana; margin: 47px 35px 0 0; font-style: italic; }
#call { font: 16pt Times; padding-left: 10px; }
#toolbar { height: 44px; padding: 0; overflow: hidden; }
#main-menu { height: 44px; padding-left: 14px; margin: 0; }
#main-menu li {	display: inline; text-align: center; }
#main-menu li a { 
	float: left; 
	display: block; 
	height: 44px; 
	width: 151px; 
	background: url('../images/mm-bg.jpg') 0px 0px no-repeat; 
	padding: 14px 0px 0px 0px; 
	text-align: center;
	text-decoration: none;
/*	font: 12pt Tahoma, Georgia, Times, Verdana; */
	font-size: 10pt;
	font-weight: 500;
	font-family:  Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#mm-welcome, #mm-about, #mm-help, #mm-illness, #mm-contact { background: url('../images/mm-bg.jpg') 0px 0px no-repeat; }
.welcome #mm-welcome, #mm-welcome:hover, .about #mm-about, #mm-about:hover, .help #mm-help, #mm-help:hover, .illness #mm-illness, #mm-illness:hover, .contact #mm-contact, #mm-contact:hover { background-position: 0px -44px !important; }

#page-banner { height: 256px; width: 780px; background: url(../images/wrapper_header_bg.jpg) no-repeat; }
#welcome-donate a { display: block; margin-top: 26px; margin-right: 20px; height: 49px; width: 290px; background: url(../images/welcome_donate.jpg) no-repeat; }
#welcome-donate a:hover { background-position: 0 -49px !important; } 
/* #content { padding-top: 23px; padding-bottom: 47px; } */
#content { padding: 26px 0 26px 0; }
#footer { height: 129px; text-align: center; font-size: 0.6875em; line-height: 1.45em; }
#footer { font-size: 8pt; }
#footer .bg { margin: 0 2px 0 2px; background:url(../images/footer_bg.gif) repeat-x top #fff; padding-top: 0px; }

/* sub banner pictures */
#pic1, #pic2, #pic3 { float: left; height: 72px; width: 117px; }
#pic1, #pic2 { margin-right: 20px; }

.welcome #pic1 { background: url(../images/1p_1.jpg) 0 0 no-repeat; }
.welcome #pic2 { background: url(../images/1p_2.jpg) 0 0 no-repeat; }
.welcome #pic3 { background: url(../images/1p_3.jpg) 0 0 no-repeat; }
.about #pic1 { background: url(../images/2p_1.jpg) 0 0 no-repeat; }
.about #pic2 { background: url(../images/2p_2.jpg) 0 0 no-repeat; }
.about #pic3 { background: url(../images/2p_3.jpg) 0 0 no-repeat; }
.help #pic1 { background: url(../images/3p_1.jpg) 0 0 no-repeat; }
.help #pic2 { background: url(../images/3p_2.jpg) 0 0 no-repeat; }
.help #pic3 { background: url(../images/3p_3.jpg) 0 0 no-repeat; }
.illness #pic1 { background: url(../images/4p_1.jpg) 0 0 no-repeat; }
.illness #pic2 { background: url(../images/4p_2.jpg) 0 0 no-repeat; }
.illness #pic3 { background: url(../images/4p_3.jpg) 0 0 no-repeat; }
.contact #pic1 { background: url(../images/5p_1.jpg) 0 0 no-repeat; }
.contact #pic2 { background: url(../images/5p_2.jpg) 0 0 no-repeat; }
.contact #pic3 { background: url(../images/5p_3.jpg) 0 0 no-repeat; }
.donate #pic1 { background: url(../images/5p_2.jpg) 0 0 no-repeat; }
.donate #pic2 { background: url(../images/6p_1.jpg) 0 0 no-repeat; }
.donate #pic3 { background: url(../images/4p_2.jpg) 0 0 no-repeat; }
.thankyou #pic1 { background: url(../images/6p_2.jpg) 0 0 no-repeat; }
.thankyou #pic2 { background: url(../images/3p_1.jpg) 0 0 no-repeat; }
.thankyou #pic3 { background: url(../images/6p_3.jpg) 0 0 no-repeat; }


ul { list-style: disc inside;	margin-left: 0;	padding-left: 1em; text-indent: -1em;	}
ul.events { list-style: none; list-style-position: outside; margin: 0 0 10px 0; padding-left: 0; text-indent: 0; }
ul.events li { line-height:1.45em; background:url(../images/list_bg.gif) repeat-x bottom; padding-bottom: 11px; margin-bottom: 8px; font-size: 9pt; }
ul.events a:link { text-decoration: underline; }
ul.events a:hover { text-decoration: none; }
ul.events li.none { background: none; }
ul.events .title { line-height: normal; text-decoration: underline; margin-bottom: 3px; color: #0f3881; }
ul.events .date-time { }
ul.events .location { }


ul.submenu { list-style: none; padding-left: 0; text-indent: 0; }

div.footnote { font-size: 8pt; color: #999999; text-align: left; }
form .field-text { vertical-align: top; font-size: 12pt; }

/* #step-2, #step-3, #donation-amount, #product-service-description { display: none; }	 */

#errors { border: 2px solid red; color: red; padding: 10px; margin: 10px 0 10px 0; display: none; }
.help input[type="text"], .help select, .help textarea { vertical-align: top; font-weight: normal; font-size: 10pt; font-family: tahoma; background:#fff; padding: 2px; margin: 0; }
.wizard-buttons { padding: 10px 0 20px 0; }
#contact_form { color: #0f2139; }
#contact_form input[type="text"], select, textarea { vertical-align: middle; font-weight:normal; font-size: 10pt; font-family: tahoma; background:#fff; padding: 2px; margin: 0 10px 20px 0; }
#contact_form input[type="text"] { width: 176px; }
#contact_form textarea { width: 370px; margin-top: 14px; }
#contact_form input { height: 20px; }
#contact_form input[type="checkbox"] { vertical-align: middle; margin-right: 3px; }
#contact_form textarea { height: 113px; overflow: auto; margin-bottom: 20px}
.contact-checkbox { width: 186px; display: inline-block; margin-bottom: 6px; }

#donation_form input[type="text"], #donor_form input[type="text"], #tribute_form input[type="text"] { width: 200px; }
#donation_form select, #donor_form select, #tribute_form select { width: 207px; margin: 0; }
#donation_form option, #donor_form option, #tribute_form option { width: 200px; }
#donation_form textarea, #tribute_form textarea { width: 200px; }
#donation_form #donation_amount { width: 80px; }
/* this created problems in the showCardFields function
#tribute_form #recipient_country_row, #tribute_form #recipient_street1_row, #tribute_form #recipient_street2_row, #tribute_form #recipient_city_row, #tribute_form #recipient_state_row, #tribute_form #recipient_zip_row { display: none; }
*/
#donor_table #night_phone_a, #donor_table #night_phone_b { width: 41px; } 
#donor_table #night_phone_c { width: 58px; }

#donor_table #amount_row { display: none; }
.text-header { margin: 10px 0 10px 0; }
#donation_amount_row td, #description_row td { padding-top: 10px; }
#donation_amount_label, #description_label { display: inline-block; }

#step_2, #step_2, #step_3 { display: none; }
#d-2, #d-3, #d-4, #d-5, #d-6, #d-7 { display: none; }
/* PAGE LAYOUT */
#content .bg-1 {width:100%}

/* PAGE CONTENT LAYOUT */
/*================== index.html ==================*/
.welcome #content .bg-1 { background: url(../images/line_y_bg.gif) repeat-y 279px 0 !important; }
.welcome #content .col-1 .indent {  padding: 18px 58px 3px 33px; background:url(../images/line_top.gif) no-repeat 279px 0; }
.welcome #content .col-2 .indent { padding: 15px 31px 0 0; }
.welcome #content .col-2 .block { margin-top: 25px; }
.welcome #content .col-2 .block .ind { padding: 25px 18px 9px 22px; }

/*================== about.html ==================*/
.about #content .col-1 .indent { padding: 18px 40px 8px 33px; }
.about #content .col-2 .indent { padding:0 31px 0 0; }
.about #content .col-2 .block .ind { padding: 18px 18px 18px 22px; }

/*================== help.html ==================*/
.help #content .bg-1 { background: url(../images/line_y_bg.gif) repeat-y 493px 0; }
.help #content .col-1 .indent { padding: 18px 60px 5px 34px; background: url(../images/line_top.gif) no-repeat 493px 0; }
.help #content .col-1 .block { margin-top: 25px; }
.help #content .col-1 .block .ind { padding: 25px 18px 9px 22px; }
.help #content .col-2 .indent { padding: 18px 31px 0 0; }

/*================== mentalIllness.html ==================*/
.illness #content .bg-1 { background: url(../images/line_y_bg.gif) repeat-y 279px 0; }
.illness  #content .col-1 .indent { padding: 18px 58px 2px 33px; background:url(../images/line_top.gif) no-repeat 279px 0; }
.illness #content .col-1 .block .ind { padding: 25px 18px 9px 22px; }
.illness  #content .col-2 .indent { padding: 18px 31px 0 0; }

/*================== mentalIllnessMythsFacts.html ==================*/
.illness #content .bg-1 { background: url(../images/line_y_bg.gif) repeat-y 279px 0; }
.illness  #content .col-1 .indent { padding: 18px 58px 2px 33px; background:url(../images/line_top.gif) no-repeat 279px 0; }
.illness  #content .col-2 .indent { padding: 18px 31px 0 0; }

/*================== contact.html ==================*/
.contact #content .bg-1 { background: url(../images/line_y_bg.gif) repeat-y 279px 0; }
.contact #content .col-1 .indent { padding:18px 58px 38px 33px; background:url(../images/line_top.gif) no-repeat 279px 0; }
.contact #content .col-2 .indent { padding: 0 31px 0 0; }
.contact #content .col-2 .block .ind { padding: 18px 18px 23px 22px; }
.contact #content .col-3 .indent { padding: 0 31px 0 0; }
.contact #content .col-3 .block .ind { padding: 25px 18px 23px 22px; }

/*================== donate.php ==================*/
.donate #content .bg-1 { background: url(../images/line_y_bg.gif) repeat-y 493px 0; }
.donate #content .col-1 .indent { padding: 0px 60px 5px 34px; background: url(../images/line_top.gif) no-repeat 493px 0; }
.donate #content .col-1 .block { margin-top: 0px; }
.donate #content .col-1 .block .ind { padding: 18px 18px 23px 22px; }
.donate #content .col-2 .indent { padding: 18px 31px 0 0; }

/*================== thankyou.php ==================*/
.thankyou #content .bg-1 { background: url(../images/line_y_bg.gif) repeat-y 279px 0; }
.thankyou #content .col-1 .indent { padding: 0 31px 0 0; }
.thankyou #content .col-1 .block .ind { padding: 25px 18px 23px 22px; }

/*==================block====================*/
.block-head { background: #8aae28; width:100%; height: 128px; }
.block-head .l-t { background: url(../images/l_t_1.gif) left top no-repeat; }
.block-head .r-t { background: url(../images/r_t_1.gif) right top no-repeat; }
.block-head .r-b { background: url(../images/r_b_1.gif) right bottom no-repeat; }
.block-head .l-b { background: url(../images/l_b_1.gif) left bottom no-repeat; width: 100%; }
.block-head .left { background: url(../images/left_1.gif) repeat-y left; }
.block-head .top { background: url(../images/top_1.gif) repeat-x top; }
.block-head .right { background: url(../images/right_1.gif) repeat-y right; }
.block-head .bot { background: url(../images/bot_1.gif) repeat-x bottom; }
.block-head .ind { padding: 17px 16px 27px 24px; }
.block-head .title { margin-bottom: 10px; display: inline; }
.block-head .box { width: 720px; }
.block-head .col-box-1 { width: 280px; }
.block-head .col-box-1 { width: 318px; }
.block-head .col-box-2 { width: 440px; padding-top: 12px; }
.block-head .col-box-2 { width: 402px; padding-top: 12px; }
.block-head .col-box-2 img { margin-right: 12px; }

.block { background: #f5f4dc; width: 100%; color: #5d8311; }
.block a:link, .block a:hover { color: #5d8311; }
.block a:visited, .block a:active { color: #3E5A04; }
.block .l-t { background: url(../images/l_t_2.gif) left top no-repeat; width: 100%; }
.block .r-t { background: url(../images/r_t_2.gif) right top no-repeat; }
.block .r-b { background: url(../images/r_b_2.gif) right bottom no-repeat; }
.block .l-b { background: url(../images/l_b_2.gif) left bottom no-repeat; }
.block .left { background: url(../images/left_2.gif) repeat-y left; }
.block .top { background: url(../images/top_2.gif) repeat-x top; }
.block .right { background: url(../images/right_2.gif) repeat-y right; }
.block .bot { background: url(../images/bot_2.gif) repeat-x bottom; }

.block-foot { background: #1d1e22; width:100%; color: #676660; margin:0 0 12px 0; }
.block-foot .l-b { background: url(../images/l_b_3.gif) left bottom no-repeat; }
.block-foot .r-b { background: url(../images/r_b_3.gif) right bottom no-repeat; }
.block-foot .ind { padding: 13px 20px 25px 36px; }
.block-foot a { text-decoration: underline; color: #676660; }
.block-foot a:hover { text-decoration: none; }
.block-foot a.menu { text-decoration: none; color: #9c9888; font-size: 9pt; }
.block-foot a.menu:hover { color: #676660;}
/*==========================================*/