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

Site: New Morning Foundation
Version:  2008 . 5

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

/*
HOUSECLEANING --------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, font, img, ins, kbd, q, s, samp, small, 
strike, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus { outline: 0; }

body
{line-height: 1; color: black; background: none; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after { container: ""; }
blockquote, q { quotes: "" ""; }

/*
COMMON --------------------- */

html, body, div, p {font-family: Arial, sans-serif; color: #3b3b3b; font-size: 12px; line-height:22px;}

.home {margin:0; text-align:center; background: #b4b29f url(../img/homebg.jpg) no-repeat top center;}
.internal {background: #ccc9b6 url(../img/int_pagemiddle_bg.jpg) no-repeat top center;}


#wrapper, #logobox, #pagemiddle, #pagebottom, #footer  {margin:0 auto; width:962px; text-align:left;}

h1 {font-size:25px; margin:0; padding:0; width: 420px; display:block; font-weight:bold; float:left; text-indent:-9999px;}
h2, h3, h4, h5, h6 {color:#3b3b3b;}
h2 {font-size:25px; display:none;}
h3 {font-size:20px;}
h4 {font-size:15px;}
h5 {font-size:12px;}
img { margin: 0; padding: 0; border: 0;}

hr {clear: both; border: none 0; border-top: 1px solid #3b3b3b; margin: 25px 35px 10px 0; padding: 0; text-align: left;}

a {text-decoration:none; color:#3463b2; font-weight:bold;}
a:hover {color:#002b73 !important;}
a#active {color:#green;}
h1 a, h1 a:hover {display:block; height:71px;}

p {margin:5px 0 10px; line-height:18px;}

b, strong {font-weight:bold;}
italic, em {font-style:italic;}

#skip { display: none; }
.clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clear { display: inline-block;/* Fixes IE/Mac */}

/* Hides from IE-mac \*/
* html .clear { height: 1%; }

.clear { display: block; }

/*
.credit { color: #000; font-weight:bold;}
.credit:hover { color: #eb8a00; }
*/

/*
LAYOUT --------------------- */
#pagemiddle, #pagebottom, #footer {clear:both;}


.internal #pagetop {height:308px;}
.about, .legal {background: url(../img/pagetop_about.jpg) no-repeat top center; min-width:962px;}
.grants {background: url(../img/pagetop_grants.jpg) no-repeat top center; min-width:962px;}
.successstories {background: url(../img/pagetop_successstories.jpg) no-repeat top center; min-width:962px;}
.advocacy {background: url(../img/pagetop_advocacy.jpg) no-repeat top center; min-width:962px;}
.resources {background: url(../img/pagetop_resources.jpg) no-repeat top center; min-width:962px;}
.tellthem {background: url(../img/pagetop_tellthem.jpg) no-repeat top center; min-width:962px;}
.healthy_families {background: url(../img/pagetop_healthy_families.jpg) no-repeat top center; min-width:962px;}
.contact {background: url(../img/pagetop_contact.jpg) no-repeat top center; min-width:962px;}
.resources {background: url(../img/pagetop_resources.jpg) no-repeat top center; min-width:962px;}
.tellthem {background: url(../img/pagetop_tellthem.jpg) no-repeat top center; min-width:962px;}
.news {background: url(../img/pagetop_news.jpg) no-repeat top center; min-width:962px;}
.sccoalitionforhealthyfamilies {background: url(../img/pagetop_sccoalition.jpg) no-repeat top center; min-width:962px;}
.contact {background: url(../img/pagetop_contact.jpg) no-repeat top center; min-width:962px;}
.healthyfamilies {background: url(../img/pagetop_healthyfamilies.jpg) no-repeat top center; min-width:962px;}

.internal #footer {background: url(../img/intfooterbg.jpg) no-repeat top center; height:68px; padding-top:44px;}
#footer ul {margin:0; padding:0; text-align:center;}
#footer ul li {display:inline; margin:0 20px;}
#lCol {width:341px; float: left; background: url(../img/lColbg.jpg) no-repeat top left;}
#rCol {width:621px; float:left; padding-top:20px;}

#rCol h3 {display:block; font-size:30px; padding:0; margin:0; color:#41547f;}
#rCol h4 {display:block; font-size:22px; padding:0; margin:25px 0 0 0; color:#41547f;}
#rCol h5 {display:block; font-size:16px; padding:0; margin:25px 0 0 0; color:#41547f;}
#rCol img {float:right; margin:0 0 10px 10px; border:1px solid #41547f; padding:1px;}
#rCol ol {margin:30px 0 8px 15px;}
#rCol ol li {list-style-type:decimal}
#rCol ul {margin:32px 0 0 16px;}
#rCol ul li {margin:4px 0; padding-left:32px; background: url(/img/rCol_bullet.png) no-repeat 0 50%; line-height:17px;}
#rCol p {margin:5px 0 8px 0;}

body.internal h1 {margin:0; width:435px; position:relative; float:none; top:60px;}
body.internal h1 a {height:71px; display:block; }

.internal #mainnav ul {margin:20px 0 0 0; position:relative; z-index:1;}
.internal #mainnav ul li {  }
.internal #mainnav ul li a { width:165px; color:#232323; font-weight:normal; font-size:16px; padding-left:15px; background: url(../img/linkbg.gif) no-repeat 0 bottom; line-height:29px; display:block;}
.internal #mainnav ul li a:hover {color:#003abb !important; background:url(../img/linkbghover.gif) repeat-y;}
.internal #mainnav ul li a.active {color:#002372 !important; display:block; background:url(../img/linkbghover.gif) repeat-y;}

#lCol ul.subnav {margin:0; background:url(../img/subnav.jpg) no-repeat top left; width:148px; height:267px; padding-top:30px; position:absolute; top:-3px; left:165px; z-index:100;}
#lCol ul.subnav li {margin:0; background:none; margin-bottom:10px;}
#lCol ul.subnav li a { color:#1e50af; font-size:12px !important; font-weight:bold; padding-left: 8px; background:none !important; line-height: 110%;}
#lCol ul.subnav li a:hover { color:#232323 !important; }

.internal h3 {margin: 0px; padding: 10px 0px;}

.internal #lp1 {background:url(../img/int_lptop.png) no-repeat top left; display:block; margin-top:35px; padding:15px 60px 0 15px;}
.internal #lp1 h4 {font-size:35px; padding: 10px 0px 0px 0px;}
.internal #lp1 p {margin: 0px !important;}

/*
HOMEPAGE specific --------------------- */
.home #pagetop {width:962px; height:284px; margin:0; padding:0; background: url(../img/flashBackground.jpg);}
.home #pagemiddle {height:168px; margin:0; padding:0;}
.home #pagemiddle {background:url(../img/home_pagemiddle_bg.jpg) no-repeat top left; height:168px;}
.home h1 a {margin:53px 40px 44px 16px; width:420px}
.home #mainnav {float:right; position:relative; top:32px;}
.home #mainnav ul {float:left; width:152px; height:97px; margin-left:10px;}
.home #mainnav ul li {margin:0; line-height:24px; display:block;}
.home #mainnav ul li a { display:block; padding-left:17px; color:#232323; font-weight:normal; border-bottom:1px solid #98a1b7;}
.home #mainnav ul li a:hover {background: url(../img/mainnav_hov.jpg); display:block;}

.home #lp1, #lp2 {float:left; height:164px;}
.home #lp1 {background:url(../img/lp1_bg.jpg) no-repeat top left; width:486px;}
.home #lp2 {background:url(../img/lp2_bg.jpg) no-repeat top left; width:476px;}
.home #lp1 h3, #lp2 h3 {margin:0;}
.home #lp1 h3 a, #lp2 h3 a {display:block; height:76px; text-indent:-9999px;}
.home #lp1 h3 a {background: url(../img/lp1h3.jpg) no-repeat top left; width:179px;}
.home #lp2 h3 a {background: url(../img/lp2h3.jpg) no-repeat top left; width:270px;}
.home #lp1 h3 a:hover, #lp2 h3 a:hover {background-position:bottom left;}
.home #lp1 p, #lp2 p {margin-left:20px; width:320px;}
.home #footer {background: url(../img/footerbg.jpg) no-repeat 0px 10px; height:24px; padding-top:44px;}
	
/*
NEWS specific  --------------------- */
.newsTable td{padding: 10px 0px 0px 0px;}
.newsTable hr{visibility: hidden;}
.newsTable h4{font-size: 25px;}
.newsTable p{margin-top: 10px !important;}


/* COUNTACT */
#rCol label { display:block; float:left; margin-right:10px; width:200px; text-align:right; }
#rCol input.input { display:block; float:left; width:250px; margin-bottom:10px; }
#rCol textarea.textBox { width:350px; margin-bottom:10px; }
#rCol input#ctl00_btnSend { display:block; margin-left:210px; background:#b7baaf; border:1px solid #6a6759; color:#333; font-size:14px; padding:5px 10px; cursor:pointer; }
#rCol input#ctl00_btnSend:hover { color:#fff; border-color:#fff; }