/* meyer reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


body { line-height: 1.4; color: #2c1008; background: #fff url(/images/ifaction/header_back.gif) 0 0 repeat-x; }

h1{ font-size: 36px; }
h2{ font-size: 30px; }
h3, legend{ font-size: 1.2em; }
h1,h2,h3, legend{  font-weight: normal; color: #003366;  }
/* font-family: "VAGRounded","Trebuchet MS",sans-serf; */
/*#175176*/
h4{ font-weight: normal; }
em{ font-style: italic; }
strong{ font-weight: bold; }
p{ margin: 0 0 1em; }
a{ color: #0172be; }
.buttonContainer{ text-align: right; }
h2 > a, h3 > a{ text-decoration: underline; }

.inner{ width: 960px; margin: 0 auto; padding: 0 10px;  font-family:  Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; }



.head{ position: relative; line-height: 1.2; padding: 0 10px 10px;  }
    .head h1{ width: 568px; height: 230px; position: absolute; left:-30px; top: 15px;  }
    .head h1 a{ width: 568px; height: 230px; background: url(/images/ifaction/youthLEAD.png) 0 0 no-repeat; text-indent: -99999px; display: block; }
    .head .programNav{ float:right; padding:59px 0 27px; width:300px; }
        .head .programNav li{ padding: 0 0 7px; }

            .head .programNav li a{ display: block; width: 300px; height: 39px; text-indent: -9999px; background: url(/images/ifaction/programNavSprites2.png); background-repeat: no-repeat; }
                .head .programNav a.ylp{ background-position: 0 0; }
                .head .programNav a.ylp:hover{ background-position: 0 -39px; }
                
                .head .programNav a.spn{ background-position: 0 -78px; }
                .head .programNav a.spn:hover{ background-position: 0 -117px; }
                
                .head .programNav a.tide{ background-position: 0 -156px; }
                .head .programNav a.tide:hover{ background-position: 0 -195px; }
                
                .head .programNav a.training{ background-position: 0 -234px; }
                .head .programNav a.training:hover{ background-position: 0 -273px; }




.nav{ background: url(/images/ifaction/nav/nav_back.gif) 0 0 repeat-x; height: 39px; }
    .nav ul{ overflow: hidden;  padding: 0;  line-height: 1; height: 39px; }
    .nav ul li{ float: left; margin: 10px 2px 0; background-image: url(/images/ifaction/nav/navSprite.gif); background-position: 0 0; background-repeat: repeat-x;   }
    .nav ul li a{ text-decoration: none; color: #003366; font-size: 13px; line-height: 13px; font-family: Georgia; font-style: italic; display: block;  height: 31px;  background: url(/images/ifaction/nav/tab_l.png) 0 0 no-repeat; }
        .nav ul li a strong{ font-weight: normal; display:block; padding: 8px 10px 0; height: 23px; background: url(/images/ifaction/nav/tab_r.png) right 0 no-repeat; }
    
    .nav ul li.active, .nav ul li.active:hover{ background-position: 0 -62px; }

            
    .nav ul li:hover{ background-position: 0 -31px; }
    .nav ul li:hover a, .nav ul li.active a{ color: #71276B; }
    
    
    .nav li.facebook a strong{ padding: 8px 10px 0 28px; position: relative; }
    .nav li.facebook a strong img{ position: absolute; top: 7px; left: 7px; }
    
.mainWrap{ background: url(/images/ifaction/main_back.gif) 0 0; }
.main{ padding: 40px 14px; overflow: hidden; background: url(../../images/ifaction/main_inner_back.png) 0 0 repeat-y; }
    .homeIntro{ width:620px; margin: 0 10px; float: left; padding: 0; }
        .homeIntro p{ }
    .slideshowContainer{ width: 292px; margin: 40px 10px 0; float: left; text-align: center; }
        .slideshowContainer a{ border: 4px solid #95b9d1; display: block; float: left; margin: 0 0 0 15px; }
        .slideshowContainer img{ border: 1px solid #fff; display: block; }
        
    
    
    .homeMore{ clear: both; overflow: hidden; padding: 20px 0; font-size: 13px; font-weight: normal; }
        .homeMore li{ float: left; margin: 0 10px; width: 300px; border-top: 1px solid #e9bee6; padding: 20px 0 0;  }

        .homeMore li div.img{ float: left; width: 132px; height: 92px; padding: 4px; background: #95b9d1; margin: 0 10px 10px 0; }
            .homeMore li div.img img{ border: 1px solid #fff; display: block; }
        .homeMore li .intro{ font-family: Georgia; color: #71276b; font-size: 14px; font-style: italic; }
        .homeMore li .body{ clear: both; }
        
        
    .mainEvents{ padding: 20px 0;  border-top: 1px solid #e9bee6;  }
        .mainEvents h2{ padding: 0 10px 10px; float: left; }
        .mainEvents h3.eventsLink{ float: right;  margin: 15px 0 0;  }
            .mainEvents h3.eventsLink a{ display: block; padding: 0 0 0 20px; background: url(../../images/ifaction/icons/calendar.png) 0 0 no-repeat; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px;  }
        .mainEvents .mainEventsContainer{ position: relative; background: #bdd5f7; clear: both; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
        .mainEvents .eventsList{ overflow: hidden;  margin: 10px 0; padding: 8px;  }
            .mainEvents .eventsList li{ float: left; margin: 0 10px; width: 294px; }
            .mainEvents .eventsList li.nl{ clear: left; }
            .mainEvents .eventsList li.noEvents{ width: 350px; }
                .mainEvents .eventsList li h4{ padding: 0; }
                .mainEvents .eventsList li h4 a{ font-weight: bold; font-size: 16px; color: #036; }
                .mainEvents .eventsList li h5{ color: #71276b; font-size: 12px; font-weight: bold; padding: 0 0 5px; }
                .mainEvents .eventsList li p{ font-size: 13px; font-weight: normal; }
                
        
        #events h2{ float: none; }
        #events .mainEvents{ border-top: 0 none; }        
        #events .mainEvents .eventsList{ background: none; border: 0 none; padding: 0; margin: 0; }
            
            
    .entry{ width: 620px; float: left; margin: 0 10px; }
        .entry ul{ list-style: disc outside; padding: 0 0 0 10px; margin: 0 0 1em; }
            .entry ul li{ }
            
    .entry div.image{ float: right; padding: 0 0 10px 10px; }
    
    .sidebar{ width: 284px; float: left; margin: 20px 10px 0; overflow: hidden; padding: 10px 8px; background: #bdd5f7;  position: relative; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  }
    .moreArticles{ float: right; }
        .sidebar h2{ font-size: 18px; }
        .sidebar h3{ font-family:  Helvetica, Arial, sans-serif; font-size: 16px; }
        
        .sidebar a:hover{ color: #005588; }
        .sidebar p{ font-size: 12px; }
        
        
        
        #events.sidebar{ padding: 0 0 10px; width: 300px; }
        
        
        #events.sidebar h2{ padding: 8px 8px 6px; }
        #events.sidebar h3{  font-size: 18px; padding: 10px 8px 0; color: #71276B; border-top: 1px solid #8CABD6; margin: 0; line-height: 1.2; }
        #events.sidebar h4{ font-family:  Georgia; font-size: 14px; font-style: italic; padding: 0 8px; }
            
        #events.sidebar .noEvents h3{ font-size: 14px; font-weight: bold; }
        #events.sidebar .noEvents p{ padding: 8px; }
        
        #events.sidebar div.date{ padding: 0 8px; }
        #events.sidebar div.summary{ padding: 0 8px; }
        #events.sidebar div.register{ padding: 0 8px 15px; font-size: 16px; }
        
        
        #events h3{ font-size: 1.5em; }
        #events h4.date{ color: #71276B; }

        
        #announcements p.date{ color: #71276B; margin: 0; font-size: 11px; font-style: italic; font-family: Georgia; }
        
    .registrationForm{ width: 630px; margin: 0 10px 0 0; float: left; }
        .registrationForm fieldset{ margin: 0 0 20px; }
        .registrationForm legend{ font-size: 1.6em; }
        .registrationForm dl{ overflow: auto; width: 600px; }
        .registrationForm dl dt{ display: block; float: left; width: 200px; text-align: right; clear: both; font-weight: bold; font-size: 14px; padding: 6px 0 0; }
        .registrationForm dl dd{ display: block; margin: 0 0 0 220px; width: 380px; padding: 0 0 10px;  }
        .registrationForm .text-input{ width: 300px; font-size: 16px; padding: 4px; background: #fff; border: 1px solid #c5c9d6; color: #003366; font-family:  Helvetica, Arial, sans-serif; font-weight: 300; }
        .registrationForm .textarea-input{ width: 300px; font-size: 16px; padding: 4px; background: #fff; border: 1px solid #c5c9d6; color: #003366; font-family:  Helvetica, Arial, sans-serif; font-weight: 300; }
    
    .sidebar .fileList{ padding: 5px 8px 20px;}
        .sidebar .fileList li{ padding: 0 0 8px;}

    #socialSidebar{
        background: #ddd; padding: 5px 8px;
        -webkit-box-shadow: 0 0 2px inset; -moz-box-shadow: 0 0 2px inset; -o-box-shadow: 0 0 2px inset; box-shadow: 0 0 2px inset;
    }
    
    .sidebar .socialContainer{ overflow: hidden; }
    .sidebar .socialContainer .google, .sidebar .socialContainer .facebook, .sidebar .socialContainer .twitter{ float: left; padding: 0 15px 0 0; }
    .sidebar .socialContainer .google{}
    .sidebar .socialContainer .facebook{}
    .sidebar .socialContainer .twitter{}
    
    
    .entry .postList{ list-style: none; padding: 0; }
        .entry .postList h2{ font-size: 20px; }
        .entry .postList li{ overflow: hidden; }
    
    .foot{  clear: both; padding: 20px 0;  }
        .foot div{ position: relative; border-top:  1px solid #e9bee6; font-size: 13px; font-weight: normal; margin: 20px 0; padding: 20px 0; }
        .foot p{ padding: 0; margin: 0; }
        .foot p.catchphrase{ position: absolute; right:0; top:20px; }
        .foot em{ font-family: Georgia; color: #71276b; }
 
 
 /*--
 --Corners
 --*/
div.c{ width: 5px; height: 5px; background-image: url(/images/ifaction/corners/blueSprite.png); background-repeat: no-repeat; position: absolute; display: none !important; }
div.tl{ background-position: 0 0; top:0; left: 0; }
div.tr{ background-position: -5px 0; top: 0; right: 0; }
div.bl{ background-position: 0 -5px; bottom: 0; left: 0; }
div.br{ background-position: -5px -5px; bottom: 0; right: 0; }


/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
	
.head:after 
{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

.head 
{display: inline-block;}

/* Hides from IE-mac \*/
* html .head 
{height: 1%;}

.head 
{display: block;}
/* End hide from IE-mac */