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


body {
	/*margin:40px 0 0 0;*/
	margin: 0;
	padding:0;
	/*background: #f9f4f3 url(images/design/background_gradient.jpg);*/
	/*background: #F5ECE7 url(images/design/background_gradient_dark.jpg);*/
	background: #ffffff url(/images/design/background_gradient_white.jpg);
	color:#666666;
	min-width:950px;
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Trubechet, tahoma, verdana, helvetic, arial;
	}
	table.main {
 	width: 950px;
	border: 0;
	}
	table.main td.one {
	width: 764px;
	
	/*background-color: #ffffff;*/
	}
	table.main td.two {
	width: 186px;
	/*background-image:url(/images/design/td_two_bkground_top2.gif);*/
	background-image:url(/images/design/rt_bkg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	padding-top: 40px;
	}
	
	table td.header {
		width: 764px;
		/*height: 97px;*/
		height: 137px;
		background-image:url(/images/design/headerplate88.jpg);
		background-repeat: no-repeat;
		overflow: hidden;
		}
	table td.header .placement {
		width: 764px;
		/*height: 97px;*/
		height: 137px;
		margin: 0;
		padding: 0;
		position: relative;
		}
		
	#wrap {
		margin:0 auto;
		padding: 0;
		width:950px;
	}
	#header {
		min-height: 97px;
    	height: auto;
		/*_height: 97px;  /HACK*/
		background:url("/images/design/header.gif") no-repeat;
		 		
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	
	#main {
		background:#ffffff;
		float:right;
		width:500px;
		padding-top: 25px;
		color: #666666;
		font-size: 11px;
		min-height: 700px;
	}
	#main h2, #main h3, #main h4, #main p {
		padding:0 20px 0 0;
    }
	
	#main p {
		font-size: 12px;
		color: #666666;
		line-height: 21px;
		}
	#main p.subtext {
		color:#666666;
		font-size: 12px;
		margin: -16px 20px 0 0;
		border-bottom: 1px dashed #dbd7c1;
		line-height: 21px !important;
		}
	#main p.storytxt {
		color:#666666;
		font-size: 12px;
		font-style: italic;
		line-height: 25px !important;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-right: 25px;
		}
	
	#main p.byauthor {
		margin-top: -12px;
		margin-right: 25px;
		padding-bottom: 10px;
		color: #ff6633;
		font-size: 11px;
		border-bottom: 1px dashed #dbd7c1;
		}
	#main p.submbr {
		color:#666666;
		font-size: 12px;
		margin: 5px 20px 0 0;
		border-bottom: 1px dashed #dbd7c1;
		}
	#main h2 {
		font-size: 21px;
		color: #124577;
		font-weight: normal;
		}
	#main h3 {
		font-size: 16px;
		/*color: #3E99D8;*/
		color: #3E99D8;
		font-weight: normal;
		}
	#main h3 a:link{
		font-size: 16px;
		color: #3E99D8;
		font-weight: normal;
		}
	#main h4 {
		font-size: 14px;
		color: #3C565E /*#BABABA*/;
		font-weight: normal;
		}
		
	#main p.small {
		font-size: 9px;
		color: #A6A6A6;
		line-height: 15px;
		}
	#main span.small {
		font-size: 9px;
		color: #A6A6A6;
		line-height: 15px;
		}
	#main hr.dash {
		border: none 0; 
		border-top: 1px dashed #dbd7c1;/*the border*/
		margin-right: 20px;
		height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
	/* Link Styles */
	#main a:link {
	text-decoration: none;
	color: #124577;
}
	#main a:visited {
	text-decoration: none;
	color: #124577;
}
	#main a:hover {
	color: #669933;
}
	#main a:active {
	text-decoration: none;
	color: #124577;
}
/* Unordered Lists */	
	#main ul {
	margin: .3em 0 1em 0;
	padding: 0;
	font-size: 12px;
	}
	#main ul li { 
	line-height: 19px;
	margin: 0 0 .5em 0;
	padding: 0 20px 0 2.5em;
	list-style: none;
	background: url("http://www.800bucklup.org/images/design/icon-bullet.gif") 1.3em .45em no-repeat;
	}	
	
	#main ul.alpha li { 
	line-height: 19px;
	margin: 0 0 .5em 25px;
	padding: 0 20px 0 0;
	list-style-type:lower-alpha;
	background: none !important;
	}
	
	#main ul ol.alpha li{
		font-size: 12px;
		color: #666666;
		margin: 0 0 .5em 0;
		line-height: 19px;
		list-style-type:lower-alpha;
		background: none !important;
		}
	
	/* Ordered Lists */	
		
	#main ol, #main ol ol {
		font-size: 12px;
		color: #666666;
		margin-right: 30px;
		line-height: 19px;
		}
	/* Definition Lists */	
#main dt {
	font-weight: bold;
	margin: 5px 0 0 0;
	}
#main dd {
	line-height: 18px;
	margin-right: 10px;
	}

	#main p.subhead {
		font-size: 14px;
		color:#666666;
		margin-top: -5px;
		}
	
	#main table#recalllist td {
		border-bottom: 1px dotted #dbd7c1;
		border-right: 1px solid #dbd7c1;
		margin-right: 15px;
		padding: 5px;
		}
	#main table#recalllist td:hover{ background-color:#f7f7f7; }
		
	#main table#recalllist p {
		margin-top: -20px;
		padding: 0 0 5px 0;
		margin: 0;
		line-height: 12px;
		}	
		
	#main table#recalllist h3 {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
		line-height: 12px;
		}
	#main .recallbox {
		border:1px solid #DBD7C1;
		border-left: none;
		border-top: none;
		float:left;
		height:50px;
		margin:15px 15px 0 0;
		padding:8px;
		position:relative;
		width:42%;
		display:block;	
		}
	#main .recallbox p {
		margin-top: -8px;
		padding: 0 0 5px 0;
		font-size: 10px;
		line-height: 12px;
		}	
	#main .recallbox  h3 {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
		line-height: 15px;
		font-size: 14px;
		
		}
	#main .recallbox:hover{ background-color:#f9f9f9!important; }
	
	
	
	#main #recallbox {
		border:1px solid #DBD7C1;
		border-left: none;
		border-top: none;
		float:left;
		height:50px;
		margin:0 15px 15px 0;
		padding:8px;
		position:relative;
		width:42%;
		display:block;	
		}
	#main #recallbox p {
		margin-top: -8px;
		padding: 0 0 5px 0;
		font-size: 10px;
		line-height: 12px;
		}	
	#main #recallbox  h3 {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
		line-height: 15px;
		font-size: 14px;
		
		}
	#main #recallbox:hover{ background-color:#f9f9f9!important; }
	
	
	
	
	
	#main .recallAlt {
		border:thin solid #EEEEEE;
display:block;
float:left;
height:35px;
margin:15px 15px 0 0;
padding:8px;
width:455px;

		}
	#main .recallAlt p {
		margin-top: -8px;
		padding: 0 0 5px 0;
		font-size: 10px;
		line-height: 12px;
		}	
	#main .recallAlt  h3 {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
		line-height: 15px;
		font-size: 14px;
		
		}
	#main .recallAlt:hover{ background-color:#f9f9f9!important;}	
	

#store_box {
		clear: both;
		float: left;
		border-bottom: 1px dotted #dbd7c1;
		margin-bottom: 20px;
		padding-bottom: 15px;
		width: 475px;
		padding: 0;
		}
		
#store_box p strong {
color:#0099FF;
}
	
#store_box img.preview {
 	float: left; position: relative; margin: 0; padding: 0;
	}		
#store_box .info {
	margin-left: 120px;
	margin-right: 15px;
	}		

	
.homeicons {
height: 100%; overflow: hidden; border-bottom: 1px dashed #dbd7c1; margin-top: 15px; margin-right: 25px;
}



.homeicons p{
 position: relative;}
 
 .homeicons img {
 	float: left; position: relative; margin:0 0 -25px 0; padding: 0;
	}
.homeicons:hover,
.icon_caption:hover {
border: 1px dashed #dbd7c1;
}
.icon_caption {
height: 100%; overflow: hidden; border-bottom: 1px dashed #dbd7c1; margin-top: 15px; margin-right: 25px; padding: 0 0 10px 0;
}

.icon_caption p{
 position: relative; margin-left: 10px;}
 
.icon_caption img.preview {
 	float: left; position: relative; margin: 0; padding: 0;
	}
	
.icon_caption .rite{
display:block;
height:100%;
margin:0 0 0 120px;
position:relative;
}	
		
	#offpage {
		color: #ffffff;
		position: absolute;
		bottom: 0;
		left: -2555px;
		}	
		
	#sidebar {
		float:left;
		width:240px;
		margin-top: 25px;
	}
	
	#sidebar h2{
	color: #6AA2D3;
	background: url(/images/design/sidebar_header.gif) no-repeat;
	font-family: Trubechet, tahoma, verdana, helvetic, arial;
	font-size: 16px;
	font-weight:100;
	font-style:normal;
	margin: 8px 0 0 0;
	padding: 15px 15px 20px 40px
	}
	
	span.color {
		color: #124577;
		/* dark blue */
		}
	
	
	#sidebar ul{
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	list-style: none;
	background-color: #EDEDED;
	float: right;
	width: 225px;
	font-family: Trubechet, tahoma, verdana, helvetic, arial;
	font-size: 10px;
	overflow: hidden;
	background-image: url(/images/design/sidebar_last_li.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}
#sidebar li.first {
	min-height: 45px;
    height: auto;
  	/*_height: 45px;  /HACK*/
	color: #6AA2D3;
	background: url(/images/design/sidebar_header_li.gif) no-repeat;
	font-family: Trubechet, tahoma, verdana, helvetic, arial;
	font-size: 16px;
	font-weight:100;
	font-style:normal;
	margin-top: 25px;
	padding: 15px 15px 5px 5px
	}
	
#sidebar li a:link{
	margin: 0 0 .8em 0;
	padding: 5px 0px 0 42px;
	background: url(/images/design/sidebar_li.gif) no-repeat;
	display: block;
	text-decoration: none !important;
	line-height: 30px;
	color: #124577;
	}
#sidebar li a:visited{
	margin: 0 0 .8em 0;
	padding: 5px 0px 0 42px;
	background: url(/images/design/sidebar_li.gif) no-repeat;
	display: block;
	text-decoration: none !important;
	line-height: 30px;
	color: #124577;
	}
	
#sidebar li a:hover{
	margin: 0 0 .8em 0;
	padding: 5px 0px 0 42px;
	background: url(/images/design/sidebar_li_hover2.gif) no-repeat;
	display: block;
	text-decoration: none !important;
	line-height: 30px;
	color: #124577;
	}
#sidebar li a:active{
	margin: 0 0 .8em 0;
	padding: 5px 0px 0 42px;
	background: url(/images/design/sidebar_li.gif) no-repeat;
	display: block;
	text-decoration: none !important;
	line-height: 30px;
	color: #124577;
	}

#sidebar li.current a{
	margin: 0 0 .8em 0;
	padding: 5px 0px 0 42px;
	background: url(/images/design/sidebar_li_hover2.gif) no-repeat!important;
	display: block;
	text-decoration: none !important;
	line-height: 30px;
	color: #124577;
	}
	
    #sidebar h3, #sidebar p {
		padding:0 10px 0 10px;
    }
	#sidebar img {
	margin:25px 5px 0 30px;
	
	
	 }
	 

	 
#related {
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	list-style: none;
	background-color: ffffff;
	float: right;
	width: 225px;
	font-family: Trubechet, tahoma, verdana, helvetic, arial;
	font-size: 10px;
	overflow: hidden;
	}

#related p{
	margin: 0 10px 5px 20px;
	padding: 0;
	line-height: 21px;
	border-bottom: 1px dotted #cccccc;
	display: block;
	}
	 
#related p.title {
	color: #CCCCCC;
	margin-bottom: -8px;
	border-bottom: none !important;
	}
#related a:link {
	text-decoration: none;
	color: #124577;
}
	#related a:visited {
	text-decoration: none;
	color: #8F8D8D;
}
	#related a:hover {
	color: #669933;
}
#related a:active {
	text-decoration: none;
	color: #124577;
}
#related h2{
	color: #6AA2D3;
	font-family: Trubechet, tahoma, verdana, helvetic, arial;
	font-size: 16px;
	font-weight:100;
	font-style:normal;
	margin: 8px 0 0 0;
	padding: 15px 15px 10px 20px;
	background-image:none !important;
	} 
	 
	#footer {
	border-top: 1px dotted #CFCDC5;
	min-height: 110px;
	clear:both;
	position: relative;
	margin-top: 25px;
	width: 950px;
	}
	#footer p {
		padding:5px;
		margin:0;
    }
	
	
	#sidequote {
		float:left;
		width:186px;
		margin-top: 160px;
		padding-bottom: 20px;
		color: #ffffff;
		background-color:#76B2DC;
		background-image:url(/images/design/td_two_bkground_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		overflow: hidden;
	}
	
	#sidequote h2, #sidequote h3, #sidequote p {
		padding:0 10px 0 20px;
    }
	
	#sidequote h2 {
		font-size: 16px;
		font-weight: lighter;
		margin-bottom: 0;
		color: #BBD7EA;
		}
	#sidequote p {
		font-size: 12px;
		font-weight: lighter;
		line-height: 21px;
		}
	#sidequote p a {	
		line-height: 12px !important;
		margin: 0;
		}
	#sidequote p a:link, #sidequote p a:visited {
		font-size: 10px;
		font-weight: lighter;
		margin-top: -25px !important;
		color:#3774A9;
		text-decoration: none;
		}
	#sidequote p a:hover {
		margin-top: -25px !important;
		color:#ffffff;
		text-decoration: none;
		}
	#sidequote p a:active {
		margin-top: -25px !important;
		color:#3774A9;
		text-decoration: none;
		}
		
		
	#getinfo {
		clear: both;
		width:186px;
		margin-top: 25px;
		padding-bottom: 20px;
		color: #a2a2a2;
		overflow: hidden;
		
	}
	#getinfo p {
	 padding: 0 8px 0 20px;
	 font-size: 10px!important;
	 line-height: 18px;
	 }
	
	#getinfo a:link, #getinfo a:visited {
		color:#3774A9;
		text-decoration: none;
		}
		
	#getinfo a:hover {
		color: #669933;
		text-decoration: none;
		}
		#getinfo a:active {
		color:#3774A9;
		text-decoration: none;
		}
	
	/*Misc Divs */
	
	
	#white {
		margin: 0 auto;
		background-color: #ffffff;
		float: left;
		width: 764px;
		padding-bottom: 20px;
		}
		
	 #h1_block {
	 	float: right;
		width: 225px;
		height: 167px;
		color: #ffffff;
		background: url(/images/design/h1_block.gif) no-repeat;
		font-family: Trubechet, tahoma, verdana, helvetic, arial;
		vertical-align: middle;
		}
		
		#h1_block h1 {
			width: 175px; 
			margin-left: auto;
   			margin-right: auto;
			vertical-align: middle;
			font-size: 18px;
			font-weight:100;
			font-style:normal;
			padding: 40px 0 0 0;
			}
		#h1_block p {
			font-size: 11px;
			width: 175px; 
			margin-left: auto;
   			margin-right: auto;
			margin-top: -10px;
			}
		.clear, span.clear, div.clear {
			clear: both;
			}
	/*#widephoto, #main .widephoto {
		clear: both;
		display: block;
		width: 475px;
		height: 167px;
		background:transparent url(../images/headers/home/47.jpg) no-repeat;
		
		}*/
#widephoto img, #main .widephoto img {
		width: 475px;
		height: 167px;
		overflow: hidden;
		margin-bottom: 5px;
		display: block;
		}
	hr.white {
	text-align: center;
	border: none 0; 
	border-top: 1px dashed #ffffff;/*the border*/
	width: 80%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	clear: both;
	}
	
	p.print a{
	background: url(http://www.800bucklup.org/images/design/PrintIcon2.gif) 1.20em .3em no-repeat;
	padding-left: 40px !Important;
	}



<!--- Image --->
	img.border {
	padding: 3px;
	border: 1px solid #dbd7c1;
	}
	
	img a:link, img a:visited, img a:hover, img a:active {
	border: none;
	}
	
	Img.right {
		float: right;
		margin: 0 20px 20px 20px;
		}
	Img.right-border {
		float: right;
		margin: 0 20px 20px 20px;
		padding: 4px;
		background-color: #ffffff;
		border: 1px solid #dbd7c1;
		}
	Img.right-border-alt {
		float: right;
		margin: 0 0 20px 0;
		padding: 4px;
		background-color: #ffffff;
		border: 1px solid #dbd7c1;
		}
		
	Img.left {
		float: left;
		margin: 0 20px 20px 0;
		}
	Img.left-border {
		float: left;
		margin: 0 20px 20px 0;
		padding: 4px;
		background-color: #ffffff;
		border: 1px solid #dbd7c1;
		}
		
	Img.left-border-extended {
		float: left;
		margin: 0 30px 50px 0;
		padding: 4px;
		background-color: #ffffff;
		border: 1px solid #dbd7c1;
		}
		
<!-- Div Colapse -->

#main .msg_list {
margin: 0px;
padding: 0px;
width: 475px;
}
#main .msg_head {
padding: 5px 10px 5px 1px;
cursor: pointer;
/*position: relative;*/
display: block;
background-color:#FFffff;
margin:1px 20px 1px 1px;
color:#0099FF !important;
line-height: 28px !important; 
font-size: 12px !important;
border-bottom: 1px dashed #dbd7c1;
font-weight: bold;
}

#main .msg_body {
padding: 5px 10px 15px;
background-color:#F9F8F8;
border: 1px solid #dbd7c1;
margin-right: 20px;
margin-top: -2px;
}


<!-- 2 Column -->
#c1
{
	clear: both;
	padding: 0;
}

#c1 div
{
	float: left;
	width: 44%;
	padding-right: 2%;
	margin-right: 2%;
	min-height: 120px;
}
#c1 div strong {
	line-height: 14px;
	color: #3E99D8;
	}
#c1 div span {
	line-height: 14px;
	font-size: 11px;
	}

#c1 div img.floatleft {
	float: left;
	margin: 0 10px 20px 0;
	padding: 4px;
	border: 1px solid #dbd7c1;
	}
	
#c3
{
	clear: both;
	padding: 0;
	
}

#c3 div
{
	float: left;
	width: 28%;
	padding-right: 2%;
	margin-right: 2%;
	min-height: 120px;
	margin-bottom: 25px;
	
}

#c3 div strong {
	line-height: 14px;
	color: #3E99D8;
	}
#c3 div span {
	line-height: 12px;
	font-size: 10px;
	}
#clear {
	clear: both;
	margin: 20px 0;
	content: "&nbsp;";
	}
	
<!-- STACKED -->

.catalogwrap .preview_img img{
	color:#006699; 
	width: 90px; 
	float: left;
	padding: 3px;
	border: 1px solid #dbd7c1; 
	margin-left: 15px;
	}
.catalogwrap .ComComments {
	position: relative;
	padding: 5px; 
	margin: 0 0 0 135px;
	}

div.spacer {
  clear: both;
  }
  
  /* GLOBAL */
/* Global Search */
#header_searchbarSearchForm {
bottom:25px;
position:absolute;
right:50px;
}

#header_searchbarSearchForm input#globalSearch {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
color:#0088CC;
height:19px;
line-height:1;
padding:2px 5px;
width:286px;
}

#header_searchbarSearchForm {
color:#FFFFFF;
font-style:italic;
font-weight:bold;
line-height:1;
margin-right:0.8em;
}
 #header_searchbarSearchForm label {
	margin-right: 10px;
	}

#header_searchbarSearchForm button:hover {
background-position:0 -36px;
}
#header_searchbarSearchForm button {
background:transparent url(http://www.800bucklup.org/images/design/icon_searchglass.png) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
font-size:1.1em;
height:35px;
position:absolute;
right:-18px;
top:-1px;
width:35px;
}






/* GOOGLE TOP SEARCH */
#cse-search-box {
bottom:30px;
position:absolute;
right:2px;
}

#cse-search-box input#globalSearch {
background: #ffffff !important;
border:1px solid #AAAAAA;
color:#0088CC;
height:19px;
line-height:1;
padding:2px 5px;
width:175px!important;
}




#cse-search-box {
color:#FFFFFF;
font-style:italic;
font-weight:bold;
line-height:0;
margin-right:-5px;
}
 #cse-search-box label {
	margin-right: 10px;
	}
 #cse-search-box img.rc {
	left:-10px;
	position:absolute;
	top:1px;
	 [if IE] top: 3px; 
	 [if IE ] padding-top: 2px; 
	}
	



#cse-search-box button:hover {
background-position:0 -36px;
}
#cse-search-box button {
background:transparent url(http://www.800bucklup.org/images/design/icon_searchglass.png) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
font-size:1.1em;
height:35px;
position:absolute;
right:-18px;
top:-1px;
width:35px;
}


#tpa2 {
	margin-right: 25px!important;
	}