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

/*Mid Section */
div#subLeftText{position: absolute; left: 0px;top: 0px; width: 264px;height: 323px;background-image:url(../images/youth/leftBack.gif);
background-repeat:no-repeat; padding: 0px 15px 15px 15px; line-height: 15pt;}
div#subLeftText .big { font-size: 23pt; line-height: 24pt; }
div#subLeftText .med { font-size: 19pt; line-height: 24pt; }
img#subRightImage{position:absolute;left: 304px;}

/* Bottom Section */
div#subBottomLeft{position: relative;top: 28px;width: 874px;padding-bottom: 50px;}
div#subBottomLeftMiddle{width: 400px;height: 371px;position: relative;top: 0px;left: 237px; font-size: 9.8pt; line-height: 14pt; padding-bottom: 10px;}
div#subLeftMiddleEndless{width: 400px;top: 0px; position:relative;left: 237px; font-size: 9.8pt; line-height: 14pt; padding-bottom: 10px; }
div#subLeftMiddleEndless.wide { width: 635px }

div#midText{ width: 378px; padding: 10px 12px 10px 12px; position:relative;}
div#midText.wide { width: 615px }
div#midText a { display: inline-block; }	

div#emailForm{position:relative;top: 12px;}

.subInfo { margin: 0 0 0 20%; display:block }
.subInfo p { margin: 0px 0px 0px 33px }

div#subLeftText p, div#longLeft2 p { margin-top: 15px }

/* specifics */
div#subLeftInside{width: 222px;height: 286px; position: absolute;top: 0px;left: 0px; }

div#subLeftInside img.sideLink, div#subLeftInside div { left: 1px; position:relative }
div#alumniGreyMiddle { padding: 10px 10px 10px 10px; width: 376px; height:317px; background-image:url(../images/alumni/alumnGrey.gif); background-repeat:no-repeat; position:relative; top: 0px; left: 0px}
div#alumniGreyMiddle img { margin-bottom: 10px; }
div#subGreyMiddle{ width:370px; height: 322px; background-image:url(../images/youth/midBack.gif); background-repeat:no-repeat; padding: 15px 14px 14px 14px;}
div#subGreyMiddle img { margin: 0px 0px 0px 0px }

/* Subnavigation */
div.subMenu{ width: 223px; height: 42px; background-image:url(../images/midButton.gif); background-repeat:no-repeat; text-align:left; padding: 0px; } 
div.subMenu img {padding: 14px 0px 10px 14px;}
div.subMenu.sSub img {padding: 5px 10px 14px;}
div.subMenu a  { padding-right: 100%; display:block }
div#cityBack{ background-image:url(../images/youth/cityBack.gif); width: 141px; height: 317px; position: absolute; right: 7px; top: 33px; padding: 11px 11px 11px 11px; background-repeat:no-repeat; text-align:left }

#subMenuTop{ background-image:url(../images/topButton.gif); background-repeat:no-repeat;}
#subMenuTop img { padding-right: 10px; }
#sub2 img { padding-right: 41px;}
#sub3 img { padding-right: 48px;}
#sub4 img { padding-right: 7px;}
#sub5 img { padding-right: 80px;}
#subMenuBottom img { padding-right: 90px;}
#subMenuBottom{ background-image:url(../images/bottomButton.gif); background-repeat:no-repeat; height: 43px;}


/*Connect Video stuff */
div#videoConnect{width: 223px;height: 371px;left: 651px;top: 0px; position:absolute;}
div#connectBack{ width: 203px; height: 318px; background-image:url(../images/youth/connectBack.gif); background-repeat:no-repeat; 
font-size: 8.4pt; padding: 10px 10px 10px 10px; text-align:center; position:relative}
img#video{margin-bottom: 8px;}

img#youTube{ position:absolute; top: 198px; right: 28px; }
img#picasa{ position:absolute; top: 195px; left: 18px; }
img#n4g{ position:absolute; bottom: 50px; left: 20px; }

span#vidSpan{ position:relative; top: -9px;}
span#connectSpan{ position:relative; bottom: -130px; text-align:center }

/* history */
div#ourHistory{width: 222px;height: 370px;left: 651px;top: 0px; position:absolute;  }
div#historyBack{ width: 200px; height: 315px; background-image:url(../images/aboutUs/historyBack.gif); background-repeat:no-repeat; 
font-size: 8.4pt; padding: 11px 11px 11px 11px; position:relative; text-align:center}
div#historyBack span{ position:relative; top: 200px; text-align:left}

div#invovledHistory{ width: 200px; height: 337px; background-image:url(../images/getInvolved/historyBack.gif); background-repeat:no-repeat; 
font-size: 8.4pt; padding: 11px 11px 11px 11px; position:relative; color:#999999; text-align: left; font-size: 11pt}



/* staff pages */
div#longLeft { height: 887px; width: 274px; top: 25px; position: relative; background-image:url(../images/aboutUs/llback01.gif); background-repeat:repeat-x; margin-bottom: 50px; float:left; padding-left: 20px; text-align:left}
div#longLeft2 { height: 1137px; width: 254px; top: 25px; position: relative; background-image:url(../images/aboutUs/llback02.gif); 
background-repeat:repeat-x; margin-bottom: 50px; float:left; padding-left: 20px; padding-right: 20px; text-align: justify; line-height: 13pt;}
div#longLeft .medium { font-size: 17pt; line-height: 20pt; padding-top: 10px; display:block; }
div#longLeft .big { font-size:24pt }
div#longLeft ul.staff { padding-top: 5px }
img#lBottom { position:absolute; bottom: 0px; left: 0px; z-index: 1 }
div#longRight { position: relative; top: 25px; left: 10px; width: 569px; float:left; margin-bottom: 40px; }
div#longRight i { margin-left: 10px }
div#board { margin: 0px 0px 0px 0px; width: 331px; height: 518px; text-align:center; float: left; position: absolute; top: 370px} 
div#board div { margin: 1px auto 0 auto; width: 307px; height: 464px; background-image:url(../images/aboutUs/boardBack.gif); 
background-repeat:no-repeat; padding: 10px 13px 10px 13px;}
div#longRight div#ourHistory { left:347px; top: 370px; float: left; text-align:center}
div#longRight div#ourHistory div#historyBack{ margin-bottom: 10px }

ul.staff { list-style-type:none; text-align: left; line-height: 11.5pt; margin-left: 0px; padding-left:0px; display: block; }
ul.staff li:first-line { font-weight:bold; }
ul.staff li { margin-bottom: 10px }
div#board ul.staff { margin-left: 43px; float: left; }
ul#board { width: 92px; }
ul#board li {  margin-bottom: 26px; }
ul#staff li { margin-bottom: 3px; }
ul#staff li:first-line { font-weight: normal }

i.small { font-size: 9pt; line-height: 16pt; }
img.dbl { margin-left: 9px}

/*Contact */
div#googleMap { width: 386px; height:335px; position:relative; padding:0px; }
div#googleMap iframe { padding: 0px; margin: 0px 0px 0px 2px; border: 1px #939598 solid; }
div#googleMap img#TR { position: absolute; top: 0px; right: -4px } 
div#googleMap img#TL { position: absolute; top: 0px; left: 2px } 
div#googleMap img#LL { position: absolute; bottom: -2px; left: 2px } 
div#googleMap img#LR { position: absolute; bottom: -2px; right: -4px } 
div#googleMap p {text-align: center }

/*Social Services*/
img#ssMainTxt { padding-bottom: 40px }

div.newsletters { float: left; width: 218px; margin-right: 20px }
div.newsletters h2 { font-weight: normal; font-size: 19pt; margin-bottom: 10px }
div.newsletters ul { margin: 0px; padding: 0px; list-style: none; }