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

html, body {
padding:: 0px;
margin: 0px;
background: #FFFFFF url(/images/bg.gif) center top;
background-repeat:repeat-x;
}

#main {
margin: 0px auto 0px auto;
height: 858px;
width: 948px;
position:relative;
}

#titlehead {
background: url(/images/title.gif) no-repeat 0% 0px;
display: block;
height: 32px;
width: 728px;
position:absolute;
left: 187px;
top: 46px;
}

#logoimage a {
background: url(/images/logo.png) no-repeat 0% 0px;
display: block;
height: 116px;
width: 126px;
position:absolute;
left: 38px;
top: 34px;
}

#logoimage {
}

#who a:hover,
#what a:hover,
#how a:hover,
#involved a:hover,
#parents a:hover,
#foundations a:hover,
#staff a:hover {
color: #ffa360;
}

#who a,
#what a,
#how a,
#involved a,
#parents a,
#foundations a,
#staff a {
display: block;
width: 100%;
text-decoration:none;
color: #000000;
}

#who,
#what,
#how,
#involved {
font: 17px "Myriad Pro", Verdana, Arial, sans-serif;
text-align:left;
visibility:visible;
position:absolute;
top:131px;
z-index: 1;
height: 10px;
}

#parents,
#foundations,
#staff {
font: 17px "Myriad Pro", Verdana, Arial, sans-serif;
text-align:left;
visibility:visible;
position:absolute;
top:835px;
z-index: 1;
height: 10px;
}

#who {
left: 290px;
}

#what {
left: 434px;
}

#how {
left: 576px;
}

#involved {
left: 721px;
}

#parents {
left: 327px;
}

#foundations {
left: 469px;
}

#staff {
left: 687px;
}


#textslide {
	display: block;
	text-align: left;
	top: 213px;
	left: 357px;
	width: 185px;
	height: 200px;
	font: 14px "Myriad Pro", Verdana, Arial, sans-serif;
	text-align: left;
	visibility: visible;
	position: absolute;
	z-index: 3;
}

#title2,
#title3,
#titlerightbox {
display: block;
text-align: left;
height: 26px;
font: italic 24px  "Myriad Pro", Verdana, Arial, sans-serif;
visibility: visible;
position: absolute;
z-index: 3;
}

#title2 {
top: 519px;
left: 54px;
}

#title3 {
top:519px;
left: 327px;
}

#titlerightbox {
top: 519px;
left: 727px;
}

#text2,
#text3,
#textrightbox {
	display: block;
	text-align: left;
	width: 224px;

	font: 14px "Myriad Pro", Verdana, Arial, sans-serif;
	text-align: left;
	visibility: visible;
	position: absolute;
	z-index: 3;
}

#text2 {
left: 56px;
	top: 561px;
width: 213px;
}

#text3 {
left: 327px;
	top: 561px;
}

#textrightbox {
left: 727px;
	top: 601px;
}

#button1 a.hover,
#button2 a.hover,
#button3 a.hover {
text-decoration:underline;
color:ffffff;
}

#button1 a:visited,
#button2 a:visited,
#button3 a:visited {
margin-left: 40px;
text-decoration:none;
color:ffffff;
}

#button1 a,
#button2 a,
#button3 a {
margin-left: 40px;
text-decoration:none;
color:ffffff;
}

#button1,
#button2,
#button3 {

display: block;
height: 55px;
width: 222px;
visibility: visible;
position: absolute;
left: 17px;
z-index: 2;
font: 17px "Myriad Pro", Verdana, Arial, sans-serif;
color: #ffffff;
text-align:left;

}



#button1 {
background: url(/images/buttonorange.gif) no-repeat 0% 0px;
top: 235px;
}

#button2 {
background: url(/images/buttonblue.gif) no-repeat 0% 0px;
top: 300px;
}

#button3 {
background: url(/images/buttonblue.gif) no-repeat 0% 0px;
top: 365px;
}
/*
#button1text,
#button2text,
#button3text {
font: 17px "Myriad Pro", Verdana, Arial, sans-serif;
color: #ffffff;
text-align:left;
visibility:visible;
position:absolute;
left:125px;
z-index: 4;
height: 10px;
} */


#mainbox {
background: url(/images/mainbox.gif) no-repeat 0% 0px;
display:block;
visibility: visible;
position: absolute;
height: 330px;
width: 905px;
top: 486px;
left: 27px;
z-index: 1;
}

#rightbox {
background: url(/images/rightbox.gif) no-repeat 0% 0px;
display: block;
height: 292px;
width: 270px;
visibility: visible;
position: absolute;
top: 505px;
left: 648px;
z-index: 2;
}

#imgslide {

height: 224px;
width: 288px;
position: absolute;
top: 200px;
left: 650px;
z-index: 4;
}


#slideshow {
background: url(/images/slidebox.gif) no-repeat 0% 0px;
display: block;
height: 250px;
width: 600px;
visibility: visible;
position: absolute;
top: 208px;
left: 325px;
z-index: 2;
}

#topbox {
background: url(/images/topbox.gif) no-repeat 0% 0px;
display:block;
visibility: visible;
position: absolute;
height: 275px;
width: 910px;
top: 198px;
left: 27px;
z-index: 1;
}


#footerbar {
	font: 10px "Myriad Pro", Verdana, Arial, sans-serif;
	text-align: center;
display:block;
visibility: visible;
position: absolute;
height: 330px;
width: 905px;
top: 880px;
left: 27px;
z-index: 1;
}