/* body or html need a background image to stop jitter caused by IE6 "position: fixed" fix below. */
/* 
body { margin: 0; padding: 0;  width: 100%; 	background-image:url(../blank.gif); background-attachment: fixed; } 
 */

#slideboxcontainer{
    width:45px;
    padding:0px;
    position:fixed;
    bottom:100px;
    right:0px;
	overflow: hidden;
	left: auto;
    z-index: 9999;
}

* html #slideboxcontainer /* IE6 position fixed Bottom */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

.slidebox {
	width: 745px;
}

#slideboxcontainer a.close{
    background:transparent url(../images/popout/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
	font-size: 1px;
}

#slideboxcontainer a.close:hover{
    background-position:0px -13px;
}

/****************************************
Support box innards
*****************************************/

* html div.support_body li { margin: 0 0 0 20px !important; } /* IE6 hack to fix margin inconsistency */

/* * html a#toggle, a.close { display: none; } /* IE6 displays panel at bottom; no need for toggle */

#slideboxcontainer a#toggle{ display: block; float: left; clear: none; width: 45px; height:169px; background: transparent url(../images/popout/toggle.png) 0 -6px no-repeat; cursor: pointer; overflow: hidden; }

#slideboxcontainer a#toggle span { display: block; width: 45px; height: 189px; text-indent: -9999px; }

#slideboxcontainer div.support_container { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #FFF;
	background: #234a74;
	margin: 0; 
	width: 700px;
	float: right; clear: none;
}
#slideboxcontainer div.support_header {
	background: #102542 url(../images/popout/header-shim.png) bottom left repeat-x;
	padding: 30px 0 25px 0;
	position: relative;
}
#slideboxcontainer div.support_body {
	background: #234b75;
	padding: 40px 0 50px 0;
	border-bottom: 10px solid #265280;
}
#slideboxcontainer div.support_body ul {
	margin: 0 0 50px 0;
	padding: 0 !important;
}
#slideboxcontainer div.support_body li { 
	margin: 0 0 20px 40px;
	padding: 0;
	list-style: none;
	float: left;
	clear: none;
	width: 270px !important;
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#slideboxcontainer div.support_body li.tise { 
	background-image: url(../images/popout/ico-advertise.gif); 
}
#slideboxcontainer div.support_body li.contribute { 
	background-image: url(../images/popout/ico-contribute.gif); 
}
#slideboxcontainer div.support_body li.donate { 
	background-image: url(../images/popout/ico-donate.gif); 
}
#slideboxcontainer div.support_body li.volunteer { 
	background-image: url(../images/popout/ico-volunteer.gif); 
}
#slideboxcontainer div.support_body li.clear {
	clear: both;
	float: none;
	font-size: 0;
	margin: 0;
}
#slideboxcontainer div.support_header h3 {
	color: #FFF;
	margin: 0 0 0 39px;
	font-size: 25px;
}
#slideboxcontainer div.support_header h4 {
	color: #FFF;
	margin: 3px 0 0 39px;
	font-size: 13px; 
	font-weight: normal;
}
#slideboxcontainer div.support_body h5 { 
	color: #1fc7f3;
	font-size: 18px;
	margin: 0 0 5px 60px;
}
#slideboxcontainer div.support_body p {
	margin: 0 0 0 60px;
}
#slideboxcontainer div.support_container .clearfloat { 
	clear: both;
}
#slideboxcontainer div.support_container a {
	color: #1fc7f3;
}
#slideboxcontainer h5 a:hover { 
	text-decoration: underline; 
}
#slideboxcontainer .content { 
	width: 500px; 
}