/* CSS Document */

/* ============= Body Styles ============= */

body {
	text-align: center;
	background: url(../img/bg_page.gif) repeat-x;
	background-color: #7c7c7c;
	margin : 0px 0px 0px 0px;
}

/*============= Table Styles =============*/

#bg_bottom_left {
	background: url(../img/ds_left_bottom.jpg) no-repeat;
	background-position: bottom;
} 

#bg_bottom {
	background: url(../img/ds_bg_bottom.jpg) no-repeat;
	background-position: bottom;
}

#bg_bottomb {
	background: url(../img/ds_bg_bottomb.jpg) no-repeat;
	background-position: bottom;
}

#bg_bottom_right {
	background: url(../img/ds_right_bottom.jpg) no-repeat;
	background-position: bottom;
}

#col1_top {
	background: url(../img/col1_top.jpg) no-repeat;
	background-position: top;
} 

#col1_top_secure {
	background: url(../img/secure-top.jpg) no-repeat;
	background-position: top;
} 

#col2_top {
	background: url(../img/col2_top.jpg) no-repeat;
	background-position: top;
} 

#col2_top_secure {
	background: url(../img/secure-top.jpg) no-repeat;
	background-position: top;
} 

#col3_top {
	background: url(../img/col3_top.jpg) no-repeat;
	background-position: top;
} 

#col2_ds {
	background: url(../img/col2_ds.jpg) no-repeat;
	background-position: top;
}

#col2_dsb {
	background: url(../img/col2_dsb.jpg) repeat-x;
	background-position: top;
}

#rcol_b {
	background: url(../img/clmn_bg_r_bottom.jpg) no-repeat;
	background-position: bottom;
}

#rcol_t {
	background: url(../img/clmn_bg_r_top.jpg) no-repeat;
	background-position: top;
} 

#lcol_b {
	background: url(../img/clmn_bg_l_bottom.jpg) no-repeat;
	background-position: bottom;
}

#lcol_t {
	background: url(../img/clmn_bg_l_top.jpg) no-repeat;
	background-position: top;
}  
		
/* ============= Type Styles ============= */
.header {font-family: "Arial Black"; font-weight: bold; font-size: 20px; text-decoration:none; color:#000000; }

.highlight { padding: 1px 2px; background-color: #FFFFCC; }

.text
	{ font: 12px Tahoma, Arial, sans-serif; color: #000000;}
	
.text2
	{ font: 11px Tahoma, Arial, sans-serif; color: #222;}
	
.textlink
	{ font: 12px Tahoma, Arial, sans-serif; color: #0000FF; text-decoration: underline;}
.textlink:hover
	{ font: 12px Tahoma, Arial, sans-serif; color: #0000FF; text-decoration: none;}

.textlink2
	{ font: 12px Tahoma, Arial, sans-serif; color: #0000FF; text-decoration: none;}
.textlink2:hover
	{ font: 12px Tahoma, Arial, sans-serif; color: #0000FF; text-decoration: underline;}
	
.textlist
	{ font: 12px Tahoma, Arial, sans-serif; color: #000000; line-height:17px;}
	
        td.toplink{
            margin-left: 0px;
}
.toplink
{
	font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; text-decoration: none;
}

.toplink a
	{ font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; text-decoration: none;}	
.toplink a:hover
	{ font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; text-decoration: underline;}

        
	
.header_yellow
	{ font: 12px Tahoma, Arial, sans-serif; color: #F8E50C; font-weight: bold; margin-left: -5px; }
	
.header_white
	{ font: 12px Tahoma, Arial, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none;}
	
.header_white:hover
	{ font: 12px Tahoma, Arial, sans-serif; color: #F8E50C; font-weight: bold; text-decoration: none;}
	
.header2_white
	{ font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none;}

.header2_white:hover
	{ font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: underline;}
	
.header2_yellow
	{ font: 11px Tahoma, Arial, sans-serif; color: #F8E50C; font-weight: bold;}

.header_red
	{ font: 12px Tahoma, Arial, sans-serif; color: #FF0000; font-weight: bold; text-decoration: none;}
	
.header_blue
	{ font: 12px Tahoma, Arial, sans-serif; color: #253E92; font-weight: bold; text-decoration: none;}

.header3_white
	{ font: 13px Tahoma, Arial, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none;}
	
.navheader
	{ font: 13px Tahoma, Arial, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none;
	width: 172;
	height: 22;
	background: url(../img/nav_header_bg.gif) repeat-y;}

.navtext{ font: 11px Tahoma, Arial, sans-serif; color: #000000; text-decoration: none;}

.navtext:hover{ font: 11px Tahoma, Arial, sans-serif; color: #000000; text-decoration: none;}
.navtext a
	{ font: 11px Tahoma, Arial, sans-serif; color: #000000; text-decoration: none;}
.navtext a:hover
	{ font: 11px Tahoma, Arial, sans-serif; color: #000000; text-decoration: underline;}

.copyright
	{ font: 11px Tahoma, Arial, sans-serif; color: #3A3A3A;}
	
.bottomlink a
	{ font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; text-decoration: none;}

.bottomlink a:hover
	{ font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; text-decoration: underline;}
		
/* ============= Image Styles ============= */

img {
border:0;
}

#order-now { display: block; height: 100px; background: url("../images/order-now.png") no-repeat 50% 0px; }
#order-now:hover { background-position: 50% -100px; }
#order-now span { display: none; }

/* ============= Rule Styles ============= */

.rule1 {
	margin: 0px 0px;
	width: 526;
	height: 20;
	background-color: #595959;
	font: 11px Tahoma, Arial, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none; }

.nav_hr {
	margin: 2px, 0px, 2px, 0px;
	width: 172px; 
	height: 2px;
	background: url(../img/nav_hr.gif) no-repeat; }
	
.rule3 {
	margin: 15px 0px;
	width: auto; 
	border-bottom: 1px dashed #AAA; }
	
/* ============= Form Styles ============= */

.inputbox {  
			font-family: Tahoma, Arial, sans-serif; font-size: 12px;
			color: #000000; 
			background-color: #D5D5D5; 
			border: 1px #666666 solid}

/* ============= Lists ============= */

ul.greencheck { list-style: none; padding: 0 0 10px 5px; margin: 0; }
ul.greencheck li { padding: 5px 0 5px 38px; background: url('/images/tick-32x32.png') top left no-repeat; font: bold 18px/21px Arial, Helvetica, sans-serif; }


/* ============= Hacker Tested ============= */

#hacker-tested {
	background: url('../images/hacker-tested.jpg') top left no-repeat;
	font: 12px/19px arial;
	width: 95px;
	font-weight: bold;
	text-align: center;
	margin: 11px 40px 0 40px;
	color: #3c0;
}

/* ============= T-Shirt Ad ============= */

#tshirt {
padding: 15px 4px 15px 6px;
}

/* ============= Christmas Ad ============= */

#christmas {
padding: 0 4px 15px 6px;
}

/* ============= Fundraising Ad ============= */

#fundraising {
padding: 15px 3px 15px 5px;
}

/* ============= Homepage Sections ============= */

#featured {
background: url('../img/featured-back.jpg') top left no-repeat;
width: 525px;
height: 63px;

}
#featured .heading {
font: 22px/56px arial,verdana;
font-weight: bold;
padding-left: 30px;
color: #666;
}

#tip-newsletter {
background: url('../img/tip-newsletter-back.jpg') top left no-repeat;
width: 525px;
height: 70px;
}
#tip-newsletter .tip {
float: left;
font: 20px/20px arial;
font-weight: bold;
color: #666;
padding-left: 25px;
padding-top: 40px;
}
#tip-newsletter .newsletter {
float: right;
font: 20px/20px arial;
font-weight: bold;
color: #666;
padding-right: 25px;
padding-top: 40px;
}
#tip-newsletter-content {
background: url('../img/tip-newsletter-content-back.jpg') top left no-repeat;
width: 525px;
height: 190px;
}
/*#tip {
font: 11px/14px arial;
float: left;
width: 320px;
padding: 5px 10px 0 10px;
text-align: justify;
}*/
#tip {
float:left;
font:12px/16px arial;
padding:5px 29px 0;
text-align:justify;
width:280px;
}

#newsletter {
font: 12px/16px arial;
float: right;
text-align: left;
width: 180px;
padding: 5px 0 0 5px;
}
#newsletter-left {
width: 169px;
height: 250px;
margin-left: 2px;
font: 10px/12px arial;
background: url('../img/newsletter-back.jpg') top left no-repeat;
}
#newsletter-left-content {
width: 165px;
margin: 0 8px 0 0;
}
#newsletter-left .newsletterprivacy, {
font: 9px/11px arial;
}
#blog-articles {
background: url('../img/blog-article-back.jpg') top left no-repeat;
width: 525px;
height: 63px;
}
#blog-articles .blog {
float: left;
font: 20px/20px arial;
font-weight: bold;
color: #666;
padding-left: 25px;
padding-top: 20px;
}
#blog-articles .articles {
float: right;
font: 20px/20px arial;
font-weight: bold;
color: #666;
padding-right: 25px;
padding-top: 20px;
}
#blog {
font: 12px/16px arial;
float: left;
width: 260px;
padding: 5px 5px 0 15px;
}
#articles {
float: right;
text-align: left;
width: 230px;
font: 12px/18px arial;
}
#articles .more, #blog .more {
float: right;
padding-top: 5px;
}
#articles ul {
list-style: disc;
}
#articles a, #blog a {
text-decoration: none;
}
#articles a:hover, #blog a:hover {
text-decoration: underline;
}

#adcopy {
font: 12px/16px arial;
width: 525px;
}
#text {
padding: 10px;
border: 5px solid #c6c6c6;
margin-bottom: 15px;
}
#text a:hover {
text-decoration: none;
border: 1px solid #ffffff;
}
#social {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}


/* ============= Social Media Right Side Bar ============= */

div#right-social ul#social {
list-style-type: none;
margin: 0 5px 0 0;
padding: 0;
width: 135px;
}
div#right-social ul#social li a {
display: block;
width: 135px;
}
div#right-social ul#social li a#twitter:link, div#right-social ul#social li a#twitter:visited {
height: 46px;
text-indent: -9999px;
background: transparent url(http://hoopskills.com/images/social.png) no-repeat 0 0;
}
div#right-social ul#social li a#twitter:hover, div#right-social ul#social li a#twitter:active {
background: transparent url(http://hoopskills.com/images/social.png) no-repeat -135px 0;
}
div#right-social ul#social li a#facebook:link, div#right-social ul#social li a#facebook:visited {
height: 46px;
text-indent: -9999px;
background: transparent url(http://hoopskills.com/images/social.png) no-repeat 0 -46px;
}
div#right-social ul#social li a#facebook:hover, div#right-social ul#social li a#facebook:active {
background: transparent url(http://hoopskills.com/images/social.png) no-repeat -135px -46px;
}



.bchomelink {
	display: block;
	width: 525px;
	height: 250px;
	background: url('http://www.hoopskills.com/images/bc-home-hover.jpg') bottom;
	text-indent: -99999px;
	}

.bchomelink:hover {
	background-position: 0 0;
}

.bcsidelink {
	display: block;
	width: 165px;
	height: 225px;
	background: url('http://www.hoopskills.com/images/holiday-side-hover.jpg') bottom;
	text-indent: -99999px;
	}

.bcsidelink:hover {
	background-position: 0 0;
}