/* SPT Main Stylesheet */

        html, body 
        {
            margin: 0; padding: 0;
            height: 100%;
        }
        
        body 
        {
            
        }
        
    /* layout */
    
        #container 
        {
            margin: 0 auto -320px; padding: 0;
            width: 900px;
            height: auto !important;
            height: 100%;
            min-height: 100%;
            position: relative;
        }
        #header 
        {
            width: 100%;
            height: 180px;
            background: url(../images/header_bg.gif) no-repeat top center;
            position: relative;
        }
        #left_col 
        {
            width: 650px; 
            float: left;
        }
        #content 
        {
            margin: 0 40px 0 60px;
        }    
        #testimonial 
        {
            padding: 20px;
            margin-top: 80px;
            float: right;
            width: 200px;
        }    
        #right_col
        {
            padding-left: 2px;
            width: 248px; 
            float: right;
        }
        #footer 
        {
            width: 900px;
            height: 320px;
            background: url(../images/footer_bg.gif) no-repeat top center;
            font-size: 0.8em;
            color: #fff;
            clear: both;
            position: relative;
        }
        
    /* header only */
    
        #header img 
        {
            margin: 22px 0 0 22px;
        }
        #strap 
        {
            position: absolute;
            background: url(../images/logo_strap.gif) no-repeat #fff;
            width: 585px; height: 24px; 
            top: 63px; left: 92px;
        }
        
        /* primary navigation */
        #menuElem 
        {
            margin: 37px 0 0 60px; padding: 0;
            list-style: none;
            position: relative;
            width: 840px;
        }
        #menuElem a 
        {
	        text-decoration: none;
	        font-size: 1.3em;
        }
        #menuElem li {
	        margin: 0; padding: 0;
	        float: left;
	        list-style: none;
        }
        #menuElem li ul {
	        display: none;
	        position: absolute;
	        left: 0; top: 27px;
        }	
        #menuElem li:hover ul, #menuElem li.over ul, #menuElem li.selected ul 
        {
            width: 840px;
	        position: absolute;
	        display: block;
	        background: #69d4f6;
        }		
        #menuElem li:hover ul, #menuElem li.over ul 
        {
            z-index: 999;
        }
        
        #menuElem li a 
        {
            margin: 0; padding: 4px 15px 8px 15px;
	        color: #0072bc;
	        border-right: 1px solid #0072bc;
	        display: block;
	        text-align: center;
	        height: 15px;
        }		
        #menuElem a:hover, #menuElem li.selected a {
	        background: #69d4f6;
	        color: #fff;			
        }
        #menuElem li ul li a {
	        background: none; 
	        border: none;
	        color: #fff;
	        width: auto;
	        font-size: 1em;
        }
        #menuElem li ul li a:hover, #menuElem li ul li.selected a {
	        color: #055cb3;		
        }
        
    /* right col only */
    
        /* panels */
        div.panel 
        {
            margin: 2px 0; padding: 0 20px;
            background: #66d9f8;
            height: 140px;
            text-align: center;
            line-height: 1.8em;
        }
        
        /* donate now panel */
        #donate p
        {
            margin: 0; padding: 20px 0 10px;
            font-size: 1.5em;
        }
        #donate a 
        {
            margin: 0; padding: 0;
            display: block;
        }
        
        /* sign up panel */
        #signup p
        {
            margin: 0; padding: 15px 0 18px;
            font-size: 1.7em;
            text-align: left;
        }
        #signup p img 
        {
            margin: 0 10px 0 5px;
            float: left;
        }
    
    /* footer only */
    
        #charity 
        {
            position: absolute;
            bottom: 135px; right: 35px;
        }
        #powered_by
        {
            position: absolute;
            bottom: 100px; right: 30px;
        }   
        #designed_by
        {
            position: absolute;
            bottom: 100px; left: 30px;
        }
        #designed_by img
        {
            position: absolute;
            top: -3px;
        }
        #powered_by a, #designed_by a 
        {
            text-decoration: none;
            color: #666;
        }    
        #powered_by a:hover
        {
            text-decoration: underline;
        } 
        
        /* footer navigation */
        #footer ul 
        {
            margin: 0; padding: 0;
            list-style: none;
            position: absolute;
            bottom: 165px; left: 170px;
        }
        #footer ul li 
        {
            margin: 0; padding: 0;
            display: inline;
        }
        #footer ul li a 
        {
            padding: 0 30px;
            color: #fff;
            text-decoration: none;
            border-left: 1px solid #fff;
        }
        #footer ul li a.last_item 
        {
            border-right: 1px solid #fff;
        }
        #footer ul li a:hover 
        {
            text-decoration: underline;
        }