@charset "UTF-8";
/*----------------------------------
version:   1.0
author:    LucidBass: The Strategic Bassline to Your Online Returns lucidbass.com
aboutus:   Online Marketing, Web Design, Search Engine Opitmization, Online Advertising
website:   lucidbass.com
title:	   officers.css  	      
email:     lucidbass.com
-----------------------------------------------------------------------------*/

html {
background: #C4bfb0 url(../../i/defaults/slip.jpg) repeat-x;
}


#inside-wrapper {
/* border: 1px solid green; */
}

nav ul li.officer-nav {
background: url(../../i/defaults/nav-hilight.png) no-repeat;
padding-bottom: 23px;
}


body {
background: url(../../i/templates/officers/officers-mast-bg2.jpg) 50% 0 no-repeat;
}


#content {
float: left;
min-height: 700px;
width: 964px;
position: relative;
top: 158px;
left: -4px;
-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 300px 0;
margin: 0 0 -100px 0;
}


#main-content {
float: right;
width: 697px;
min-height: 700px;
padding-bottom: 0px;
position: relative;
left: -20px;
}

#sub-nav {
float: left;
width: 216px;
position: relative;
left: 12px;
top: -4px;
} 


#site-info {
clear: both;
padding: 0 0 0px 0;
margin: 0 0 -300px 0;
background: url(../../i/templates/officers/officers_footer.png) -9px 10px no-repeat;
position: relative;
width: 1187px;
height: 305px;
left: -108px;
top: 0px;
padding: 0px 0 0 0;
}

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

#site-info h6 a {
background: url(../../i/defaults/footer-ncffa-logo.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;
}

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

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


/*** TYPOGRAPHY ***/

#main-content a {
color: #568DC9;
}

#main-content {
font-size: 16px;
line-height: 1.2em;
color: #78726C;
margin-top: 35px;
}


#main-content p {
width: 600px;
line-height: 1.4em;
margin: 10px 0 25px 0;
font-family: 'Alice', serif; 
font-size: 14px;
}

#main-content h2 {
font-size: 21px;
margin: 15px 0 20px 0;
}

#main-content h3 {
font-size: 18px;
margin: 15px 0 10px 0;
}

#main-content ul {
margin: 0 0 20px 18px;
line-height: 1.4em;
font-family: 'Alice', serif; 
font-size: 14px;
}

/***  ***/

#sub-nav ul#nav-sub {
width: 186px;
min-height: 144px;
padding: 5px 0 5px 19px;
list-style: none;
background: #003161;
}

#sub-nav div.bottom {
background: url(../../i/defaults/sub-nav-bottom.png) bottom left no-repeat;
width: 205px;
height: 35px;
}

#sub-nav  ul#nav-sub li {
line-height: 1.3em;
width: 160px;
}

#sub-nav  ul#nav-sub li a {
text-decoration: none;
color: #5999DE;
text-transform: none;
font-size: 13px;
letter-spacing: .01em;
width: 160px;
}

#sub-nav  ul#nav-sub li ul {
margin: 5px 0 25px 0;
}

#sub-nav  ul#nav-sub li ul li {
list-style: none;
line-height: .5em;
margin: 0 0 12px 12px;
width: 148px;
}

#sub-nav  ul#nav-sub li ul li a {
font-family: 'Alice', serif;
font-size: 13px;
color: #E5E5D8;
line-height: 1.1em;
width: 140px;
}

/*** STAFF LIST  ***/

.dossier-list {
float: left;
min-height: 240px;
width: 651px;
margin: 0 0 40px 0;
}

.dossier-list .staff-heading {
height: 59px;
background: #C9C3B7 url(../../i/templates/staff/nc-state.png) 577px 17px no-repeat;
width: 100%;
}

.dossier-list .staff-heading h3 {
font-size: 18px;
color: #fff;
font-weight: normal;
padding: 8px 0 0px 10px;
}

.dossier-list .staff-heading h4 {
font-size: 16px;
padding: 0px 0 0px 10px;
margin-top: -6px;
}

.dossier-list img {
float: left;
}

#main-content .dossier-list .job-description {
width: 320px;
float: left;
font-family: 'Oswald', sans-serif;
margin: 0 20px 0 0;
}



#main-content .dossier-list .job-description ul, #main-content .dossier-list .job-description p {
font-family: 'Oswald', sans-serif;
font-size: 13px;
line-height: 1.2em;
margin: 20px 0 0 40px;
}

#main-content .dossier-list .job-description p {
line-height: 1.5em;
}

#main-content .dossier-list .job-description ul li {
margin: 0 0 10px 0;
}

#main-content .dossier-list .loc-contact {
width: 184px;
float: left;
}


#main-content .dossier-list .loc-contact p {
width: 168px;
}

#main-content .dossier-list .loc-contact h5 {
color: #B8B3AA;
text-transform: uppercase;
font-size: 13px;
margin: 19px 0 0 0;
}


#main-content .dossier-list .loc-contact h5+p {
font-family: 'Oswald', sans-serif;
margin: 0 0 0 0;
font-size: 13px;
line-height: 1.3em;
}

#main-content .dossier-list .loc-contact h6 {
font-family: 'Oswald', sans-serif;
margin: 10px 0 -13px 0;
font-size: 13px;
}

#main-content .dossier-list .loc-contact h6 span {
color: #B8B2AA;
text-transform: uppercase;
font-size: 11px;
}


/***  NEWS & EVENTS ***/

#main-content h1 {
font-size: 14px;
text-transform: uppercase;
}

#main-content h1+p {
color: #00315F;
font-size: 18px;
line-height: 1.3em;
width: 657px;  
}

ul.news-list li h4 {
font-size: 16px;
font-family: 'Oswald', sans-serif;
margin: 0 0 -10px 0;
line-height: 1.4em;
}

ul.news-list li h4 a {
text-decoration: none;
}

ul.news-list li h4 a:hover {
text-decoration: underline;
}

ul.news-list li p {
margin: -10px 0 0 0;
}

.ncffa-event {
width: 735px;
float: left;
margin: 0 0 0 5px;
}

.ncffa-event .date {
float: left;
width: 124px;
height: 25px;
background: #C9C3B7;
margin: 0 6px 0 0;
}

.ncffa-event .date h6  {
font-size: 14px;
color: #FFF;
margin: 2px 0 0 10px;
}


#main-content .ncffa-event .date p {
font-size: 20px;
margin: 12px 0 0 10px;
}

.ncffa-event .details {
float: left;
width: 392px;
margin-right: 2px;
}

.ncffa-event .details h6 {
color: #FFF;
background: #C9C3B7;
height: 25px;
margin: 0 6px 0 0;
padding: 0 0 0 10px;
width: 378px;
}

.ncffa-event .details h5 {
margin: 10px 6px -8px 0;
padding: 3px 0 0 10px;
color: #332C2C;
font-size: 15px;
}

#main-content .ncffa-event .details h5 a {
color: #332C2C;
text-decoration: none;
}

#main-content .ncffa-event .details h5 a:hover {
text-decoration: underline;
}

.ncffa-event .details p {
padding: 0px 0 0 10px;
margin: 0px 6px 0 0;
}

.ncffa-event .contact {
float: left;
width: 124px;
height: 25px;
background: #C9C3B7;
margin: 0 6px 0 0;
}

.ncffa-event .contact h6  {
font-size: 14px;
color: #FFF;
margin: 2px 0 0 10px;
}

#main-content .ncffa-event .contact p {
font-size: 14px;
margin: 12px 0 0 10px;
width: 101px;
}

#main-content .ncffa-event .contact p span {
display: block;
}

#main-content .yellow-band {
background: url(../../i/templates/news/yellow-band.png) no-repeat;
width: 735px;
height: 33px;
font-size: 14px;
color: #ECEAE1;
text-transform: uppercase;
padding: 10px 0 0 10px;
position: relative;
left: -5px;
}



#sub-nav ul#nav-sub li.here a {
color: #ECEAE1;
}

#sub-nav ul#nav-sub li.here ul li a {
color: #519FE5;
}

/** MODULES **/

p.getinvolved a {
display: block;
width: 203px;
height: 199px;
text-indent: -9999px;
background: url(../../i/templates/modules/get-involved-mod.jpg) bottom left no-repeat;
margin: 20px 0 0 0;
}

p.teachersmod a {
display: block;
width: 203px;
height: 199px;
text-indent: -9999px;
background: url(../../i/templates/modules/teachers-mod.jpg) bottom left no-repeat;
margin: 20px 0 0 0;
}

p.studentmod a {
display: block;
width: 203px;
height: 199px;
text-indent: -9999px;
background: url(../../i/templates/modules/student-mod-side.jpg) bottom left no-repeat;
margin: 20px 0 0 0;
}


p.becomeamember a {
display: block;
width: 203px;
height: 199px;
text-indent: -9999px;
background: url(../../i/templates/modules/become-a-member.jpg) bottom left no-repeat;
margin: 20px 0 0 0;
}


p.ncstatefeature a {
display: block;
width: 204px;
height: 95px;
text-indent: -9999px;
background: url(../../i/templates/modules/ncstate-mod.jpg) bottom left no-repeat;
margin: 20px 0 0 0;
}


p.joinusihigh a {
display: block;
width: 205px;
height: 73px;
text-indent: -9999px;
background: url(../../i/templates/modules/ihigh-mod.jpg) bottom left no-repeat;
margin: 20px 0 0 0;
}


div.twittersidemod {
display: block;
width: 205px;
min-height: 180px;
background: #FFF url(../../i/templates/modules/twitter-mod-background.gif) top left no-repeat;
margin: 20px 0 0 0;
color: #00437F;
}

div.twittersidemod p.tweet {
font-size: 12px;
margin: 0px 0 0 10px;
position: relative;
top: 60px;
line-height: 1.3em;
}

div.twittersidemod p.tweet-date {
font-size: 11px;
position: relative;
left: 10px;
top: 90px; 
} 


#sub-nav .blogsidemod {
background: url(../../i/templates/modules/blog-mod-bg.jpg) 0px 0px no-repeat;
width: 205px;
height: 270px;
display: block;
text-decoration: none;
margin: 20px 0 0 0;
}

#sub-nav .blogsidemod h3 {
text-decoration: none;
font-size: 28px;
font-family: 'Alice', serif; 
color: #78726C;
line-height: 1.3em;
letter-spacing: .01em;
position: relative;
top: 85px;
left: 22px;
}

#sub-nav .blogsidemod a:hover h3 {
text-decoration: underline;
}

#sub-nav .blogsidemod p {
text-transform: uppercase;
color: #78726C;
position: relative;
top: 76px;
left: 22px;
font-family: 'Oswald', sans-serif;
font-size: 12px;
}

#sub-nav .blogsidemod a {
text-decoration: none;
display: block;
width: 205px;
height: 270px;
}