/* CSS Document */

/* Project: Jenkintown Day Nursery
URL: http://www.jenkintowndaynursery.com/
Date: August 2008
Author: Ilene Hass, Ilene Hass Creative Solutions for Business Marketing
Author URL: http://www.ilenehass.com */

/**************************************
  Override default styling rules
**************************************/
/* zeroes all margins and paddings */
*, html, body, div, p, th, td, ul, ol, li, form, fieldset, input, h1, h2, h3, h4, blockquote, pre {
margin: 0;
padding: 0;
}

/* commented backslash hack for ie5mac \*/ 
html, body {
height: 100%;
} 

/* normalize font-size for all headers */
h1, h2, h3, h4 {
font-size: 100%;
}

/* remove list-style from lists */
ul, ol {
list-style: none;
}

html {
font-size: 12px;
}

img, fieldset {
/* avoid image-gap bug in Gecko browsers */
display: block;
border: none;
}

/* this makes the CSS not validate - I know it */
img { 
behavior: url(iepngfix.htc); 
}

/**************************************
  Default rules
**************************************/
html {
height: 100%; /* Required for footerstickalt */
}

h1, h2, h3 {
margin-bottom: 0.5em;
padding: 0;	
text-align: left;
line-height: 120%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #36228F;
background-color: transparent;
}

h1 {
font-size: 1.9em;
color: #DC0000;
padding-bottom: .2em;
border-bottom: 4px dotted #DC0000;
}

h2 {
font-size: 1em;
padding: 0.4em 0 0 0;
font-weight: bold;
margin-bottom: .1em;
}

h3 {
	color: #DC0000;
	padding-top: 0.4em;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}




h3.sponsor {
	color: #DC0000;
	padding-top: 0.4em;
	text-align: center;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}


p {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.45em;
color: #36228F;
background-color: transparent;	
}

a, a:link, a:visited {
color: #00ACA9;
background-color: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: underline;
}

a:hover, a:active {
color: #00aca9;
background-color: transparent;
text-decoration: none;
}

ul li {
margin: 0;
padding-bottom: 1em;
color: #36228F;
}

/**************************************
  Overall layout rules
**************************************/
body, html, #wrapper {
min-height: 100%; /*Sets the min height to the height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands
                   an element to enclose its content. This mis-behavior screws up modern browsers*/
}

html>body, html>body #wrapper {
 height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

body {
position: relative;
margin: 0;
padding: 0;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: #36228F;
background-color: #1d287a;
background-image: url(images/background.gif);
background-position: top;
background-repeat: repeat-y;
}

#wrapper {
position: relative;
margin: 0 auto;
padding: 0;
width: 940px;
color: #1D1267;
background-color: transparent;
	
}
/* ie6 and under*/
* html #wrapper {
height: 100%;
}

#header {
}

#masthead {
background-image: url(images/masthead_bg.gif);
background-position: top;
background-repeat: repeat-y;
min-height: 100px;
height: 1%; /* prevents background image from disappearing in IE6 */
}
		
html>body #masthead {
height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

#band {
background-image: url(images/horiz_band1.jpg);
background-position: top;
background-repeat: repeat-y;
min-height: 25px;
}
	
/************************************************
  Content rules
************************************************/
#content {
float: left;
margin: 0;
padding: 0;
width: 940px;
min-height: 650px; /*this is too short ...bottom area shows*/
/*min-height: 2000px;*/ this is too long ....footer is pushed too low
height: 100%;
background-image: url(images/horiz_band2.jpg);
background-repeat: repeat-y;
background-position: top;
}

#main {
float: left;
margin-left: -5px;
padding: 1em;
width: 540px;
color: #FFF;
background-color: transparent;	
}

* html #main {
display: inline;
}

#main h1 {
font-size: 27px;
}

#main p {
padding: 0 0.5em 1em 0;
}

#main p.supporter {
padding: 0 0.5em 2em 0;
}

#main h3 {
padding: 0;
margin-top: 1em;
}




ul.bullet-list {
margin: 0.5em 1em 0.5em 0;
list-style-type: disc;
list-style-position: inside;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000;
background-color: transparent;
}

ul.bullet-list li, ul.nonbullet-list li {
padding-bottom: 0.8em;
line-height: 1.2em;
}

ul.bullet-list li ul {
margin: 1em 1em 0 3em;
padding: 0;
}



#col-left {
float: left;
width: 175px;
min-height: 210px;
color: #FFF;

}

#col-right {
float: left;
margin: 0;
padding: 15px 3px 0 27px;
width: 170px;
}


.box {
width: 139px;/* 169px width less 30px padding */
background: url(images/new_box_gradation.gif) no-repeat top left;
padding: 5px 15px;
}

.box h3{ 
color: #Dcda2a;
background-color: transparent;
font-size: 30px;
font-weight: normal;
}	
	

.box h4{
margin: 10px 0;
color: #DC0000;
background-color: transparent;
font-size: 12px;
font-weight: bold;
	
}
.box p{
line-height: 1.5em;
font-size: .9em;
}

.box a {
text-decoration: none;
}

.box_caption {
width: 139px;/* 169px width less 30px padding */
background: url(images/box_bottomcaption.gif) no-repeat bottom left;
line-height: 1.5em;
font-size: .9em;
padding: 10px 15px 20px 15px;
}
	

/**************************************
  Footer rules
**************************************/
#footer {
clear: both;
position: relative;
padding-top: 20px;
font-size: 11px;
min-height: 50px;
*height: 100%;
width: 940px;
background-image: url(images/horiz_band2.jpg);
background-repeat: repeat-y;
background-position: 50% 0;
/*The 50% 0 bit refers to the positioning of the background image — in this case, 50% from the left side of the browser window (resulting in a centered image) and 0 pixels from the top.*/
}

#copyright {
width: 540px;
margin-left: 180px;
padding: 15px 12px 20px 0;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #36228f;
background-color: transparent;
border-top: 4px dotted #DC0000;
}




#copyright a, #copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active {
color: #00aca9;
background-color: transparent;
text-decoration: none;
}
 
 

/**************************************
  Left navigation rules
**************************************/
.nav-left ul.first {
margin-top: 10px;	/*without button (fundraising) margin-top should be 80px;*/
}

.nav-left li {
padding: 0;
font-size: 13px;
line-height: 34px;
text-indent: 30px
}	

li#nav_on {
width: 124px;
padding: 0;
background: url(images/on_nav.gif) no-repeat 0 0;
}

.nav-left li a, .nav-left li a:link, .nav-left li a:visited {
color: #fff;
background-color: transparent;
text-decoration: none;
}

.nav-left li a:hover, .nav-left li a:active {
color: #36228f;
background-color: transparent;
text-decoration: none;
}

li#nav_on a:hover,  li#nav_on a:active{
color: #ff7b08;
background-color: transparent;
text-decoration: none;
}

/**************************************
  Sub navigation rules
**************************************/
#subnav_boxtop {
width: 204px;
background: url(images/subnav_top.gif) no-repeat top left;
float: right;
margin: 0 10px 0px 15px;
}
#subnav_boxbottom {
width: 204px;
background: url(images/subnav_bottom.gif) no-repeat bottom left;
margin: 0 0px 5px 0px;
}
#subnav_boxtop h4{
margin: 0;
padding: 6px 4px 3px 12px;
font-size: 1.4em;
color: #00aca9;
background-color: transparent;
border-bottom: 1 px solid #00aca9;
}

#subnav_boxbottom ul{
padding: 12px;
}

#subnav_boxbottom ul li a{
color: #fff;
background-color: transparent;
}

/************************************************
  Miscellaneous rules
************************************************/
.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}


li.white {
color: #fff;
font-weight: bold;
}


.underlined {
border-bottom: 1px solid #6C5244;
width: 500px;
}

.bullet {
color: #ff7b08;
background-color: transparent;
}

.clear-left {
clear: both;
}

.img-right {
float: right;
margin: 0 10px 5px 15px;
}
.img-left {
float: left;
margin: 0px 15px 5px 0px;
}


#group {
float: left;
}
	
.tagline {
padding-top: 10px; /*was 21px for shorter tagline*/
padding-right: 27px;
width: 139px;
float: right;
color: #6e28a9;
font-size: 14px;
font-weight: bold;
}

.title {
color: #fff;
font-size: 30px;
padding-top: 20px;
}
	
.contact {
color: #fff;
padding-left: 20px;
}

.logo {
float: left;
margin: 0 10px 0 20px;
}
	
.last {
padding: 0 0 0 30px;
}

.today {
color: #fff;
font-weight: bold;
font-size: 14px;
}

.ruleright {
padding-bottom: .5em;
border-bottom: 4px dotted #DC0000;
width: 169px;

}
#give {
width: 490px;
background: url(images/donation_boxtop.jpg) no-repeat top left;
padding-top: 2em;
margin-bottom: 1em;
}

#give2 {
width: 490px;
background: url(images/donation_boxtop.gif) no-repeat top left;
padding-top: 2em;
margin-bottom: 1em;
}
/*donate is the class is the ul within the div called give*/
.donate {
background: url(images/donation_boxbottom.jpg) no-repeat bottom left;
}

.donate2 {
background: url(images/donation_boxbottom.gif) no-repeat bottom left;
}
.donate li{
padding-left: 20px;
}

#give p{
padding-left: 20px;
}

.donatetable{
padding-left: 20px;
color:#36228f;
}

.cellright{
text-align: right;
}


.appealbutton{
padding: 0px 0 0 0px;
}

/*enhance auction fundraiser page*/
ul.bullet2-list {
margin: 0.5em 1em 0.5em 0;
list-style-type: disc;
list-style-position: inside;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000;
background-color: transparent;
}

ul.bullet2-list li, ul.nonbullet2-list li {
padding-bottom: 0em;
line-height: 1.2em;
}

ul.bullet2-list li ul {
margin: 1em 1em 0 3em;
padding: 0;
}

.underlined2 {
border-bottom: 1px solid #dc0000;
width: 500px;
}

ul.golfsponsor {
padding-top: 1em;
}

ul.golfsponsor li{
margin: 0;
padding-bottom: .25em;
color: #36228F;
list-style-type: disc;
list-style-position: inside;}

p.bowlingsponsor {
margin-top: 2em;
text-align: center;
font-size: 1.5em;
color: DC0000;
}

ul.bowlingsponsor li{
margin: 0;
font-size: 1.5em;
padding-bottom: .25em;
color: #36228F;
list-style-type: none;
}

li.acenter {
	text-align: center;
	color: #36228F;
	font-size: 1em;
	line-height: 1em;
	list-style-type: none;
}


.newsrule {   /*added Sept 2011 to separate news items*/
padding-top: 20px;
border-top: 1px solid #DC0000;
}