/* MiracleNet website CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; background:#98baff url(images/bdybg.gif) repeat-y; font-size:11px; color:#fff; margin:0; padding:0}
a{color:#d8cb99; text-decoration:none; outline:0}
a:hover{text-decoration:underline}
h2{font-family:Georgia, "Times New Roman", Times, serif; color:#d8cb99; font-size:18px; font-weight:normal; margin:0; padding:0}
img{border:none}

#mainWrap{ width:980px; margin:0 auto; padding:0 10px 0 10px; background:#003399 url(images/bg2.gif) 0 0 no-repeat}
#header{ width:650px; height:248px; float:left;}
#header #logo a{ width:388px; height:163px; float:right; background:url(images/logo.gif)  0 50px no-repeat; display:block; text-indent:-9999px;}
#topNav{ float:left; width:650px; height:40px; background:url(images/topNav.gif);}
#topNav ul{ width:650px; list-style:none; margin:0 0 0 10px; padding:0}
#topNav ul li{float:left; margin:0 0 0 5px}
#topNav ul li a{text-decoration:none; color:#cdd1dc; font-weight:bold;height:28px; text-transform:uppercase; display:block; padding: 12px 10px 0 10px;}
#topNav ul li a:hover{color:#FFFFFF; background:url(images/topNav.gif) -10px -40px}
#topNav ul li a.sel{background:url(images/topNav.gif) -10px -80px}

#inspiration{ float:left; width:640px; height:40px; background:#062159; margin: 5px 0 0 0;  padding: 0 0 0 10px;}
#inspiration p{font-size:13px;}
#firstCol{ float:left; width:650px; margin: 5px 10px 0 0; }
#firstCol #content{width:610px;float:left;background:#01194a; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding:10px 20px 20px 20px;}

#firstCol #content ul.pastors{float:left; margin:20px 0 0 0; padding:0; list-style:none }
#firstCol #content ul.pastors li{float:left; margin:0 10px 10px 0; padding:0; width:109px; height:139px}
#firstCol #content ul.pastors li span{float:left; width:103px; margin-top:5px; padding:0px 3px 3px 3px; font-style:italic; color:#FFCC00; background:#000066}


#firstCol #content ul.orphans{float:left; margin:20px 0 0 0; padding:0; list-style:none }
#firstCol #content ul.orphans li{float:left; margin:0 10px 10px 0; padding:0;}

#firstCol #content div.states{float:left; width:250px}



#flashBanner{ float:left; width:650px; height:246px;}
#orphanage{ float:left; width:320px; height:245px; background:url(images/panelBg.gif); margin: 10px 10px 0 0; display:block}
#orphanage img{float:left; margin: 10px 10px 0 15px; width:145px; height:110px; }
#orphanage p{float:left; width: 135px; font-size:14px}
#awards{ float:left; width:320px; height:245px; background:url(images/panelBg.gif); margin: 10px 0 0 0;}
#awards img{float:left; margin:8px 0 0 12px }
#awards p{float:left; width: 135px; font-size:14px}
#footNote{width:650px; float:left; font-size:12px}


#secCol{width:320px;float:left; margin: 5px 0 0 0;}
#couple{float:left; width:305px; height:248px; background:url(images/hughes.gif) bottom no-repeat; margin: 0 0 0 10px;}
#hallOfFame{float:left; width:320px; height:245px; background:url(images/panelBg.gif); margin: 0 0 0 0;}
#hallOfFame #pastors{float:left; width:300px; height:178px; margin:5px 0 0 10px}
#onlineTV{float:left; width:320px; height:245px; background:url(images/panelBg.gif); margin: 10px 0 0 0;}
#onlineTV img a{float:left; margin:5px 5px 0 0; width:29px; height:29px}
#onlineTV img{float:right; margin:10px 10px 0 0}
#onlineTV .tv{width:320px; height:245px; float:left; _margin:15px 0 0 20px;}
*html #onlineTV .tv{width:320px; height:245px; float:left;  margin:15px 0 0 20px;}
#orphanage h2, #awards h2, #hallOfFame h2, #onlineTV h2 {padding:15px 0 10px 10px}

 .note{width:298px; background:#062159; border:1px solid #0099FF; padding: 0 10px; float:right; color:white}


#footer{float:left; width:970px; color:#99ccff; background:#01194a; margin:10px 0 10px 0; padding:5px 0 5px 10px;}
#footer p a{color:#99ccff; text-decoration:none;}
#footer p a:hover{text-decoration:underline}