@charset "utf-8";
/* CSS Document */
html {height:100.1%;}
body {margin:0; padding:0; background:url(../images/tile.jpg) repeat; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:100%;} /* CSSPLAY - added text-align:center; for IE5.5 */
#shadow_border {margin:0 auto 0 auto; width:826px; background:url(../images/main_back.gif) repeat-y; text-align:left;} /* CSSPLAY - added text-align:left; to reset the alignment for IE5.5 */
#container { width:768px; margin:0 29px; border-top: 4px solid #ee7323; border-bottom: 4px solid #ee7323; background-color:#eff8fd; } 
#print_masthead, #print_info {display:none;}

/*Masthead CSS*/

#masthead {height:143px; width:768px; background-color:#bfe6fb; background:url(../images/top_lis3.jpg) no-repeat; background-position:217px top; overflow:hidden;} /* overflow needed for some browser bugs */
#control1 {background-color:#ee7323; position:relative;}
#control2 {background-color:#bfe6fb;}
#control1, #control2 {height:24px; width:768px;}
#control1 {background-position:top;}
#control2 {background-position:0px -24px;}
#home a {width:128px; position:absolute; left:0px; top:0px;}
#contact a {width:106px; position:absolute; left:128px; top:0px;}
#register a{width:218px; position:absolute; left:234px; top:0px;}
#subscribe a {width:111px; position:absolute; left:452px; top:0px;}
#s_box {width:215px; position:absolute; left:563px; top:0px;}
#search_field {width:113px;}
#s_btn {width:92px;}
#miracle a {width:252px;}
#people_say a { width:148px;}
#questns a { width:214px;}
#guide a { width:154px;}

#home a, #contact a, #register a, #subscribe a, #search_field, #s_btn {background:url(../images/control1.gif) no-repeat;}
#miracle a, #people_say a, #questns a, #guide a {float:left; height:24px; background:url(../images/control2.gif) no-repeat;}
#home a, #contact a, #register a, #subscribe a, #s_box, #search_field, #s_btn, #btn {height:24px;}
#miracle a, #people_say a, #questns a, #guide a  {float:left;  height:24px; }
#home a i, #contact a i, #register a i, #subscribe a i, #miracle a i, #people_say a i, #questns a i, #guide a i {display:none;}
#home a, #miracle a {background-position:left 0px;}
#home a:hover, #miracle a:hover {background-position: left -24px;}
#contact a, #people_say a {background-position:left -48px;}
#contact a:hover, #people_say a:hover {background-position: left -72px;}
#register a, #questns a {background-position:left -96px;}
#register a:hover, #questns a:hover {background-position: left -120px;}
#subscribe a, #guide a {background-position:left -144px;}
#subscribe a:hover, #guide a:hover {background-position: left -168px;}
#search_form {width:238px; height:24px;  margin:0; padding:0; }
#search_field {background-position: left -192px; position:absolute; left:0px; top:0px; }
#btn {position:absolute; left:113px; top:0px; }
#s_btn {background-position: left -216px; border:0px;}
#s_btn:hover {background-position: left -240px;}
#typin {margin-left:15px; margin-top:4px; }
#typin { display:block; line-height:15px; max-height:15px; width:100px; font-size:.6em; color:#666; border:0px; /*border:none doesnt work in IE, but 0px does */}

#columns {clear:both; background-color:#eff8fd;}
#menu_column {float:left; width:196px;}
#content {float:left; width:564px;}
.region_info {background-color:#f7efd8; margin:0 0 12px 0; padding:4px 0; text-align:center; border:#ee7323 solid; border-width: 1px 0; width:539px;}
.region_info ul { padding:0; margin:0; }
.region_info li { color:#ee7324; font-size:.7em; list-style-type:none; display:inline;}
.region_info a, .region_info a:visited {color:#ee7324;}
.region_info a:hover {color:#963334;}
#content_text {margin:0 10px 0 15px;}
#first_para {margin-top:0; padding-top:0;  /* 3 instructions vital to min-height: */ min-height:2.2em;  height:auto !important; height:2.2em; }
#content_text p a:link, .content_lists li a:link  {  color:#449;  border-bottom: 1px dashed #ee7323;}  /*449*/
#content_text p a:visited, .content_lists li a:visited {color:#804739;  border-bottom: 1px dashed #592BD5;}
#content_text p a:hover, .content_lists li a:hover { background-color:#ee7323; color:#fffffe; border:none;}
/* #content_text p:first-letter { font-size:1.2em;}  Mozilla bug requires both first letter AND first link letter enlarged*/ 
/* CSSPLAY - THIS IS THE PROBLEM STYLE NEEDS A WORKAROUND ???? .content_lists p a:first-letter { font-size:1.2em;} /* Mozilla bug requires both first letter AND first link letter enlarged*/
.content_lists li {font-size:.8em;}

#first_ltr {width:.8em; font-weight:bold; font-size:2.4em; float:left; color:#963334; line-height:90%; margin-right:.1em;}
#content p { font-size: .8em; margin:1.0em 0 1.0em 0;}

h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; font-weight:bold; color:#963334; padding:0; margin-top:16px; line-height:1em;}
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:.9em; font-weight:bold; color:#963334; padding:0; margin-top:16px; line-height:1em;}

.l_photo, .r_photo {font-size:.7em; text-align:center;}
.l_photo {float:left; margin-right:10px; }
.r_photo {float:right; margin-left:10px; }
.l_photo p, .r_photo p {margin:1.0em 0 1.0em 0; }
.l_photo a, .r_photo a { color:#449; }
.l_photo a:hover, .r_photo a:hover { background-color:#ee7323; color:#fffffe;}
#signature {margin-left:150px;}

#footer {clear:both; width:100%; padding-top:20px;}
#footer p {font-size:.8em; font-weight:normal; background-color:#bfe6fb; text-align:center; margin:0; padding:4px 0; color:#ee7324;}
#footer a { font-weight:bold; color:#ee7324;}
#footer a:hover {color:#FFFF00;}

a {text-decoration:none;}

#pageinfo  { width:826px; position:relative; background:url(../images/tile.jpg) repeat; border:none;}
#pageinfo p {font-size:.7em; text-align:center; padding:0; margin:0; line-height:1.8; }



/* Menu CSS follows: ------------------------------------------------------------------------------------------- */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* remove all the bullets, borders and padding from the default list styling */
.nav {margin-top:7px;}
.nav ul, .nav ul ul {list-style-type:none; width:196px; margin:0; padding:0;} /* PN modifications */
.nav ul ul {
position:relative;
z-index:500;
}

/* PN modifications */
.btntop, .btnbtm {height:8px; width:196px; display:block; background-image:url(../images/nav_topbtm2.gif); background-repeat:no-repeat;} 
* html .btntop, * html .btnbtm { overflow:hidden;}  /*Overflow for IE 6 and below bug*/
.btntop {background-position:0px 0px;}
.btnbtm {background-position:0px -8px;}
.top_level  {margin-top:9px; float:left;} /* float:left for IE7 */

.toplnk {background-color:#bfe6fb; border-right:#ee7323 2px solid;}

/* style the list items */
.level2 li { /* PN modifications */
background:#bfe6fb;
height:26px;
/* for IE7 */
float:left;
}

.level2 li.sub {background:#bfe6fb url(../images/sub.gif) no-repeat right center;} /* PN modifications */

 
/* get rid of the table - CSSPLAY - added change of font and size for IE5.5 and IE6 */
.nav table {position:absolute; border-collapse:collapse; top:-8px; left:0; z-index:100; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

/* PN modifications */
.toplnk, .toplnk:visited {
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif; 
font-weight:bold; 
font-size:.8em;
display:block; 
text-decoration:none; 
width:194px;
color:#ee7324;
}

/* style the  */
.level2 a, .level2 a:visited { /* PN modifications */
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:195px; /* When this is 195 instead of 194, it keeps right border being doubled on third level*/
color:#ee7324;
text-indent:5px;
border:1px solid #ee7323;
border-width:1px 1px 0 1px;
}
/* hack for IE5.5 */
* html .nav a, * html .nav a:visited {width:196px; w\idth:194px;} /* CSSPLAY - change w\idth:194px; was 195px; */
/* style the link hover */
* html .nav a:hover {color:#ffff01; position:relative; white-space:nowrap;} /* CSSPLAY - color changed, background removed and white-space added to trigger IE5.5 and IE6 */

.nav li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.nav a:active, .nav a:focus {color:#ffff01;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.nav .level2 li:hover > a {color:#fffffe; background:#ee7323;} /* PN modifications */
.nav .level2 a:hover {color:#fffffe; background:#ee7323;} /* CSSPLAY - added */

.top_level:hover > a {color:#ffff01;} /* PN modifications */
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:196px; /* CSSPLAY was 166px */
/* set up the overrun area */
padding:30px 30px 30px 0; /* CSSPLAY - remove left padding to make the menu more responsive */
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(../images/transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.nav li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.nav ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.nav ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.nav ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.nav ul a:hover ul a:hover ul{ 
visibility:visible;
left:194px; /* CSSPLAY - added to position the flyouts correctly in IE5.5 and IE6 */
top:-23px; /* CSSPLAY - added to position the flyouts correctly in IE5.5 and IE6 */
}
/* make the fourth level visible when you hover over third level link */
.nav ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
left:194px; /* CSSPLAY - added to position the flyouts correctly in IE5.5 and IE6 */
top:-23px; /* CSSPLAY - added to position the flyouts correctly in IE5.5 and IE6 */
}

.nav ul ul {font-size:.6em; font-family:Verdana, Arial, Helvetica, sans-serif;}
* html .nav ul ul {font-size:0.8em; text-align:left;} /* CSPLAY - added to make the font size and position correct in IE5.5 and IE6 */
.nav ul ul ul  {font-size:100%;}

.last { border-bottom:#ee7323 solid 1px;}

#L1_active {color:#ffff01;}

#active2, #active3 {color:#fffffe; background:#ee7323;}
.level2 li.sub .second:hover, li.sub #active2 {background:#ee7323 url(../images/w_sub.gif) no-repeat right center;} /*White arrow for hover on 2nd level with 3rd below, when such link is #active2 and/or hovered*/
.level2 li.sub:hover > a.second {background:#ee7323 url(../images/w_sub.gif) no-repeat right center;} /* CSSPLAY - added to keep the arrow image hover state in IE7 and non IE browsers */
/* End of Menu CSS --------------------------------------------------  */


#office {width:186px; margin:16px 0 0 10px; padding:5px 0 5px 0; border:#ee7323 double; border-width:3px 0 3px 0;}
#office p {font-size:.6em; line-height:1.5; margin:0; padding:0;} 
#office p a {color:#449;}
#office p a:visited {color:#804739;}
#office p a:hover { background-color:#ee7323; color:#fffffe;}

/* Tooltip CSS --------------------------------------------------  */

.xstooltip 
{
	visibility: hidden; 
	position: absolute; 
	top: 0;  
	left: -500px; /* This must be at least as large as the largest width of a tooltip  */
	z-index: 2;
	width:210px; 
	background-color:#f7efd8; 
	border-color:#ee7323; 
	border-style:solid; 
	border-width:2px;  
	color:#000000;
	padding:4px 4px 0 4px;

}
.xstooltip span, #tooltip_subscr_form span { font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:#963334; font-weight:bold; margin:0; padding:0;}
.xstooltip p { font-size:.8em; color:#000; line-height:1em; margin:1em 0 0 0; padding:0;}
.ttip { display:block; margin:.5em auto 0 auto; position:relative;} /*Centering images in tooltip*/
p.subtitle {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:.7em; color:#963334; font-weight:bold; margin:.6em 0 0 0; padding:0;}

/* End of Tooltip CSS --------------------------------------------------  */

/* Notices CSS --------------------------------------------------  */

#notices {width:194px; border-top:2px solid #ee7323; border-bottom:2px solid #ee7323; border-right:2px solid #ee7323; background-color:#fff; margin-top:16px; }
#pos_rel {position:relative;}
#notice {margin:6px;}
#notice p {font-size:.7em; line-height:1em; padding:0; margin:1em 0 0 0;}
#notice p a:link {color:#4172A7;}
#notice p a:hover { background-color:#ee7323; color:#fffffe;}
#no_notices {display:none;}

#notediv0, #notediv1, #notediv2, #notediv3, #notediv4, #notediv5, #notediv6 {width:300px; border-width:4px; border-style:solid; padding:10px 3px 0 10px; background-color:#fdfddf;}  /*I really only want 2 messages but have covered a few more*/
p.sub_ttl, p.notedate, p.summary, p.moreinfo {font-family:Geneva, Arial, Helvetica, sans-serif;}
p.sub_ttl {color:#006699; font-weight:bold;}
p.notedate {color:#ee7324;}

#tooltip_subscr_form, #tooltip_subscr_form2 {width:350px; border-width:4px; border-style:solid; padding:10px 3px 0 10px; background-color:#fdfddf;} /* Subscriptions CSS. Form2 is for universal pages */
#tooltip_subscr_form {height:20em;}
#tooltip_subscr_form iframe {height:16em;}

.title_block { background-color:#ee7323; padding:0; margin:0;}
.title_block p {line-height:1.3em; color:#FFFFFE; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:.7em; padding:0; margin:0;}

/* End of Notices CSS --------------------------------------------------  */

/* Testimony CSS --------------------------------------------------  */
#what_people_say {width:194px; border-top:2px solid #ee7323; border-bottom:2px solid #ee7323; border-right:2px solid #ee7323; background-color:#fff; margin-top:16px;}
#tmony  {margin:6px;}
#tmony p {font-size:.7em; font-style:italic; margin:0 0 4px 0; padding:0; } /* width change to 175 to allow for IE5.5 and IE6 width error with italic text. would normally be width of 180 */
.quotes { font-weight:bold; color:#ee7324; font-size:1.2em;}
.intls { font-weight:bold; color:#ee7324;}
p#more {font-style:normal; font-size:.6em; color:#000; text-align:center; margin:0; padding:0;}
#more a:link, #more a:visited {color:#804739;}
#more a:hover { background-color:#ee7323; color:#fffffe;}
/* End of Testimony CSS --------------------------------------------------  */

/* Contact CSS --------------------------------------------------  */
.ways {border:#ee7323 solid 2px; background-color:#f7efd8; padding:0; font-size:.9em;}
.ways p a:link  {  color:#449;  border-bottom: 1px dashed #ee7323;}  /*449*/
.ways p a:visited {color:#804739;  border-bottom: 1px dashed #592BD5;}
.ways p a:hover { background-color:#ee7323; color:#fffffe; border:none;}
#cntct_way {width:535px; margin:20px 10px 16px 15px;}
#subscr_way, #reg_way {width:260px; float:left; display:inline;  /* Min-height could be replaced by Javascript code here. 3 instructions vital to min-height: */ min-height:270px;  height:auto !important; height:270px; } /* display:inline handles float-margin bug */
#subscr_way {margin:0 11px 0 15px; }
#reg_way {margin:0 10px 0 0;}
.ways h3, .ways h3 a, .ways h3 a:visited {color:#963334;}
.ways table {margin:0 5px 0 5px; padding:0;}
td#btn_1 {background:url(../images/orng_1_btn.gif) center no-repeat; width:52px;}
td#btn_2 {background:url(../images/orng_2_btn.gif) center no-repeat; width:52px;}
td#btn_3 {background:url(../images/orng_3_btn.gif) center no-repeat; width:52px;}
/* End of Contact CSS --------------------------------------------------  */

/* Facilitator Page CSS --------------------------------------------------  */
.facilitators {border:1px #ee7323 dashed; margin-bottom:6px; width:537px;}
.fac_img, .fac_txt {float:left; margin:10px 10px 10px 0; display:inline;}
.fac_img {margin-left:10px;}
.fac_txt {width:377px;}  
.f_text {font-size:.8em;}
.fac_txt a:link {  color:#449;  border-bottom: 1px dashed #ee7323;}  /*449*/
.fac_txt a:visited {color:#804739;  border-bottom: 1px dashed #592BD5;}
.fac_txt a:hover { background-color:#ee7323; color:#fffffe; border:none;}
.fac_name {color:#963334; font-weight:bold; font-size:1.0em;}
/* End of Facilitator Page CSS --------------------------------------------------  */

/* What follows corrects for IE italics problems. See http://www.positioniseverything.net/explorer/italicbug-ie.html */
/* \*/
* html #tmony {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */

/* Temporary Event Handling (replaced in calendar system)--------------------------------------------------  */
.edate {font-size:1em; margin-bottom:0; padding:0; }
.etitle {font-size:1.1em; font-weight:bold;}
.edata {margin-top:0; padding-top:0;}
.nxt1s { color:#FFCC00; letter-spacing:.2em; font-size:1em; font-weight:bold; display:block;}
.ecity {font-weight:bold; color:#FFCC00;}
.eregion {display:block; color:#6066FF; font-weight:bold; letter-spacing:.4em; font-size:1.2em; text-align:center; padding-top:1.0em;}
/* End ofTemporary Event Handling (replaced in calendar system)--------------------------------------------------  */

.poll {padding-top:20px;}
.sb_title {color:#6066FF; font-weight:bold; letter-spacing:.4em; font-size:.8em; text-align:center;}