html { background-color: black; margin: 0; padding: 0; height: 100% }
body  { font-size: 11px; background-color: #000; background-image: url("http://www.yfcusa.org/central/template/images/blueback.jpg"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0 }
td { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
/*Text Styles*/
p { }
/*Layout*/
#wrapper      { background-image: url("http://www.yfcusa.org/national/joinyfc/template/blueblock.jpg"); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 850px }
#yfcusalogo { background-image: url("http://www.yfcusa.org/national/joinyfc/template/yfcusalogo.gif"); background-repeat: no-repeat; background-position: right 5px; text-align: right; padding-top: 15px; height: 40px }
#mainwrap       { margin-right: auto; margin-left: auto; width: 760px }
#pagetitle   { background-image: url("http://www.yfcusa.org/national/joinyfc/template/joinyfc.gif"); background-repeat: no-repeat; background-position: 0 14px; height: 40px }
#head      { background-color: #f5f400; background-image: url("http://www.yfcusa.org/national/joinyfc/template/tagline.gif"); background-repeat: no-repeat; background-position: 5px 2px; padding-top: 2px; padding-left: 2px; height: 20px; border-top: 0 solid #fff; border-right: 1px solid #001360; border-bottom: 2px solid #001360 }
#banner  { background-color: #fff; background-image: url("http://www.yfcusa.org/national/joinyfc/template/banner1.jpg"); background-repeat: no-repeat; height: 87px; border-right: 1px solid #001360 }
#main { text-align: left; padding: 0 0 0; border-top: 2px solid #001360; border-right: 1px solid #002e60; border-bottom: 2px solid #001360 }
#main table { }
#navcol { width: 200px }
#maincol { background-color: #fff; width: 572px }
#main iframe { margin-right: auto; margin-left: auto }
#mainheader   { background-image: url("http://www.yfcusa.org/national/joinyfc/template/mainhead.gif"); background-repeat: no-repeat; background-position: 10px 0; text-indent: -5000px; height: 30px; border-top: 5px solid #fff }
#navcol { }
#foot       { color: #fff; background-color: #0050e8; background-image: url("http://www.yfcusa.org/central/template/images/footangle.gif"); background-repeat: no-repeat; background-position: right 0; height: 20px; border-bottom: 50px solid #000000 }
/*TopNav*/
#topnav   { text-align: left; padding-top: 6px; padding-left: 6px; height: 21px }
#topnav a     { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-indent: -1000px; padding-top: 1px; padding-right: 5px; padding-left: 3px; border-right: 1px solid #4f4f4f }
#topnav a:hover { color: #f5f400 }
#topnav a.homelink        { background-repeat: no-repeat; background-position: 0 2px }
#topnav a.homelink:hover  { }
#topnav a.youthlink        { background-repeat: no-repeat; background-position: 0 2px }
#topnav a.adultslink        { background-repeat: no-repeat; background-position: 0 2px }
#topnav a.stafflink        { background-repeat: no-repeat; background-position: 0 2px }
/*Navigation*/
#nav       { }
#nav a { color: #fff; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left: 5px }
#browse             { background-image: url("http://www.yfcusa.org/national/joinyfc/template/browse.gif"); background-repeat: no-repeat; background-position: 0 0; padding-top: 25px; border-top: 10px solid #fff }
#search    { background-image: url("http://www.yfcusa.org/national/joinyfc/template/search.gif"); background-repeat: no-repeat; background-position: 0 0; padding-top: 25px; border-top: 7px solid #fff }
#apply      { background-image: url("http://www.yfcusa.org/national/joinyfc/template/apply.gif"); background-repeat: no-repeat; background-position: 0 0; padding-top: 25px; border-top: 7px solid #fff }
#applytext { color: #fff; font-size: 9px; text-decoration: none; background-color: #00125f; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; border-top: 1px dotted #fff; border-bottom: 0 solid #fff; border-left: 0 solid #001360 }
#learn     { background-image: url("http://www.yfcusa.org/national/joinyfc/template/learn.gif"); background-repeat: no-repeat; background-position: 0 0; padding-top: 25px; border-top: 7px solid #fff }
#contact    { background-color: #fff; background-image: url("http://www.yfcusa.org/national/joinyfc/template/contact.gif"); background-repeat: no-repeat; background-position: 0 0; padding-top: 25px; border-top: 7px solid #fff }
#browse a,#search a,#learn a,#contact a  { color: #fff; font-size: 10px; text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; border-style: solid; border-width: 2px 0 0; border-color: #fff #fff #fff #0050e8 }
#nav a:hover { color: #0041c4; background-color: #f5f400 }
#apply a  { color: #fff; font-size: 10px; text-decoration: none; background-color: #00125f; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; border-top: 2px solid #fff; border-bottom: 0 solid #fff; border-left: 0 solid #001360 }
#learn a   { background-color: #0050e8; display: block; border-top: 2px solid #fff }
#contact a  { background-color: #0050e8; display: block; border-top: 2px solid #fff }
#contact a.phonelink     { background-image: url("http://www.yfcusa.org/national/joinyfc/template/phone.gif"); background-repeat: no-repeat; background-position: 0 3px; text-indent: -5000px; padding-top: 10px }
#contact ul li.phonelink a   { background-color: transparent; padding-top: 8px }
/*Article Styles*/
.articlewrapper { width: 550px }
.articletitle  { color: #0050e8; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; border-bottom: 2px solid #0050e8 }
.articlesubtitle { font-weight: bold; text-align: left; padding-top: 2px; padding-bottom: 2px; padding-left: 10px }
.articleblock  { text-align: left; padding-left: 10px; border: dotted 1px #0050e8 }
.inlineframe { text-align: left; border: dotted 1px #0050e8 }
.articleblock a:link { color: #0048cf; text-decoration: none }
/* Auto Built Navigation Styles */
/* main list without Javascript */	
		ul#cwsnav  { font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; margin: 0; padding: 0; width: 100% }
		ul#cwsnav li     { color: #333; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 0 0; border-bottom: 1px solid #002ca3; lis-style: none    }
		ul#cwsnav li a      { color: white; font-weight: normal; text-decoration: none; display: block; margin: 0; padding: 2px 0 2px 10px }
		ul#cwsnav li a:hover    { color: #0050e8; text-decoration: none; background-color: #f5f400; display: block }
		ul#cwsnav li ul li    { color: #333; font-weight: normal; text-decoration: none; display: none; margin-left: 0; padding-left: 0; border-top: 1px solid #fffe24; border-bottom: 0 none }
		ul#cwsnav li ul li a     { color: #fff; background-color: #0048cf; display: block; padding-left: 0 }
ul#cwsnav li ul li.current a  { font-weight: bold; background-color: #dd3100; display: block }
		ul#cwsnav li.current   { display: block }
		ul#cwsnav li.current li    { display: block }
		ul#cwsnav li.current a   { color: #fff; background-color: #00125f; display: block }
	

/* main list with Javascript */
		ul#cwsnav.pde_nav { margin-left: 0; padding: 0 }
		ul#cwsnav.pde_nav ul{
			padding:0;
			margin-left: 0px;
		}
		ul#cwsnav.pde_nav li { display: block; margin-left: 0; padding: 0; height: 1em }
		ul#cwsnav.pde_nav li ul{
			list-style-type: none;
		}
		ul#cwsnav.pde_nav li ul li{
			list-style-type: none;
			font-weight: normal;
			margin:0;
			padding:0;
			text-indent: 20px;
			height:1em;		
			display: block;
			background-color: #FDD23D;
		}
		html>body ul#cwsnav.pde_nav li{
			height:auto;
		}
		ul.pde_nav a,ul.pde_nav strong { color: #333; text-decoration: none; display: block; padding: 3px 0 3px 10px; width: 100% }
		ul.pde_nav a:hover  { color: white; text-decoration: none; display: block; padding: 3px 0 3px 20px; width: 100% }
		
/* Classes added to show and hide and to indicate active state */
		.pde_hide{display:none;}
		.pde_show{display:block;}
		.pde_parent { background: url("http://www.yfc.org/assets/images/plus.gif") no-repeat 0 50% }
		.pde_active { background: url("http://www.yfc.org/assets/images/minus.gif") no-repeat 0 50% }

/* End Auto Built Navigation Styles */