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

#homepagecontainer { margin: 0px; padding: 0px; height: 785px; width: 946px; background-image:url(../Images/HomeImages/YPHomeImages/YPHomeBackground.png); background-repeat:no-repeat;}


#HomeTopSection {height: 32px;}

#TopLinks {float: left; padding: 12px 0px 0px 18px; width: 675px; margin: 0px;}

#SearchSite {float: right; padding: 8px 0px 0px 0px;}



#Logos {float: right; padding: 10px 0px 15px 0px;}

#cnxlogo {float: right; padding: 9px 0px 0px 20px;}

#countylogo {float: right; padding: 9px 0px 0px 20px;}

#citylogo {float: right; padding: 1px 0px 0px 20px;}


#HomeMiddleSection {float: left; margin: 112px 0px 0px 0px; width: 946px; height: 400px;}

#HomeMiddleTopSection {float: right;  width: 730px; height: 68px; margin: 0px 83px 0px 0px ; padding: 0px;}

#HomeMiddleBottomLeftSection {float: left; width: 146px; height: 320px; margin: 0px 0px 0px 20px;}

#HomeMiddleBottomRightSection {float: left; width: 693px; height: 334px;}

#HomeRightMiddleBottomLeftSection {float: left; width: 440px; height: 300px; margin: 10px 0px 0px 10px; background-color:#ffffff;}

#HomeRightMiddleBottomRightSection {float: left; width: 237px; height: 300px; margin: 10px 0px 0px 6px; background-image:url(../Images/HomeImages/YPHomeImages/MiddleRightBackground.png);}

#HomeBottomSection {float: left; width: 946px;}




/* Top Menu Buttons */

#MenuButton1 { width: 117px; height: 26px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton1.png); background-repeat: no-repeat; margin: 5px 5px 0px 0px;}

#MenuButton1:hover { width: 140px; height: 26px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; margin: 5px 5px 0px 0px; }

.MenuButtonText1 { padding: 6px 0 0 0; text-align: center; font-size: 11px; text-decoration: none; }


#MenuButton2 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton2.png); background-repeat: no-repeat; color: #ffffff; margin: 5px 5px 0px 0px;}

#MenuButton2:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; margin: 5px 5px 0px 0px; color:#000000;}

.MenuButtonText2 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none; }


#MenuButton3 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton3.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton3:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText3 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton4 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton4.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton4:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText4 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton5 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton5.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton5:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText5 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton6 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton6.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 0px 0px 0px;}

#MenuButton6:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 0px 0px 0px; color:#000;}

.MenuButtonText6 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton7 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton7.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton7:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText7 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton8 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton8.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton8:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText8 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton9 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton9.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton9:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText9 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton10 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton10.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton10:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText10 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton11 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton11.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px;}

#MenuButton11:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 5px 0px 0px; color:#000;}

.MenuButtonText11 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


#MenuButton12 { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButton12.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 0px 0px 0px;}

#MenuButton12:hover { width: 140px; height: 27px; float: left; background-image:url(../Images/TopImages/YoungPersons/MenuButtonsSmall/YPButtonBlack.png); background-repeat: no-repeat; color: #FFFFFF; margin: 5px 0px 0px 0px; color:#000;}

.MenuButtonText12 { padding: 6px 0 0 0; margin: 0px; text-align: center; font-size: 11px; text-decoration: none;}


/* Left Middle Buttons */

#LeftMenuButton1 {padding: 8px 0px 0px 0px; margin: 14px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat; }

#LeftMenuButton1:hover {padding: 8px 0px 0px 0px; margin: 14px 0px 0px 0px; color:#FFFFFF; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}


#LeftMenuButton2 {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat;}

#LeftMenuButton2:hover {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#ffffff; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}


#LeftMenuButton3 {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat;}

#LeftMenuButton3:hover {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#ffffff; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}


#LeftMenuButton4 {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat;}

#LeftMenuButton4:hover {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#ffffff; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}


#LeftMenuButton5 {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat;}

#LeftMenuButton5:hover {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#ffffff; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}


#LeftMenuButton6 {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat;}

#LeftMenuButton6:hover {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#ffffff; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}


#LeftMenuButton7 {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat;}

#LeftMenuButton7:hover {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#ffffff; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}


#LeftMenuButton8 {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#6B207F; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton.png); width: 146px; height: 33px; background-repeat: no-repeat;}

#LeftMenuButton8:hover {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#ffffff; text-align: center; font-size: 11px; background-image: url(../Images/HomeImages/YPHomeImages/HomeLeftButton1.png); width: 146px; height: 33px; background-repeat: no-repeat;}

/* Hover Overs */

.divDetails {position: absolute; margin: -40px 0px 0px 156px; background-color: #ffffff; height: 20px; border: 1px solid #000000; padding: 5px; font-size: 12px; z-index: 98}




/* Right Middle Section */

#NewArea { float:left; padding: 5px 0px 0px 0px; width:529px; height: 19px;}

#SectionDropDown { float:left; padding: 5px 0px 0px 0px; width:160px; height: 19px;}


/* Main Middle Section */

/* While transitions are happening */

/*#FadingImage { position: absolute;	z-index: 99; width: 440px; height: 300px; background-image:url(../Images/HomeImages/YPHomeImages/WelcomeFeature.gif);}*/

/*#BackgroundImage { position: absolute; width: 440px; }*/



/* Whole */

#t11 { float: left; width: 440px; height: 300px; background-color:#FFF; }

/* Halves */

#t21 { width: 440px; height: 150px; background-color:#FFF; }

#t22 { width: 440px; height: 150px; background-color:#FFF; }



/* 1 half and 2 quarters */

#t31 { width: 440px; height: 150px; background-color:#FFF;  }

#t32 { float: left; width: 220px; height: 150px; background-color:#FFF; }

#t33 { float: left; width: 220px; height: 150px; background-color:#FFF; }



/* Quarters */

#t41 { float: left; width: 220px; height: 150px; background-color:#FFF; }

#t42 { float: left;  width: 220px; height: 150px; background-color:#FFF; }

#t43 { float: left;  width: 220px; height: 150px; background-color:#FFF; }

#t44 { float: left;  width: 220px; height: 150px; background-color:#FFF; }


/* Main Middle Right Section */




/*#HomeRightMiddleBottomRightSection1 {float: left; background-image:url(../Images/HomeImages/YPHomeImages/latestnews.png); height:130px; width:218px; margin: 9px 0px 0px 9px;}*/

/*#HomeRightMiddleBottomRightSection2 {float: left; background-image:url(../Images/HomeImages/YPHomeImages/goto1.png); height:144px; width:107px; margin: 9px 0px 0px 9px;}*/

/*#HomeRightMiddleBottomRightSection3 {float: left; background-image:url(../Images/HomeImages/YPHomeImages/feedback.png); height:150px; width:121px; margin: 9px 0px 0px 0px;}*/



#HomeRightMiddleBottomRightSection {float: left; width: 237px; height: 300px; margin: 10px 0px 0px 6px; background-image:url(../Images/HomeImages/YPHomeImages/MiddleRightBackground.png);}

#HomeRightMiddleBottomRightSection1 {float: left; background-image:url(../Images/HomeImages/YPHomeImages/latestnews1.png); height:250px; width:218px; margin: 9px 0px 0px 9px; }

div.tweet { margin: 4px 4px 15px 4px; width: 192px; color: #000000; }
	
#tweet { width: 200px; background-color:#cccccc; margin:0px; padding: 3px; height: 195px; word-wrap: break-word; }

ul { list-style:none; margin: 0px; padding:0px; }

#twitter-container { float: left; height: 200px; width: 212px; margin:35px 2px 0px 2px; padding: 0px 0px 0px 0px; }

#twitter-image {float: left; margin: 15px 0px 0px 0px; width: 217px; height:30px; background-image:url(../Images/HomeImages/YPHomeImages/twitter-image.jpg); background-repeat:repeat-x;}




#news { float: left; position: relative; top: 30px; left: 0px; z-index: 2; width: 217px; height: 97px; font-size: 0.5em; color: #FFFFFF; overflow:hidden; margin: 3px 0px 0px 0px;}

/* the news box when JavaScript is available */
#news.hasJS {height:97px; overflow:hidden; position:relative;}
/* The nested UL when JavaScript is available */
#news.hasJS ul{position:absolute; top:90px;	left:0;	margin:0 .5em 0 .5em; padding:0;}

ul.home { font-size: 10px; color: #000000;}

li.home {padding: 15px 0px 15px 0px;}



/* Bottom Section */

#HomeBottomBar { margin: 20px 0px 0px 0px; width: 946px; height: 55px; background-color:#ff9933;}


#ContactUsText{ float: left; font-size: 24px; color:#ffffff; font-weight: bold; margin: 8px 2px 0px 20px;}

#Icons{ float: left; margin: -10px 29px 0px 15px;}


#SocialIcons{ float: right; margin: 0px 5px 0px 0px; }

#SocialContactUsText{ float: left; font-size: 24px; color:#ffffff; font-weight: bold; margin: 8px 2px 0px 20px;}

div.SocialContactUsIcons{ float: left; margin: -10px 5px 0px 5px;}



#HelplineText{ float: left; font-size: 17px; color:#6b1952; margin: 17px 7px 0px 0px;}

#HelplineNumberText{ float: left; font-size: 21px; color:#6b1952; font-weight: bold; margin: 15px 0px 0px 0px;}


#HomeBottomBarShadow { width: 946px; height: 11px; background-repeat: no-repeat; background-image:url(../Images/HomeImages/YPHomeImages/BottomBarShadow.png);}

#MenuOptions {width: 100%; padding: 10px 0 10px 0; text-align: center; font-size: 12px; color: #6B207F; float: left;}

#w3cicons {width: 100%; padding: 0px 0 0px 0; text-align: center; font-size: 12px; color: #6B207F; float: left;}