/**********************************************************
 X10D3.CSS
 **********************************************************
 Description: A CSS framework  - CSS Reset & Base classes
 Creator: TJ Presley - tj@xiode.net
 http://www.xiode.net
 
 File: screen.css
 Holds all the general styles.
 *********************************************************/

	/*GENERAL BODY LAYOUT
	*********************************************************/

		body { background: url(/!images/jpf_mp_tile.jpg) repeat-y top center; }
		.int body { background: url(/!images/jpf_int_tile.jpg) repeat-y top center; }
		
		#Wrapper { width:960px; margin:0 auto; }
		.home #Hdr { background: url(/!images/jpf_mp_mainimage.jpg) no-repeat; width:960px; height:212px; }
		.int #Hdr {  background: url(/!images/jpf_int_header.gif) no-repeat; width:960px; height:143px; padding-top:39px; }
		.home #Hdr #Logo { background: url(/!images/jpf_mp_logo.gif) no-repeat; width:703px; padding-top:212px }
		.int #Hdr #Logo { background: url(/!images/jpf_int_logo.jpg) no-repeat; width:703px; padding-top:143px; float:left; }
		.int #Hdr #RImgabout { background: url(/!images/jpf_int_subimg_about1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgresources { background: url(/!images/jpf_int_subimg_resources1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgroadtrips { background: url(/!images/jpf_int_subimg_roadtrips1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgawards { background: url(/!images/jpf_int_subimg_awards1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgenews { background: url(/!images/jpf_int_subimg_enews1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgmentors { background: url(/!images/jpf_int_subimg_mentors1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgpolitical { background: url(/!images/jpf_int_subimg_political1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgfaqs { background: url(/!images/jpf_int_subimg_faqs1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgnews { background: url(/!images/jpf_int_subimg_news1.jpg) no-repeat; width:256px; height:143px; float:left; }
		.int #Hdr #RImgchapters { background: url(/!images/jpf_int_subimg_chapters1.jpg) no-repeat; width:256px; height:143px; float:left; }
		
		#CntWrapper { position:relative; }
		
		.int #CntWrapper #ForumsBtn { width:187px; height:69px; float:left; }
		.int #CntWrapper #SubHdr { width:772px; height:69px; float:left; }
		
		#CntWrapper #LSPartners { position:absolute; bottom:0; left:0; }
		#CntWrapper #RSBotCap { position:absolute; bottom:0; right:0; }
		.home #CntWrapper #NewsFtr { position:absolute; bottom:89px; right:258px; background: url(/!images/jpf_mp_news_bottom.gif); text-align:right; }
		.home #CntWrapper #PromoArea { position:absolute; bottom:89px; left:0; width:470px; }

		#LSide { float:left; width:703px; height:100%; padding-bottom:89px; }
		
		#LSide #LeftCol { width:187px; float:left; }
		
		#LSide #Content { float:left; min-height:600px; }
		.home #LSide #Content { background: url(/!images/jpf_mp_promo_grassrootgrammies_arrow.gif) no-repeat top right;  width:470px; /*padding-bottom:125px;*/  }
		.int #LSide #Content { width:515px; padding-bottom:89px; }
		#LSide #Content .content { padding:35px 35px 20px 35px; line-height:1.5em; }
		
		#LSide #NewsCol { float:left; width:233px; min-height:600px; padding-bottom:82px; }
		#LSide #NewsCol .Separator { background: url(/!images/jpf_mp_news_divider.gif) no-repeat; width:232px; height:5px; }
		#LSide #NewsCol p { padding:10px 20px; margin:0; }

		#RSide { float:left; width:257px; height:100%; padding-bottom:215px; background:transparent url(/!images/jpf_mp_mainimage_bottom1.jpg) no-repeat scroll 0 0;}

		#RSide #Quotes { background: url(/!images/jpf_mp_quotes_header.jpg) no-repeat; width:257px; padding-top:48px; }
		#RSide #Quotes p { padding:0 20px; margin:0; font-weight:bold; }
		#RSide #Quotes div.qDiv { background: url(/!images/jpf_mp_quotes_divider.jpg) no-repeat; width:246px; height:47px; }
		
		#FtrTop { background: url(/!images/jpf_mp_footertile_red.jpg) no-repeat; width:960px; height:143px; position:relative; }
		#FtrTop #FtrPhoto { position:absolute; right:15px; top:-215px; }
		#FtrTop #ForumsList { width:450px; height:90px; padding:35px 0 0 90px; float:left; }
		#FtrTop #ChaptersList { width:270px; height:90px; padding:35px 0 0 20px; float:left; }
		#FtrTop #ForumsList ul, #FtrTop #ForumsList li { width:150px; }
		#FtrTop #ChaptersList ul, #FtrTop #ChaptersList li { width:125px; }
		#FtrTop #ForumsList ul, #FtrTop #ChaptersList ul { padding:0; margin:0; height:75px; float:left; list-style:none; display:block; }
		#FtrTop #ForumsList li, #FtrTop #ChaptersList li { padding:0; margin:0; height:18px; display:block; line-height:15px; vertical-align:middle; }
		#FtrTop #ForumsList li a, #FtrTop #ChaptersList li a { padding:0; margin:0; height:18px; line-height:15px; vertical-align:middle; }
		
		#FtrTop a:link, #FtrTop a:Visited { color:#FFF; text-decoration:none; }
		#FtrTop a:hover, #FtrTop a:focus, #FtrTop a:active { color:#A5A4A1; text-decoration:underline; }
		
		#FtrBot { background: url(/!images/jpf_mp_footertile_gray.jpg) no-repeat; width:960px; height:154px; line-height:1.5em; position:relative; color:#a8a5a0; }
		#FtrBot #FtrWiki { width:168px; padding-top:40px; position:absolute; top:0; left:65px; }
		#FtrBot #FtrMySpace { width:168px; padding-top:40px; position:absolute; top:0; left:233px; }
		#FtrBot #FtrCopy { position:absolute; top:75px; left:90px; }
		#FtrBot #FtrConInfo { position:absolute; top:17px; left:768px; }
		
		#FtrBot a:link, #FtrBot a:Visited { color:#A5A4A1; text-decoration:underline; }
		#FtrBot a:hover, #FtrBot a:focus, #FtrBot a:active { color:#FFF; text-decoration:underline; }


	/* NAVIGATION
	*********************************************************/
	
		/***** Main Navigation *****/
	
		#Navigation { background: url(/!images/jpf_mp_nav_hover.gif) no-repeat; width:960px; height:40px; }
		
		#Navigation #MainNav { width:960px; height:40px; margin:0; padding:0; }
		#Navigation #MainNav dd { float:left; width:auto!important; display:inline; margin:0; position:relative; z-index:3; }
		#Navigation #MainNav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
		#Navigation #MainNav a.ir { background-image: url(/!images/jpf_mp_nav_normal.gif); display:block; width:100%; padding-top:40px; position:relative; }
		#Navigation #MainNav dd:hover a.ir, #Navigation #MainNav dd:focus a.ir, #Navigation #MainNav a.ir:focus, #Navigation #MainNav a.ir:hover, #Navigation #MainNav a.over { background-image:none; }
		
		#Navigation #MainNav #mn_awards a.ir { width:158px; background-position:0 0; }
		#Navigation #MainNav #mn_ontour a.ir { width:162px; background-position:-158px 0; }
		#Navigation #MainNav #mn_about a.ir { width:189px; background-position:-320px 0; }
		#Navigation #MainNav #mn_resources a.ir { width:204px; background-position:-509px 0; }
		#Navigation #MainNav #mn_newsletter a.ir { width:247px; background-position:-713px 0; }

		/***** Main Navigation Dropdowns *****/

		#Navigation .dropdown ul { background: url(/!images/jpf_mp_nav_dropdown.gif) no-repeat; overflow: visible; position:absolute; display:none; z-index:3; *top:40px; *left:0; }
		#Navigation .dropdown dd.active ul, #Navigation .dropdown dd:hover ul, #Navigation .dropdown dd.over ul { display:block; z-index:3; }
	    
		#Navigation #MainNav ul { list-style-type: none; padding:0; margin:0; width:202px; }
		#Navigation #MainNav ul li a { display:block; line-height:30px; vertical-align:middle; padding:0 0 0 15px; width:187px; font-weight:bold; }
		#Navigation #MainNav li.liLastItem { background: url(/!images/jpf_mp_nav_dropdown_bottomcap.gif) no-repeat; width:202px; height:40px; }

		/***** Secondary Navigation *****/
		
		.home #SubNavigation { background: url(/!images/jpf_mp_nav2_normal.gif) no-repeat; width:543px; height:23px; padding:45px 113px 13px 48px; }
		
		.home #SubNavigation #SubNav { width:543px; height:23px; margin:0; padding:0; }
		.home #SubNavigation #SubNav dd { float:left; width:auto!important; display:inline; margin:0; position:relative; z-index:2; }
		.home #SubNavigation #SubNav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
		.home #SubNavigation #SubNav a.ir { display:block; width:100%; padding-top:23px; position:relative; }
		.home #SubNavigation #SubNav dd:hover a.ir, #SubNavigation #SubNav dd:focus a.ir, #SubNavigation #SubNav a.ir:focus, #SubNavigation #SubNav a.ir:hover, #SubNavigation #SubNav a.over { background-image: url(/!images/jpf_mp_nav2_hover.gif); }
		
		.home #SubNavigation #SubNav #sn_forums a.ir { width:95px; background-position:-48px -45px; }
		.home #SubNavigation #SubNav #sn_chapters a.ir { width:106px; background-position:-143px -45px; }
		.home #SubNavigation #SubNav #sn_political a.ir { width:162px; background-position:-249px -45px; }
		.home #SubNavigation #SubNav #sn_mentors a.ir { width:101px; background-position:-411px -45px; }
		.home #SubNavigation #SubNav #sn_faqs a.ir { width:79px; background-position:-512px -45px; }

		.int #SubNavigation { background: url(/!images/jpf_int_nav2_normal.gif) no-repeat; width:187px; height:159px; }
		
		.int #SubNavigation #SubNav { width:187px; height:159px; margin:0; padding:0; }
		.int #SubNavigation #SubNav dd { float:left; width:auto!important; display:inline; margin:0; position:relative; z-index:2; }
		.int #SubNavigation #SubNav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
		.int #SubNavigation #SubNav a.ir { display:block; width:187px; padding-top:24px; position:relative; }
		.int #SubNavigation #SubNav dd:hover a.ir, #SubNavigation #SubNav dd:focus a.ir, #SubNavigation #SubNav a.ir:focus, #SubNavigation #SubNav a.ir:hover, #SubNavigation #SubNav a.over { background-image: url(/!images/jpf_int_nav2_hover.gif); }

		.int #SubNavigation #SubNav #sn_chapters a.ir { background-position:0 0; }
		.int #SubNavigation #SubNav #sn_mentors a.ir { background-position:0 -24px; }
		.int #SubNavigation #SubNav #sn_political a.ir { background-position:0 -48px; }
		.int #SubNavigation #SubNav #sn_faqs a.ir { background-position:0 -72px; }
		.int #SubNavigation #SubNav #sn_news a.ir { background-position:0 -96px; }
		.int #SubNavigation #SubNav #sn_home a.ir { background-position:0 -120px; }