﻿body
{
    background: #444952 url(/images/ContentGrassBG_noGrad.png) repeat-x 12% -68px;
}

/*Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com*/
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, form {height: 100%;}

#container {min-height: 100%;
width:958px;
margin: 0 auto;
clear: both;
padding-right: 8px;
padding-left: 8px;
position:relative;}

#content {overflow:auto;
	padding-bottom: 8px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: 60px; /* negative value of footer height  + sleeve  */
height: 82px;
	clear:both;} 
	
#footer_sleeve
{
    background: #1B8CC8 url(/images/GrassBG_new.jpg) repeat-x scroll 12% -646px;
	/*border: solid 2px #75662c;*/
	color: #fff;
	
    margin:108px 24px 0 24px;
    color: #FFE968;
    height: 100%;
    width:918px;
    margin:auto;
    padding:0 12px;
    position:relative;
    text-align: center;
}
#footer_sleeve #base
{
    text-shadow: #074528 1px 2px 4px;
}
#foo_bar
{
    background: #BBB4AC;
    color:#49381C;
border: solid 3px #444;
position:relative;
bottom: 48px;
height: 66px;
	padding: 4px;
	margin: 0 0 -25px 0;
}
#footer #footImg
{background: url('/images/rabbitFooter.png') no-repeat 0 0;
width: 100px;
height: 120px;
position: absolute;
bottom:0; left:20px;
}
#footer a{
color:#FFF;
padding-left: 8px;
}

#footer ul {
	float: right;
}

* html #foo_bar li /*for IE6*/{
float:left;
list-style:none;
color:#FFF;
padding:0 5px;
margin:0 5px 0 0;
border-right:  solid 1px #444;
height: 48px;
width: 140px;
text-align: left;
}
#foo_bar > ul > li
{
    float:left;
list-style:none;
color:#FFF;
padding:0 5px;
margin:0 5px 0 0;
border-right:  solid 1px #444;
height: 48px;
width: 140px;
text-align: left;
}


#footer li.last{
	background:none;
	margin-right:0;
	border-right-style: none;
}
	
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#topper 
{
    margin-bottom: 31px;height:66px;color:#06486D;
	white-space: nowrap;
	font-size: .82em;
}
#topper #topperL
{
	padding: 2px 20px;
	display:inline;
	float:left;
}
#topper #topperR
{
	float:right;
	position: relative;
}
#topper p {
	display: inline;
	margin: 0 0 0 9px;
}
#header{
	position:relative;	
	height:78px;
	padding: 31px 44px 5px;
}

#logo 
{
    float:left;
	position: relative;
	width:124px; height:66px;
	overflow: hidden;
	background: url(/images/siteSprite.png) no-repeat 0 0;
}
* html #logo
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/siteSprite.png', sizingMethod='image');  
     background-position:center top; background-repeat:no-repeat;
}

/*navigation*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
#nav{
	margin: 18px 0 10px;
}
#topper div.tHdr
{
    padding: 0 6px;
font: normal bold 18px/1 Verdana;
text-align: center;
color: #084C7A;
}



/*  */
#titleText 
{   display: block; height: 50px; text-align:center; 
    color: #E9FEFF;
	text-decoration: none;
	font: bold verdana,arial,helvetica;
	text-shadow: 4px 4px 4px #054E8B;
}

