/* layout.css
	This is a combination of overall styles and page specific styles
	
	**warning**: changing styles in this stylesheet may effect ALL pages
*/
         
        /* Overall Elements */
        body { background: #fff; font: normal 18px arial; color: #373737 }
        a { color: #0199da; }
        p { line-height: 22px; }
        a:hover { color: #006793; }
        #overall_wrapper { width: 1190px; margin: 0px auto; }
        #wrapper { float: left; width: 1190px; background: url(/App_Images/bg_middle_060110.jpg) repeat-y; }
        #container { width: 1190px; float: left; background: url(/App_Images/bg_bottom_060110.jpg) bottom left no-repeat; }
        #container .inner { min-height: 1400px; float: left; width: 1190px; padding: 367px 0px 49px; background: url(/App_Images/bg_top_kids_060110.jpg) no-repeat; }
        #content { position: relative; float: left; margin-left: 89px; width: 1000px; background: #000; padding-bottom: 15px }
        #container .inner_wrapper { background:#fff; float: left; margin: 4px 14px; }
            #top_logo { position: absolute; top: -185px; left: 0px}
            #top_logo span.contest {position:absolute; top:45px; right:-470px;}
            
            /* Navigation */
            #nav { position: absolute; left: 0px; top: -35px; width: 599px; padding-left: 383px; background: url(/App_Images/bg_nav.gif) no-repeat; height: 28px; }
         
            #nav li { float: left; display: inline; }
            #nav li a { float: left; display: block; height: 44px; }
            .pg_homepage #nav li a#link1,
            .pg_about #nav li a#link2,
            .pg_resources #nav li a#link3,
            .pg_action #nav li a#link4,
            .pg_videos #nav li a#link5,
            .pg_images #nav li a#link6,
            .pg_contact #nav li a#link7 { background: #fff; opacity: 0; filter: alpha(opacity=0); }   

            .pg_homepage #nav li a#link1 img, 
            .pg_about #nav li a#link2 img, 
            .pg_resources #nav li a#link3 img, 
            .pg_action #nav li a#link4 img, 
            .pg_videos #nav li a#link5 img,  
            .pg_images #nav li a#link6 img,  
            .pg_contact #nav li a#link7 img  { visibility: hidden; }
            
            /* Left Content Column (Main content) */
            #content #left_side { float: left; border-right: 314px solid #fff; background: #fff; width: 657px; }
            
                /* Videos Pod */
                #left_side .pod_videos { float: left; width: 657px;  background: #000; }
                    #left_side .pod_videos .main { float: left; width: 402px; border: 1px solid #F7F9F8; }
                    #left_side .pod_videos .listing { float: left; width: 251px; }
                    #left_side .pod_videos a.thumb { float: left; border: 1px solid #F7F9F8; margin-left: 12px; margin-bottom: 5px; }
                    #left_side .pod_videos a.thumb:hover { border: 1px solid #e60b0b; }
                    #left_side .pod_videos a.viewall { float: right; margin-top: -5px; margin-right: 9px; }
					#left_side .pod_videos a.thumb img { width: 108px; height: 76px}
					
				/* Main Content */
				#left_side .main_area {  float: left; padding: 17px 31px 11px; }
            
					/* Follow Us */
					#left_side .main_area .followus { margin-top: 11px; }
            
            /* Right Content Column (Secondary content) */
            #content #right_side { float: left; width: 314px; margin: 0px 0px 0px -314px; background: #fff }
                
                /* LIFE Banner */
                #right_side .LIFE { display: block; background: #000; padding: 0px 3px 6px 4px; }
            
                /* Countdown Pod */
                #right_side .pod_countdown { margin-top: 15px; margin-bottom: 16px;}
                #right_side .pod_countdown h2 { margin-bottom: 8px; }
            
                /* Donate Button */
                #right_side .btn_donate { display: block; margin-bottom: 17px; }
                
                /* Signup Button */
                #right_side .btn_signup { display: block; margin-bottom: 16px; }
                
                /* Images Pod */
                #right_side .pod_images { border: 1px solid #e60b0b; width: 294px; background: #000; float: left; padding: 14px 14px 0px 0px}
                    #right_side .pod_images a.thumb { float: left; display: block; border: 1px solid #707070; margin-left: 14px; margin-bottom: 14px; }
                    #right_side .pod_images a.thumb:hover { border: 1px solid #e60b0b; }
                    #right_side .pod_images a.viewall { clear: both; float: left;}
					#right_side .pod_images a.thumb img { width: 130px; height: 80px; }

            /* Bottom Footer Area (Navigation, Copyright */
            #btm { position: absolute; left: 38px; bottom: -45px; color: #373737; font: bold 17px arial; }
            #btm a { color: #373737; text-decoration: none; }
            #btm a:hover { color: #000; text-decoration: underline; }
            #btm p { font: normal 10px arial; padding: 3px 0px 0px;} 
            #btm p a { text-decoration: underline; }