@charset "utf-8";
/* CSS Document */

/*to visually see all elements surrounded in red*/

/*
*{border:solid 1px red}
*/

/******************BEGIN FULL PAGE, & STYLES TIED TO A SPECIFIC TAG TYPE*****************/
body {
	font-family: 'Trebuchet MS';
	margin: 10px 0px 0px 10px;
	min-width: 800px;
	max-width: 1870px;
	background-image:url(assets/gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment:fixed;
}
/*div id="myBackDrop" encloses the 3 fixed horizontal banner elements(#nav, statePic, & <h1>*/
/*myBackDrop is position:fixed so that it does not scroll*/
#myBackDrop{  
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:110px;
	background-image:url(assets/gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment:fixed;
	z-index:1;
	border-bottom:solid 2px #506BB1;
}

/*Placement HACK for IE 6, (from when I implemented position:fixed for IE 7 & 8)*/
* html #myBackDrop{
	height:0px;
	border-bottom:none} 

/*Want one <h1> tag per page for search-engine visibility
BUT <h1> is far too big, so am downsizing it here to 24px
AND at this point, the only <h1> tag is the page HEADING SENTENCE*/
h1{
	position:fixed;
	top:55px;
	left:0px;
	width:100%;
	font-size:24px;
	text-align:center;
	margin-left:80px;
	color:#009}

/*Placement HACK for IE 6, (from when I implemented position:fixed for IE 7 & 8)*/
* html h1{position: fixed; /*needed to leave fixed to have drop-down menu cover it*/
		font-size:24px;
		text-align:center;
		margin-left:80px;
		color:#009;
		margin-top:-50px}

/*all the tables in the web-site*/
table,td{border-collapse:collapse; border-style:solid; border-color:#506BB1; border-width:3px; vertical-align:top}

td{padding:5px}

/*general hovers*/
a:hover {
	color:#C60;
}
/*****************END full page, and styles tied to a specific tag type*****************/

/****************************BEGIN PAGE POSITIONAL <DIV> ELEMENTS************************/

/*positioning for State of WI & logo*/
/*necessary to force menu tab to render consintently BEFORE this pic in IE 8*/
.statePic{
	position:fixed;
	top:35px;
	left:10px;
}

/*Placement HACK for IE 6, (from when I implemented position:fixed for IE 7 & 8)*/
/*Was also necessary to force rendering of main navigation bar consistently in IE 8 before
implementing fixed placement for IE 7 & 8*/
* html .statePic{
	clear:both;
}

/*for the paragraph that tells user where they are...*/
.amHere{
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;	
}

/*this trick insures that the left-side banner will grow as 
long as necessary to match the page content.  Current width of leftBlue.png is 180px*/
/*CHANGED TO ONLY BE SEEN BY IE6 & PRIOR (AFTER USING FIXED PLACEMENT FOR THE SIDE BANNER*/
* html #wrapper1 {
	background: url(assets/leftBlue.png) repeat-y left top;
	margin-top:0px; /*fixed the IE space between "am here" and left-sidebar"*/
}

#footer{
	margin-left: 210px;
	margin-right: 10px;
	text-align: center;
	color:#009;
}

/*margin-top of allContent container = height in px of myBackDrop (attached at top:0 left:0) */
/*allContent is position:relative so that this section is scrollable for the user*/
#allContent{
	position: relative;
	margin-top:110px;
}

/*Placement HACK for IE 6, (from when I implemented position:fixed for IE 7 & 8)*/
* html #allContent{
	position: fixed; /*was relative*/
	margin-top: 0px;	
}

#mainContent{
	margin-left: 210px;
	margin-right: 10px;
	margin-top: 0px;
	padding:10px 20px 10px 20px;
	color:#009;
	font-weight:bold;
	/*controls Main Body Font Size*/
	font-size:14px;
	/*white background and red lines around main content*/
	background:#FFF;
	border:solid 2px #506BB1;
}

/****************************END PAGE POSITIONAL <DIV> ELEMENTS************************/

/***************************BEGIN MENU LINKS CURRENTLY ON THE LEFT SIDE-BAR*****************/
/*subMenuBar is position:fixed so it does not scroll.  It is positioned top:100px so that
it agrees with the height of the myBackDrop element (which meets subMenuBar from the top down.)*/
.subMenuBar{
	position: fixed;
	left: 10px;
	top: 110px;
	width: 180px; /*width must equal image width used in #wrapper1 trick above*/
	background-color:#506BB1;/*color must match image used in #wrapper1 trick above*/
	padding-left:0px;
	padding-top:10px;
	color:#FFF; /*the "non-link" text is white*/
	font-size:13px; /*all text in this area is this size*/
	height:900px; /*(arbitrary number (so that if fills all vertical space on Karen's monitor)*/
}

/*Placement HACK for IE 6, (from when I implemented position:fixed for IE 7 & 8)*/
* html .subMenuBar{
	position: absolute;/* was absolute*/
	top: 130px;
	background-color:#506BB1;/*color must match image used in #wrapper1 trick above*/
	padding-left:0px;
	color:#FFF; /*the "non-link" text is white*/
	font-size:13px; /*all text in this area is this size*/
	height:20px;
}

/*NOTE: list-style: is for combined declarations, list-style-type: is just for ONLY the disc marker type*/
.subMenuBar ul {
	list-style:none;
	/*this is the problem with too far left placement of sidebar links in IE only
	needed to specify BOTH margin-left:0 and padding-left:30px to get same spacing in browsers*/
	margin-left:0px;
	padding-left:30px;
}

/*controls left side=bar menu links color*/
.subMenuBar a {
	color:#FFF;
}
/*controls left side-bar menu links color & bold on hover*/
.subMenuBar a:hover {
	color: #FF0;
	font-weight:bold;
}
/*id given to Side link that is the current page, for controlling highlight & bold*/
#hereLink{color:#FF0; font-weight:bold}

/***************************END  MENU LINKS CURRENTLY ON THE LEFT SIDE-BAR*****************/

/****************************BEGIN SPECIAL (non-menu) left side banner links***********/

/*aqua color on special links*/
p.specialLinks a{color:#6FF}

/*indents major lists in the main section of the page*/
ul.specialUL {margin-left: 20%}

/*is used on all of the SPECIAL (non-menu) left side banner links.
Both the headings & links*/
p.specialLinks{
	font-weight:bold;
	font-size:.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding-left:10px;
}
/****************************END SPECIAL (non-menu) left side banner links***********/

/****************************BEGIN MAIN NAVIGATION SYSTEM SECTION************************/

/*class is just for hanging the TOP nav bar right side image on <li> tag.
Am not using images on the SUB nav*/
.TabR{
	background: #FFF url(assets/right_side.png) no-repeat right top;
	font-weight:bold;
	font-size:.70em;
}

/*class is just for hanging the TOP nav bar left side image on <a> tag.
Am not using images on the SUB nav*/
.TabL{
	background-image: url(assets/left_side.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFF;
	padding:7px 8px 4px 8px;
}

/*effects BOTH top nav, and drop-down nav */
#nav, #nav ul{
	list-style:none;
	padding: 0; /*lay the playing field even, for all browsers*/
	margin: 0; /*lay the playing field even, for all browsers*/
}

/*the underline of the TOP nav bar*/
/*NOTE:  I Had to clear:both on the state of WI image
to get TOP NAV bar to display (consistently) in IE 8*/
#nav{
	border-bottom: 2px solid #506BB1;
	position:fixed;
	top:10px;
	left:0px;
	width: 100%;
	z-index:3;
	margin-right:20px;
	min-width:828px; /*Prevents it from wrapping*/
}

/*Placement HACK for IE 6, (from when I implemented position:fixed for IE 7 & 8)*/
* html #nav{
	border-bottom: 2px solid #506BB1;
	width: 100%;
	margin-right:10px;
	padding-right:20px;
}

/*makes entire link area clickable on BOTH top nav, and SUB drop-down nav*/
#nav a {display:block;}

/*controls the hover color on the BOTH top nav, and SUB drop-down nav*/
#nav a:hover{color:#FF0;}

/* forces TOP nav to be limited to a single vertical list and floated to the right side page*/
#nav li {
	float: right;
	margin-left:2px; /*the space BETWEEN the tabs*/
}

/* causes SUB nav drop-down items to be floated against the left edge margin*/
#nav li ul li {
	float: left;
	line-height:2em;
	background-color:#506BB1;
}

/*limits width of SUB nav drop-down to prevent items form doubling-up.*/
/*also & hides SUB nav drop-down*/
#nav li ul {
	position: absolute;
	width: 4em;/*restricts SUB menu column WIDTH to AVOID more than 1 menu item per line.*/
	left:-999em;/*hides the sub nav*/
}

/*hides SECONDARY LEVEL "SUB" nav drop-down items (currently only under Capital Campaign & Faith Funds Campaign items*/
#nav li:hover ul ul, #nav li.sfhover ul ul
	{
	left:-999em;
}

/*to cause the SUB nav display to occur on hover for non-IE browsers, and for IE with the
JavaScript fix that adds & removes class sfhover to the nav's <li> elements*/
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul /*IE fix is class="sfhover" added to <li> with JavaScript*/
	{
	left: auto;
	}

/*this causes the SUB nav background-color change on li:hover for all browsers except early IE*/
/*now this works in all IE browsers, because of a script supplied by csshover3.htc,
that is connected to the body tag as a behavior linked directly
in each html page's embedded style tag*/
#nav .sub li:hover{
	background-color:#C36;
}

/*provides SUB nav drop-downs with appropriate padding and border around the text*/
.sub li {
	padding: .25em 0em .25em .5em;
	border-top: #FF0 1px solid;
}
/*provides the yellow left border on the SECONDARY SUB menu (currently only under Capital Campaign & Faith Funds) */
.sub li ul li {
	border-left: #FF0 1px solid;
}

/*effects SUB nav drop-downs with link color and removes underline*/
.sub li a {
	color:#FFF;
	text-decoration: none;
}
/****************************END OF MAIN NAVIGATION SYSTEM SECTION************************/

/*******************BEGIN IMAGE BACKDROP USED ON CAPITAL CAMPAIGN PAGES CURRENTLY****************/
/*the backdrop image used as a background image*/
.photo1{
	background:url(assets/drop_shadow.gif) right bottom no-repeat;
	margin: 0 10px 10px 20px;
	width:auto;
}
/*slight offset of the primary image so background image is visible*/
.photo1 img{
	border: 1px solid #666;/*narrow gray border padded 4px off image*/
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -5px;
	left: -5px;
}
/*******************END IMAGE BACKDROP USED ON CAPITAL CAMPAIGN PAGES CURRENTLY****************/

/*******************START GREY IMAGE BORDER ON IMAGES WITH NO BACKDROP EFFECT********************/
/*this is the boarder around the pictures*/
img.imgBoarder{
	margin: 10px;
	border: 1px solid #666;
	padding: 10px;
	background-color:#CCC;
}

/*this is the text under pictures*/
.imgText p{
	font-weight:bold;
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top:0px;
}
/*******************END GREY IMAGE BORDER ON IMAGES WITH NO BACKDROP EFFECT********************/

/***********************BEGIN NEWSFLASH DIVS (CURRENTLY YELLOW) THROUGHOUT SITE******************/
.newsFlash{
	width:200px;
	margin: 10px;
	border: solid 1px #fdd041;
	border-top-width:5px;
	padding: 10px;
	background-color: #fbef99;
	font-family: Tahoma, "Lucinda Grande", Arial, sans-serif;
	font-size: 62.5%;
}

.newsFlash ul li ul{font-size:100%}

/* from textbook IE 5.0 fix*/
* html .newsFlash{
	display:inline;
	width: 222px;
	w\idth:200px;
}

.newsFlash h1{
	font-size: 2.4em;
}

.newsFlash h2{
	font-size:1.8em;
}

/*from textbook IE 5 fix*/
* html .newsFlash h2{
	zoom:1;
}

.newsFlash h3 {
	margin:0;
	text-align: left;
	font-size: 1.4em;
	color: #14556B;
}

.newsFlash p, .newsFlash ul, .newsFlash ol{
	font-size: 1.2em;
	line-height: 130%;
}

.newsFlash ul{
	padding:0;
	margin: 10px 0 0 0;
	color:#666666;
	list-style: square;
}

.newsFlash li{
	margin-left: 1.5em;
	margin-bottom: 6px;
}
/***********************END NEWSFLASH DIVS (CURRENTLY YELLOW) THROUGHOUT SITE******************/

/*color for special words throughout.*/
.specialWord {
	color: #C36; /*currently matches the color on hover of SUB nav drop-downs*/
}

/*used to keep certain headings closer to their descriptive paragraphs*/
.lowMargin{
	margin-bottom:-15px
}

/*nifty image for grant page bullets*/
.grantBullet{
font-style:italic;
font-size:16px; 
background-image:url(assets/arrow_bullet_11.gif); 
background-repeat:no-repeat; 
background-position: left top			
}

/*For the special text about getting Adobe Reader*/
.Adobe {font-size:14px; font-style:italic; font-weight:normal}


/*++++++++++++++++++BEGINNING of ANCIENT SCROLL Section++++++++++++++++++++++++++++++++++++++++++++*/

/*width for entire group of images and <li>s*/
#scrollWrapper{
	width:335px;
}

/*has the top scroll image attached*/
#announcement h2 {
	background: url(assets/scroll_top.jpg) no-repeat center top;
	padding-top: 70px; /*keeps h2 off the top of the scroll*/
	font: italic bold normal 20px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #323A3F;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom:7px;
}

/*has the middle scroll image attached*/
#announcement {
	background: url(assets/scroll_middle.jpg) repeat-y center top;
	/*margin-top: 115px;*/
  zoom: 1;
}

#announcement ul {
	font: 14px Tahoma, Geneva, sans-serif;
	padding: 0 30px 0 30px; /*necessary for IE 6 & 7 for images to line-up correctly*/
 	margin: 0; /*necessary for IE 6 & 7 for images to line-up correctly*/
	color: #323A3F;
}

#announcement li {
	list-style: none;
  	background-image: url(assets/bullet.png);
  	background-repeat: no-repeat;
 	background-position: 0 4px;
 	padding-left: 25px; 
	margin-bottom: 10px;
	margin-left: 30px;
	padding-right: 40px;
}

#announcement .last {
	background: url(assets/scroll_bottom.jpg) no-repeat center bottom;
	padding-bottom: 65px;
}

/*++++++++++++++++++END of ANCIENT SCROLL Section++++++++++++++++++++++++++++++++++++++++++++*/