@charset "UTF-8";
/*----------------------------------
version:   1.0
author:    LucidBass: The Strategic Baslline to Your Online Returnes lucidbass.com
webiste:   lucidbass.com
title:	   homepage.css  	      
email:     lucidbass.com
-----------------------------------------------------------------------------*/

html {
background: #D5D1C5 url(../../i/templates/home/home-mast-strip.gif) repeat-x;
}

body {
/* background: url(../../i/templates/home/bg-image-home.jpg) 50% 0 no-repeat; */
}

#main-content {
float: left; 
clear: both;
margin: 10px 0 40px 0;
}

#content {
float: left;
position: relative;
top: 105px;
width: 962px;
float: left;
left: 0px;
-moz-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2); 
-webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2); 
box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2);
padding: 0 0 150px 0;
margin: 0 0 -110px 0;
}

#sec-content {
float: left;
height: 231px;
position: relative;
padding: 0 0 0px 0;
}

#sub-content {
float: left;
width: 100%;
margin: 0px 0 0 10px;
padding: 0 0 50px 0;
}

#site-info {
background: url(../../i/templates/about/about-footer.png) -9px 10px no-repeat;
position: relative;
width: 1187px;
height: 305px;
left: -104px;
padding: 0;
}

#site-info h6 { 
width: 247px;
position: relative;
top: 110px;
}

#site-info h6 a {
background: url(../../i/defaults/footer-ncffa-logo-2015.png) no-repeat;
display: block;
height: 76px;
width: 247px;
text-indent: -9999px;
position: relative;
left: 119px;
top: 60px;

}

ul.site-info {
float: left;
position: relative;
left: 200px;
width: 240px;
top: 110px;
}

ul.site-info li {
float: left; 
margin: 0 27px 0 0;
position: relative;
top: 23px;
left: 675px;
list-style: none;
}

ul.site-info li a {
text-decoration: none;
color: #006AD2;
font-size: 12px;
text-transform: uppercase;
}

ul.site-info li a:hover {
color: #558CC9;
}

#inside-wrapper{
position: relative;
}

img.mast-bg {
position: absolute;
left: -265px;
}


.maststream {
float: left;
width: 950px;
position: relative;
left: 20px;
}

.maststream img {
float: right;
position: relative;
top: 7px;
left: -84px;
}

.maststream h2{
margin: 0 0 20px 18px;
line-height: 1.2em;
font-family: 'Alice', serif; 
font-size: 21px;
color: #00315F;
width: 431px;
float: left;
position: relative;
left: 80px;
}

.maststream h2 a {
text-decoration: none;
color: #00315F;
}

.maststream h2 a:hover {
text-decoration: underline;
}

.maststream h3 {
font-family: 'Oswald', sans-serif;
margin: 0 0 10px 0px;
line-height: 1.2em;
font-size: 16px;
color: #CA9F13;
width: 415px;
float: left;
position: relative;
left: 75px;
text-align: right;
}

.maststream p {
position: relative;
left: 300px;
text-align: right;
top: 20px;
margin: 0 0 20px 0;
width: 200px;
}

.maststream p a {
color:#79726C;
text-decoration: none;
/* background: url(../../i/templates/home/arrow-grey.png) center right no-repeat; */
padding: 0 15px 0 0;
}

.maststream p a:hover {
text-decoration: underline;
}

.maststream .hp-feature-text {
  overflow:  hidden;
  max-height: 308px;
  margin: -20px 0 0 0;
}

.maststream .hp-feature-text img {
float: right;
top: 0px;
position: relative;
left: -500px; 
}

.maststream .hp-feature-text h2 {
margin: 0 0 0px 0px;
line-height: 1.2em;
font-family: 'Oswald', sans-serif;
font-size: 24px;
color: #00315F;
color: #CA9F13;
width: 431px;
float: left;
position: relative;
left: 480px;
text-align: left;  
}

.maststream .hp-feature-text h3 {
margin: 0 0 0px 0px;
line-height: 1.2em;
font-family: 'Oswald', sans-serif;
font-size: 21px;
color: #00315F;
color: #CA9F13;
width: 431px;
float: left;
position: relative;
left: 480px;
text-align: left;  
}

.maststream .hp-feature-text p {
position: relative;
left: 480px;
text-align: left;
top: 20px;
margin: 0 0 20px 0;
width: 400px;
font-family: 'Alice', serif; 
line-height: 1.3em;
color:#333;
}

.maststream .hp-feature-text ul, .maststream .hp-feature-text ol {
position: relative;
list-style: disc;
left: 480px;
text-align: left;
top: 20px;
margin: 0 0 20px 15px;
width: 400px;
font-family: 'Alice', serif; 
line-height: 1.3em;
color:#333;
}

.maststream .hp-feature-text ol {
  list-style: num
  
}



#mast-head p.feat-program {
position: absolute;
top: 591px;
left: 3px;
color: #519FE5;
text-transform: uppercase;
font-size: 12px;
}

#mast-head p.feat-program a {
color: #519FE5;
}

.hp-twitter-feed {
float: left;
background: url(../../i/templates/home/twitter-feed-bg-hp.png) 0 0 no-repeat;
width: 684px;
margin: 29px 0 0 29px;
}

.hp-twitter-feed p.tweet {
font-size: 16px;
line-height: 1.3em;
width: 624px;
position: relative;
left: 57px;
top: 25px;
color: #00437F;
min-height: 68px;

}

.hp-twitter-feed p.tweet-date {
font-size: 16px;
line-height: 1.3em;
width: 624px;
position: relative;
left: 57px;
top: 3px;
color: #00437F;
}

.hp-twitter-feed p.tweet-date, .hp-twitter-feed p.tweet-date a {
color: #3DA3E4;
font-size: 12px;
width: 473px;
height: 31px;
}

.hp-twitter-feed a {
  color: #3DA3E4;
 }

#content .oneyrs {
float: right;
background: url(../../i/templates/home/100-years.png) -2px 0  no-repeat;
width: 162px;
height: 157px;
position: relative;
top: -63px;
left: -24px
}

#content p.oneyrs a {
width: 163px;
height: 157px;
display: block;
}

#content p.oneyrs {
text-indent: -9999px;
}

#content #main-content p a:hover, #content #sub-content ul li a:hover, #main-content .hp-block-3 ul li a:hover, #main-content .hp-block-1 ul li a:hover, #main-content .hp-block-4 ul li a:hover {
color: #519FE5;
}


#main-content .hp-block-1 .block-link, #main-content .hp-block-3 .block-link , #main-content .hp-block-4 .block-link {
margin: 10px;
height: 30px;
display: block;
position: relative;
bottom: -90px;
text-indent: -9999px;
}

#main-content .hp-block-1, #main-content .hp-block-2, #main-content .hp-block-3, #main-content .hp-block-4  {
float: left;
width: 200px;
height: 272px;
display: block;
margin: 0px 0px 0 0px;
}


#main-content .hp-block-1 {
margin: 0 20px 0 20px;
background: #D5D1C5 url(../../i/templates/home/register-hp-mod-bg.png) 0 0 no-repeat;
font-family: 'Alice', serif; 
font-size: 18px;
}

#main-content .hp-block-1 a {
display: block;
width: 200px;
height: 274px;
}

#main-content .hp-block-1 h3, #main-content .hp-block-3 h3 {
text-indent: -9999px;
}

#main-content .hp-block-1 ul, #main-content .hp-block-3 ul {
margin: 30px 0 0 15px;
font-family: 'Alice', serif; 
}

#main-content .hp-block-1 ul li, #main-content .hp-block-3 ul li {
list-style: none;
margin: 0px 0 15px 0;
}

#main-content .hp-block-3 {
position: relative;
}

#main-content .hp-block-3 ul li {
margin: 0px 0 15px 0;
}

#main-content .hp-block-1 ul li a , #main-content .hp-block-3 ul li a {
padding: 0 15px 0 0;
background: url(../../i/templates/home/arrow-grey.png) center right no-repeat;
line-height: 1.0em;
}

#main-content .hp-block-1 ul li a, #main-content .hp-block-3 ul li a {
color: #79726C;
text-decoration: none;
font-size: 15px;
}

#main-content .hp-block-3 a.block-link {
position: absolute;
display: block;
width: 50px;
height: 30px;
bottom: 10px; 
left: 135px;
top: 218px;
}

#main-content .hp-block-2 {
margin: 0 0px 0 20px;
background: #D5D1C5 url(../../i/templates/home/chapter-guide-hp-mod-bg-2.png) 0 0 no-repeat;
text-indent: -9999px;
}
#main-content .hp-block-2 a {
display: block;
width: 200px;
height: 274px;
}


#main-content .hp-block-3 {
margin: 0 0px 0 0px;
background: #D5D1C5 url(../../i/templates/home/news-hp-background.png) 0px 0 no-repeat;
}


#main-content .hp-block-4 {
margin: 0 0px 0 28px;
background: #D5D1C5 url(../../i/templates/home/calendar-mod-hp.jpg) 0 0 no-repeat;
width: 247px;
position: relative;
}

#main-content .hp-block-4 h3 {
text-indent: -9999px;
}

#main-content .hp-block-4 ul {
margin: 30px 0 0 19px;
line-height: 1.3em;
}

#main-content .hp-block-4 ul {

}

#main-content .hp-block-4 ul li {
list-style: none;
line-height: 1.1em;
margin: 0 0 20px 0;
}

#main-content .hp-block-4 ul li a span {
display: block;
color: #ECEAE1;
font-size: 15px;
}

#main-content .hp-block-4 ul li a {
list-style: none;
margin: 0px 0 5px 0;
color: #fff;
text-decoration: none;
font-size: 14px;
}

#main-content .hp-block-4 a.block-link {
position: absolute;
display: block;
width: 100px;
height: 30px;
bottom: 10px; 
left: 135px;
top: 228px;
}

#main-content .news-box {
width: 646px;
float: left;
height: 200px;
font-family: 'Alice', serif; 
font-size: 26px;
margin: 40px 0 10px 10px;
}

#main-content .news-box img {
float: left;
margin: 10px 18px 0 20px;
}

#main-content .news-box h2 {
margin: 0 0 0 20px;
font-family: 'Oswald', sans-serif;
color: #CA9F13;
}

#main-content .news-box h2 span {
font-family: 'Alice', serif; 
}

#main-content .news-box h2 a {
text-decoration: none;
color: #CA9F13;
font-family: 'Oswald', sans-serif;
}

#main-content .news-box h3 {
font-size: 17px;
color: #00315F;
font-family: 'Oswald', sans-serif;
margin: 10px 0 0 0;
line-height: 1.5em;
}
#main-content .news-box h3 a {
text-decoration: none;
color: #00315F;
}

#main-content .news-box h3 a:hover, #main-content .news-box p a:hover, #main-content .news-box p a:hover.all-news {
text-decoration: underline;
}

#main-content .news-box h3 span {

}

#main-content .news-box p {
font-size: 13px;
color: #00315F;
line-height: 1.5em;
margin: 10px 0 0 0;
}

#main-content .news-box p a {
color: #00315F;
font-size: 15px;
font-family: 'Oswald', sans-serif;
text-decoration: none;

}

#main-content .news-box p a.all-news {
color: #CA9F13;
text-decoration: none;
margin: 0px 0 0 180px;
position: relative;
top: 10px;
}




#main-content p.agril-mod-hp a {
background: #D5D1C5 url(../../i/templates/home/more-ag.png) 0 0 no-repeat;
display: block;
width: 248px;
height: 202px;
float: right;
text-indent: -9999px;
margin: 40px 22px 0 0;
}


#sec-content .bartop {
position: absolute;
left: -11px;
top: -40px
}

#sec-content .become-member p a {
display: block;
width: 202px;
height: 194px;
background: #D5D1C5 url(../../i/templates/home/become-member.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: -4px 0 0 30px;

}

#sec-content div.fb-box {
float: left;
margin: 0 0 0 10px;
background-color: #003161;
}


#sec-content div.fb-like-box {
position: absolute;
top: -4px;
left: 253px;
border: 10px solid #003161;;
background-color: #003161;
}

#sec-content .latest-youtube {
padding-top: 20px;

}

#sec-content .latest-youtube p a {
display: block;
width: 247px;
height: 195px;
background: #003161 url(../../i/templates/home/latest-youtube.jpg) center center no-repeat;
text-indent: -9999px;
margin: -37px 0 0 30px;
position: absolute;
top: 33px;
left: 664px;
}


#sub-content h2 {
font-size: 21px;
color: #D3A934;
margin: 20px 0 20px 20px;
}

#sub-content .resource-box {
width: 193px;
float: left;
margin: 0 35px 0 0;
}

#sub-content .resource-box h6, #sub-content .resource-box-mag h6 {
font-size: 16px;
color: #79726C;
margin: 0 0 10px 20px;
}

#sub-content .resource-box ul {
font-family: 'Alice', serif; 
margin: 0 0px 10px 35px;
list-style: disc;
}

#sub-content .resource-box ul li {
margin: 0 0px 7px 0;
color: #79726C;
}

#sub-content .resource-box ul li a {
font-size: 13px;
color: #79726C;
text-decoration: none;
}

#sub-content .resource-box ul li a:hover {
text-decoration: underline;
}

#sub-content .resource-box-mag {
width: 259px;
float: left;
margin: 0 0 0 -20px;
}

 #sub-content .resource-box-mag p {
font-family: 'Alice', serif; 
font-size: 12px;
color: #79726C;
line-height: 1.3em;
margin: 0 0 0 20px;
}

 #sub-content .resource-box-mag p a {
color: #CA9F13;
}
 #sub-content .resource-box-mag img {
float: right;
}