/* layout.css
	This document contains elements that are used on every page and are *not* page specific.  They contain basic style
	elements as well as host of positioning elements.
	
	**warning**: changing styles in this stylesheet may effect ALL pages
*/
           
/* Core HTML */
    html { height: 100%; }
    body { font: normal 11px arial; color: #e9e1cc; background: url(/App_Images/bg_body.jpg); height: 100%;}
    a { color: #36939b; }
    a:hover { color: #43b6c0;}
        
/* Top area (Header Image, Navigation)*/
    #header { height: 156px; position: relative; background: url(/App_Images/bg_header.jpg) repeat-x; }
	#header .arrow { position: absolute; right: 140px; top: 20px; }
    #header ul { width: 1000px; margin: 0px auto; padding: 91px 0px 0px 0px}
    #header li { float: left; padding: 5px 13px 0px; }
        #header li { position: relative; }
		#header li img { cursor:pointer; display: none; top: -8px; left: 20px; position: absolute;  }
		#header li img#mind { top: -16px; left: -5px; }

    #header li a { color: #fff; padding: 2px 2px 10px 2px; display: block; text-transform: uppercase; text-decoration: none; color: #d4dce5; font: bold 16px arial; }
        
        /*#header .a_profile a { padding-bottom: 1px; border-bottom: 9px solid #8f6351; background: #7d6673; }*/
        
        #header .a_home a:hover, .pg_homepage #header .a_home a { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_home-trans.png) no-repeat;*/ }
        #header .a_about a:hover, .pg_about #header .a_about a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_about-trans.png) no-repeat;*/ }
        #header .a_pledge a:hover, .pg_pledge #header .a_pledge a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_pledge-trans.png) no-repeat;*/ }
        #header .a_contribute a:hover, .pg_help #header .a_contribute a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_contribute-trans.png) no-repeat;*/ }
        #header .a_testimonials a:hover, .pg_testimonials #header .a_testimonials a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_testimonials-trans.png) no-repeat;*/ }
        #header .a_infuse a:hover, .pg_infuse #header .a_infuse a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_infuse-trans.png) no-repeat;*/ }
        #header .a_events a:hover, .pg_events #header .a_events a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_events-trans.png) no-repeat;*/ }
        #header .a_scholarship a:hover, .pg_scholarship #header .a_scholarship a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #c6d1e1; background: #8095b0; /*background: url(/App_Images/bg_btn_scholarship-trans.png) no-repeat;*/ }
        #header .a_contact a:hover, .pg_contact #header .a_contact a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_contact-trans.png) no-repeat;*/ }
        #header .a_profile a:hover, .pg_profile #header .a_profile a  { color: #fff; padding-bottom: 1px; border-bottom: 9px solid #b84200; background: #8b423b; /*background: url(/App_Images/bg_btn_contact-trans.png) no-repeat;*/ }


    #header .info { margin: 0px auto; width: 997px; position: relative; }
		#header .info .toplogo { position: absolute; left: 20px; top: 15px; }
		
		#header .info .status { top: 15px; right: 25px; width: 800px; text-align: right; position: absolute; color: #fff; font-size: 15px; }
			#header .info .status a { color: #fff; }
		#header .info .status #status_login { display:none; float: right; padding: 10px; margin-top: -13px}
			#header .info .status #status_login .status_inner { position: relative; float: left; width:280px }
		#header .info .status #status_login input { display: inline;  background: #47668F; margin-right: 3px; border-top: 2px solid #2F445F; border-left: 2px solid #2F445F; border-right: 1px solid #162f48; border-bottom: 1px solid #162f48; color: #fff; font-size: 11px; padding: 5px 3px;}
			#header .info .status #status_login input.hdn { visibility: hidden; position: absolute; }
		#header .info .status #login_status_error { line-height: 16px; font-size: 11px; border: 1px solid #f00; display: none; width: 220px; margin-bottom: 5px; background: #8F474A; text-align: center; padding: 5px; color: #fff; }


/* Mid area (Content)*/
    #content_wrapper { margin: 10px auto 0px auto; width: 966px; }
    #content_top { float: left; width: 966px; background: url(/App_Images/bg_content_top-trans.png) no-repeat; height: 13px; font-size: 1px}
    #content { float: left; width: 926px; padding: 20px; background: url(/App_Images/bg_content.png) repeat-y; behavior: url(/App_Css/iepngfix.htc);  }
		#content p { line-height: 16px; }
			#content p.p_right { text-align: right;}
    
    #content_btm { float: left; width: 966px; background: url(/App_Images/bg_content_btm-trans.png) no-repeat; height: 13px; }

/* Btm area (Copyright)*/
    #footer { clear: left; height: 106px; background: url(/App_Images/bg_footer.jpg) bottom repeat-x; }
        #footer .inner { margin: 0px auto; width: 996px; }
        #footer ul { width: 475px; float: left; padding: 27px 0px 0px 30px}
        #footer li { float: left; }
        #footer li a { color: #70513a; padding: 3px 5px; display: block; text-decoration: underline; font: normal 10px arial; }
            #footer li a:hover, 
            .pg_homepage #footer .a_home a,
            .pg_about #footer .a_about a, 
            .pg_pledge #footer .a_pledge a, 
            .pg_contribute #footer .a_contribute a, 
            .pg_testimonials #footer .a_testimonials a, 
            .pg_infuse #footer .a_infuse a, 
            .pg_events #footer .a_events a, 
            .pg_scholarship #footer .a_scholarship a, 
            .pg_contact #footer .a_contact a { color: #e9e1cc; text-decoration: none; }

        #footer .copyright { margin-top: 30px; float: right; width: 265px; color: #70513a; font: normal 10px arial;}
            #footer .copyright a { color: #70513a; }
            #footer .copyright a:hover { color: #e9e1cc; }

		#footer .hero { float: left; margin-top: 30px; width:192px; color: #DCCAA3; font: normal 10px arial; }