/* CSS Document - Get Help */

#main_gh {
        background-image: url(images/butterfly.gif);
	width: 360px;
        height: 400px;
        top: 220px;
	margin-right: 800px;
	margin-left: 155px;
	padding: 0px;
	position: absolute;
}

#button_ourprograms {
	position: absolute;
    top: 270px;
	left: 230px;
}

#button_guides {
	position: absolute;
    top: 270px;
	left: 70px;
}

.slideshow {
	position: absolute;
        top: 20px;
	margin-left: 390px;
}

#quote_gh {
        width: 280px;
        position: absolute;
        top: 470px;
        margin-left: 570px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666633;
}

#author_gh {
        width: 200px;
        position: absolute;
        top: 505px;
        margin-left: 675px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666633;
}

.program_public_body {
	position: absolute;
        top: 20px;
	margin-left: 0px;
        width: 500px;
}

*html .program_public_body {
	position: absolute;
        top: 30px;
	margin-left: 0px;
        width: 500px;
}

.hr {
        position: absolute;
        top: -20px;
        left: -30px;
        padding-bottom: 10px;
}

#footer {
        position: absolute;
        top: 570px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .hr {
        position: absolute;
        top: -15px;
        left: -30px;
        padding-bottom: 10px;
}

*html #footer {
        position: absolute;
        top: 570px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

/* --------  styles for programs -------- */

.green { color: #339999; }

a.gh:link {  font-family: Verdana, Arial, sans-serif; color: #339999; text-decoration: none; line-height: 170%; font-size: 14px; }
a.gh:visited {  font-family: Verdana, Arial, sans-serif; color: #339999; text-decoration: none; line-height: 170%; font-size: 14px; }
a.gh:hover {  font-family: Verdana, Arial, sans-serif;  color: #339999; text-decoration: underline; line-height: 170%; font-size: 14px; }
a.gh:active {  font-family: Verdana, Arial, sans-serif; line-height: 170%; font-size: 14px; }

a.prog:link {  font-family: Verdana, Arial, sans-serif; color: #339999; text-decoration: none; line-height: 110%; font-size: 12px; }
a.prog:visited {  font-family: Verdana, Arial, sans-serif; color: #339999; text-decoration: none; line-height: 110%; font-size: 12px; }
a.prog:hover {  font-family: Verdana, Arial, sans-serif;  color: #339999; text-decoration: underline; line-height: 110%; font-size: 12px; }
a.prog:active {  font-family: Verdana, Arial, sans-serif; line-height: 110%; font-size: 12px; }

*html .p1 {
    line-height: 80%;
}

a.back:link {  font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #339999; text-decoration: none;  }
a.back:visited {  font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #339999; text-decoration: none; }
a.back:hover {  font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #339999; text-decoration: underline; }
a.back:active {  font-family: Verdana, Arial, sans-serif; font-size: 14px; }

#content {
	width: 550px;
        height: 400px;
        top: 230px;
	margin-right: 800px;
	margin-left: 155px;
	padding: 0px;
	position: absolute;
}

#upper {
	width: 520px;
        height: 200px;
        top: 0px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
        border: 1px;
}

/* for YPA */
#upper2 {
	width: 350px;
        /*height: 200px;*/
        top: 0px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
        border: 1px;
}

#upper3 {
	width: 500px;
        /*height: 200px;*/
        top: 105px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
        border: 1px;
}

.line_bot_prog {
	position: absolute;
        top: 460px;
	margin-left: 675px;
}

*html #lower {
	width: 650px;
        height: 400px;
        top: 315px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

#lower {
	width: 650px;
        height: 400px;
        top: 305px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

*html #lower2 {
	width: 650px;
        height: 400px;
        top: 322px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

#lower2 {
	width: 650px;
        height: 400px;
        top: 321px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

*html #lower3 {
	width: 650px;
        height: 400px;
        top: 315px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

#lower3 {
	width: 650px;
        height: 400px;
        top: 290px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

.programs {
        position: absolute;
        top: 220px;
        margin-left: 690px;
}

#subnav {
	width: 180px;
        height: 350px;
        top: 270px;
	margin-left: 695px;
	padding: 0px;
	position: absolute;
}

.boys {
        position: absolute;
        top: 69px;
	margin-left: 682px;
}

.programs1 {
        position: absolute;
        top: 377px;
        margin-left: 690px;
}

#subnav1 {
	width: 180px;
        height: 250px;
        top: 430px;
	margin-left: 695px;
	padding: 0px;
	position: absolute;
}

.butterfly_gh {
	position: absolute;
        top: 80px;
	margin-left: 550px;
}

.subtitle {
	position: absolute;
        top: 185px;
	margin-left: 280px;
        font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #339999;
}

.line_vert3 {
        position: absolute;
        top: 190px;
        margin-left: 681px;
}

.line_vert4 {
        position: absolute;
        top: 69px;
        margin-left: 681px;
}

.subtitle1 {
        font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #339999;
}

.back1 { /* ---  programs > buddy page --- */
        position: absolute;
        top: 370px;
        left: 0px;
}

.hr1 {
        position: absolute;
        top: 587px;
        left: -100px;
        padding-bottom: 10px;
}

#footer1 { 
        position: absolute;
        top: 600px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -100px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .hr1 {
        position: absolute;
        top: 594px;
        left: -100px;
        padding-bottom: 10px;
}

*html #footer1 { 
        position: absolute;
        top: 610px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -550px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.back2 { /* ---  programs > newman page --- */
        position: absolute;
        top: 1133px;
        left: 860px;
		width: 200px;
}

.hr2 {
        position: absolute;
        top: 1151px;
        left: 250px;
        padding-bottom: 10px;
}

#footer2 { 
        position: absolute;
        top: 1182px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 100px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .back2 {
        position: absolute;
        top: 1137px;
        left: 860px;
		width: 200px;
}

*html .hr2 {
        position: absolute;
        top: 1158px;
        left: 250px;
        padding-bottom: 10px;
}

*html #footer2 { 
        position: absolute;
        top: 1170px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 100px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.back_prog { /* ---  programs homepage --- */
        position: relative;
        top: 550px;
        left: 630px;
}

.hr_prog {
        position: relative;
        top: 550px;
        left: 0px;
        padding-bottom: 10px;
}

*html .hr_prog {
        position: relative;
        top: 547px;
        left: 30px;
        padding-bottom: 10px;
}

/* for site map */
.hr_site_map {
        position: relative;
        top: 1220px;
        left: 0px;
        padding-bottom: 10px;
}

*html .hr_site_map {
        position: absolute;
        top: 1328px;
        left: 230px;
        padding-bottom: 10px;
}

#footer_site_map {
        position: relative;
        top: 1220px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html #footer_site_map {
        position: absolute;
        top: 1333px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

#footer_prog {
        position: relative;
        top: 550px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.back_fam { /* ---  programs > family & public --- */
        position: absolute;
        top: 325px;
        left: 485px;
		width: 200px;
}

.hr_fam {
        position: absolute;
        top: 342px;
        left: -110px;
        padding-bottom: 10px;
}

#footer_fam {
        position: absolute;
        top: 363px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -70px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .back_fam { 
        position: absolute;
        top: 325px;
        left: 380px;
}

*html .hr_fam {
        position: absolute;
        top: 349px;
        left: -110px;
        padding-bottom: 10px;
}

*html #footer_fam {
        position: absolute;
        top: 363px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -70px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.back3 { /* ---  YPA page --- */
        position: relative;
        top: 790px;
        left: 630px;
}

.hr3 {
        position: relative;
        top: 791px;
        left: 0px;
        padding-bottom: 10px;
}

*html .hr3 {
        position: relative;
        top: 787px;
        left: 30px;
        padding-bottom: 10px;
}

#footer3 {
        position: relative;
        top: 790px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.dean { /* ---  Buddy page --- */
        position: absolute;
        top: 70px;
        left: 180px;
}

.orlando { /* ---  Buddy page --- */
        position: absolute;
        top: 290px;
        left: 180px;
}

#left {
        position: absolute;
        top: 70px;
        left: -10px;
        width: 180px;
        font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
#right {
        position: absolute;
        top: 70px;
        left: 320px;
        width: 200px;
        font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;        
}

.back5 { 
        position: relative;
        top: 760px;
        left: 630px;
}

.hr5 {
        position: relative;
        top: 761px;
        left: 0px;
        padding-bottom: 10px;
}

*html .hr5 {
        position: relative;
        top: 757px;
        left: 30px;
        padding-bottom: 10px;
}

#footer5 {
        position: relative;
        top: 760px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.hr4 { /* ---  privacy policy page --- */
        position: absolute;
        top: 642px;
        left: -100px;
        padding-bottom: 10px;
}
*html .hr4 { 
        position: absolute;
        top: 649px;
        left: -100px;
        padding-bottom: 10px;
}
#footer4 { 
        position: absolute;
        top: 660px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -80px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.hr_dis { /* -------- disclaimer page ----------*/
        position: absolute;
        top: 322px;
        left: -100px;
        padding-bottom: 10px;
}

*html .hr_dis { 
        position: absolute;
        top: 329px;
        left: -100px;
        padding-bottom: 10px;
}

#footer_dis { 
        position: absolute;
        top: 350px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -100px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

/*--- slide show --- */
.leftarrow {
        position: absolute;
        top: 300px;
        left: 250px;
}

.rightarrow {
        position: absolute;
        top: 300px;
        left: 276px;
}
.slide_pics {
        position: absolute;
        top: 30px;
        left: 80px;
		border: 5px solid #cccc98;
}

.back6 { 
        position: absolute;
        top: 370px;
        left: 495px;
        color: #339999;
		width: 350px;
}

.hr6 {
        position: relative;
        top: 391px;
        left: -115px;
        padding-bottom: 10px;
}

*html .hr6 {
        position: relative;
        top: 391px;
        left: -115px;
        padding-bottom: 10px;
}

#footer6 {
        position: relative;
        top: 395px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -60px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}