@charset "UTF-8";
html{height:100%}

body  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url(http://Youthfront2008.infusioncorp.com/_images/home_header_bkg.jpg) top repeat-x #69757D;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: 100%;
}
* {margin:0}



body.secondary {
	background:url(http://Youthfront2008.infusioncorp.com/_images/conten_header_bkg.jpg) top repeat-x #B3C0C6;
	margin: 0;
	padding: 0;
	height: 100%;
}

p {font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#C2CFD5;
	font-size:12px;
	line-height:18px;
	}

a {
	font-size: 12px;
	color: #56626A;
}
a:link {
	text-decoration: underline;
	color: #56626A;
}
a:visited {
	text-decoration: unerline;
	color: #56626A;
}
a:hover {
	text-decoration: underline;
	font-weight:bold
	color: #56626a;
}


body.home p a {
	font-size: 12px;
	color: #C2CFD5;
}
body.home p a:link {
	text-decoration: underline;
	color: #C2CFD5;
}
body.home p a:visited {
	text-decoration: unerline;
	color: #C2CFD5;
}
body.home p a:hover {
	text-decoration: underline;
	font-weight:bold
	color: #C2CFD5;
}





body.secondary, body.secondary p   {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#56626A;
}

body.secondary p a {
	font-size: 12px;
	color: #56626a;
}
body.secondary p a:link {
	text-decoration: underline;
	color: #56626a;
}
body.secondary p a:visited {
	text-decoration: unerline;
	color: #56626a;
}
body.secondary p a:hover {
	text-decoration: underline;
	font-weight:bold
}
ul, li {font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#56626A;
list-style:inside; 
padding-bottom:10px;
margin-bottom:0px
}

.icnlink {background: url(http://Youthfront2008.infusioncorp.com/_images/icn1.png) left no-repeat;
	padding-left:15px;}


	
a.icnlink:link, a.icnlink:visited {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#2C3439;
font-size:12px;
text-decoration:none;}

a.icnlink:hover {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#99CC00;
font-size:12px;
text-decoration:none;}
	

.icnlink2 {background: url(http://Youthfront2008.infusioncorp.com/_images/icn1.png) left no-repeat;
	padding-left:15px;}	
a.icnlink2:link, a.icnlink2:visited {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#2C3439;
font-size:12px;
text-decoration:none;}

a.icnlink2:hover {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;}
	


	
 #container {
	width: 914px;
	margin: 0 auto -160px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(http://Youthfront2008.infusioncorp.com/_images/home_bckg.jpg) top left no-repeat;
	background-position:0 358px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
} 

.push {
     height: 163px;
 }
 
 .push2 {
     height: 450px;
 }
 

 #container_secondary {
	width: 914px;
	margin: 0 auto -450px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 100%;
     height: auto !important;
     height: 100%;
	
}
 

 #container_store {
	width: 914px;
	margin: 0 auto -450px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 100%;
     height: auto !important;
     height: 100%;
} 
 #header {
	background: url(http://Youthfront2008.infusioncorp.com/_images/home_headerimg_bkg.jpg) top no-repeat;
	background-position:0px 17px;
	height:365px;
} 

#headerimg_home {
	width:878px;
	padding:30px 22px 22px 14px;
	clear:both
}



 #header2 { 
	background: url(http://Youthfront2008.infusioncorp.com/_images/content_headerimg_bkg.jpg) top no-repeat;
	background-position:0px 121px;
	height:357px
	 
} 





#logo {float:right;
	margin:24px 31px 0 0;
	}
	
h1 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:100;
	color:#69757D;
	padding-bottom: 25px;
}

h2 {font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#69757D;
}




h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:100;
	margin-bottom:30px;
	margin-top:15px;
	color:#2C3439;
}

h4 {font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	padding:15px 0 0 0;
	color:#2C3439
}
#nav { 
    float: right;  
}      
 #sidebar1 {
	clear: right;
	float: right; /* since this element is floated, a width must be given */
	width: 310px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px;
}

 #sidebar2 {
    clear: both; 
	float: right; /* since this element is floated, a width must be given */
	width: 275px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px;
	color: #56626A;
	margin-top:60px
	
}


#sidebar2 a:link {font-family:Tahoma, Arial, Helvetica, sans-serif;
color: #56626A;
text-decoration:underline;
}

#sidebar2 a:hover {font-family:Tahoma, Arial, Helvetica, sans-serif;
color: #32383EA;
text-decoration:underline;
}

#sidebar2 a:visited {
color: #56626A;
text-decoration:underline;
}

 #mainContent {
	margin: 43px 310px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 100px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
	
	#mainContent_secondary {
	margin: 0px 310px 20px 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 35px 75px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

	#mainContent_store {
	margin: 0px 20px 20px 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 35px 75px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#highlights {width:567px;
	height 143px;
	margin-top:25px;
	float:left
	}



 #footer {
	background: url(http://Youthfront2008.infusioncorp.com/_images/footer_home_bkg.jpg) top repeat-x #2C3439;
	height: 175px;
	margin: 0;
	padding: 0;
}

#footer2 {
	background: url(http://Youthfront2008.infusioncorp.com/_images/content_footer_rpt.jpg) repeat-x #2C3439;
	height:450px
	
}
 
.right ul {
	margin:0px; padding:0px 
}
.right li, .right a:link, .right a:visited {
padding:15px 0 0 0; 
list-style:none;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#56626A;
 text-decoration:none}
 
#footernav {
	height:27px;
	padding-top:10px;
	position: relative;
}

#footernav2 {height:27px; padding-top:5px }

#footercontent {
	background:url(http://Youthfront2008.infusioncorp.com/_images/bottom_logo.jpg) no-repeat;
	background-position: right 33px;
	margin:0 auto;
	padding-bottom:25px;
	width:914px
	}
	#footercontent2 {
	background:url(http://Youthfront2008.infusioncorp.com/_images/conten_footer.jpg) no-repeat;
	background-position: right 27px;
	margin:0 auto;
	width:956px;
	padding-left:42px;
	}
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#companyinfo {
	text-align:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C2CFD5;
	padding-top: 5px;
}

#companyinfo a:link {font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#C2CFD5;
font-size:10px;
text-decoration:underline;
}

#companyinfo a:hover {font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:10px;
text-decoration:underline;
}

#companyinfo a:visited {
color:#C2CFD5;
font-size:10px;
text-decoration:underline;
}

#sitemap {font-size:10px; color:#2C3439}
#sitemap a:link {font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#2C3439;
text-decoration:underline}

#sitemap a:hover {font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#C2CFD5;
text-decoration:underline}

#sitemap a:visited {
font-size:10px;
color:#2C3439;
text-decoration:underline}

#copyright {font-size:8px; font-weight: bold; color:#2C3439}
#copyright a:link {font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8px;
color:#2C3439;
text-decoration:underline}

#copyright a:hover {font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8px;
color:#C2CFD5;
text-decoration:underline}

#copyright a:visited {
font-size:8px;
color:#2C3439;
text-decoration:underline}

#copy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#56626A;
	text-align:center;
	margin-bottom:15px:}
	

#copy2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#56626A;
	text-align:center;
	margin-top:270px;
	margin-bottom:15px;
	padding-bottom: 25px;
	}
	

	

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Homepage Rounded Boxes*/


/*Image outside box*/


/*image container*/


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p { padding:0px; font-size:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#C2CFD5 }
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin-left:7px; width:176px; float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#C2CFD5 }
#xsnazzy2 {background: transparent; margin:0px auto 0 auto; width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#C2CFD5 }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#3A4247; border-left:1px solid #3A4247; border-right:1px solid #3A4247;}
.xb1 {margin:0 5px; background:#3A4247;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}


.xboxcontent {display:block; background:#3A4247; border:0 solid #3A4247; border-width:0px 1px; padding:8px; text-align:right}

a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#C2CFD5}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#C2CFD5;}
a.xmenu2:hover .xboxcontent {display:block; background:#2C3439; border:0 solid #99CC00; border-width:0px 1px; padding:8px; text-align:right}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#2C3439; border-left:1px solid #99CC00; border-right:1px solid #99CC00;}
a.xmenu2:hover .xb1 {margin:0 5px; background:#99CC00;}
a.xmenu2:hover .xb2 {margin:0 3px; border-width:0 2px;}
a.xmenu2:hover .xb3 {margin:0 2px;}
a.xmenu2:hover .xb4 {height:2px; margin:0 1px;}




/*Right column Rounded*/
.roundedcornr_box_941288 {
   background: #505b63;
}
.roundedcornr_top_941288 div {
   background: url(http://Youthfront2008.infusioncorp.com/_images/tl.png) no-repeat top left;
}
.roundedcornr_top_941289 div {
   background: url(http://Youthfront2008.infusioncorp.com/_images/tl2.png) no-repeat top left;
}
.roundedcornr_top_941288 {
   background: url(http://Youthfront2008.infusioncorp.com/_images/tr.png) no-repeat top right;
}
.roundedcornr_top_941289 {
   background: url(http://Youthfront2008.infusioncorp.com/_images/tr2.png) no-repeat top right;
}
.roundedcornr_bottom_941288 div {
   background: url(http://Youthfront2008.infusioncorp.com/_images/bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_941288 {
   background: url(http://Youthfront2008.infusioncorp.com/_images/br.png) no-repeat bottom right;
}

.roundedcornr_top_941288 div, .roundedcornr_top_941288, .roundedcornr_top_941289, .roundedcornr_top_941289 div,
.roundedcornr_bottom_941288 div, .roundedcornr_bottom_941288 {
   width: 100%;
   height: 10px;
   font-size: 1px;
   clear:both
}
.roundedcornr_content_941288 { margin: 0 10px; }