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

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


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

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


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


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


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

#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/programs/programs-footer.png) -9px 10px no-repeat;
position: relative;
width: 1187px;
height: 305px;
left: -105px;
top: 0px;
padding: 0px 0 0 0;
}

#site-info h6 { s
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 h1 {
font-size: 14px;
text-transform: uppercase;
}

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


#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;
}

#main-content h6 {
color: #C2A300;
font-size: 16px;
}

#main-content h6+p{
font-size: 15px;
font-family: 'Oswald', sans-serif;
line-height: 1.5em;
font-weight: normal;
}

table {
font-family: 'Alice', serif; 
}



tr:nth-of-type(odd) {
  background-color:#ccc;
}



/***  ***/

#sub-nav ul#nav-sub {
width: 186px;
min-height: 14px;
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;
}


#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;
}