 /******************************************************************************
Filename:		/global/ screen.css
Project:		NC Technology Association (NCTA)
Purpose:		NCTA Site Styles
Date			Developer	Description
11/05/2008		wch			Version 1.0
11/13/2008		rlb			finish initial version
******************************************************************************/

/******** BEGIN:  SITE-WIDE STYLES ********/

html, body { background:#071426; color:#3D464C; margin:0; padding:0; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:11px; }
p, td { margin:15px 0 0 0; font-size:100%; color:#3D464C; line-height:1.65em; }
td p { font-size:10px; }
a { text-decoration:none; font-size:100%; color:#858B27; }
img { border:none; }
.clear { clear:both; }
h1, h2, h3, h4 { font-weight:bold; letter-spacing:0.055em; }
h1 { font-size:160%; color:#FFFFFF; }
h2 { font-size:160%; color:#0079C1; }
h3 { font-size:130%; color:#3D464C; }
h4 { font-size:110%; color:#3D464C; }
td { padding:0 30px 0 0; font-size:90%; }
a.screenreaderNavAnchor { display:none; }
blockquote { font-style:italic; font-size:100%; }
ul { list-style-image:url("../images/global/bullet.gif"); }
li { line-height:1.5em; margin-bottom:10px; font-size:100%; }
li li { font-size:100%; }
td li { font-size:100%; }
#mapAccess { padding:15px 0px 10px 18px; color:#3D464C; font-size:100%; width:540px; margin-bottom:10px; }
#mapAccess a { color:#3D464C; font-size:100%; }
#mapAccess table { padding:0 0 0 0; margin:10px 20px 5px 20px; color:#626668; }
#About-NCTA { float:left; }
#About-NCTA td { font-size:100%; }
#copyright, #beaconInfo { color:#A7A7A8; font-size:90%; padding-left:18px; }
#beaconInfo { float:right; }
#beaconInfo a { color:#A7A7A8; }
/******** END:  SITE-WIDE STYLES ********/

/******** BEGIN:  MAIN STRUCTURE STYLES ********/
/* site container, content container, and content wrapper(padding & margining) */
#container { padding:0 0 0 0; background:#F8FCFF url('../images/global/topBorder.gif') 0 0 repeat-x; }
#contentContainer { position:relative; width:980px; height:400px; margin:0 auto 0 auto; padding:0 0 1px 0; background:#E1F4FD url("../images/global/page-bg.gif") 0 0 repeat-y; }
html > body #contentContainer { height:auto; min-height:400px; }
#contentWrapper { position:relative; top:99px; left:12px; width:955px; margin:0 0 116px 0; clear:both; }
#content { padding:10px 12px 40px 13px; }
#contentInterior { float:right; width:475px; padding:20px 35px 30px 0; }
#contentSeparator { height:10px; }
/******** END:  MAIN STRUCTURE STYLES ********/


/******** BEGIN:  HEADER STYLES ********/
#logo { position:absolute; top:27px; left:38px; }
#printLogo { display:none; }
#headerContainer { background:url("../images/global/topBorder.gif") 0 0 repeat-x; position:absolute; top:0; width:980px; }
#headerWrapper { padding: 3px 0 0 0; height:117px; }
#header { margin:10px 0 0 0; background:#E1F4FD url("../images/global/page-bg.gif") 0 0 repeat-y; }
/******** BEGIN:  UTILITY AREA STYLES ********/
#utilityContainer { background:url("../images/global/utilityNav/utility-BG.gif") 0 0 no-repeat; float:right; width:397px; margin:-3px 13px 0 0; height:67px; }
/*\*/ * html #utilityContainer { margin-right:6px }/*end*/ /*for IE6*/
#utilityWrapper { margin:0 13px 0 0; padding:12px 0 0 12px; }
#utilitynav { font-size:140%; color:#ffffff; }
#utilitynav a { background:url("../images/global/utilityNav/utility-divide.gif") bottom right no-repeat; font-weight:bold; font-size:65%; color:#ffffff; padding:10px 7px 0px 0px; margin:0px 7px 0px 0px; }
#utilitynav a#join { color:#FFB522; }
#search { float:right; height:16px; width:145px; margin-top:-1px; margin-right:-3px; padding:0px 0px 2px 0px; }
*:first-child+html #search { height:17px; margin-top:-3px; margin-right:-5px; }/* for IE7*/
/*\*/ * html #search { margin-top:-3px; margin-right:-3px; height:5px; }/*end*/ /*for IE6*/
.searchFieldStatic { background:transparent; width:114px; height:13px; color:#4287B2; font-size:70%; margin:2px 6px 0px 2px; padding-left:3px; border:none; }
/*\*/ * html #search { padding-left:1px; }/*end*/ /*for IE6*/
#submitBtnStatic { padding-top:2px; }
/******** END:  UTILITY AREA STYLES ********/

/******** BEGIN:  TOP NAV STYLES ********/
/*#topnavContainer{float:right; margin:0 13px 0 0; background:#EA6911;}*/
#topnavContainer { position:absolute; top:67px; right:13px; }
#topnavWrapper { }
#topnav { }
/******** END:  TOP NAV STYLES ********/
/******** END:  HEADER STYLES ********/


/************ BEGIN: SECTION HEADING **********/
#headingWrapper { margin:0 10px 0 10px; background:#E1F4FD; }
#sectionHeading { float:left; width:200px; height:85px; background:#0079C1; }
html > body #sectionHeading { height:auto; min-height:85px; }
#sectionHeading h1 { padding: 55px 0 10px 15px; margin:0 0 0 0; color:#FFFFFF; }
#pageHeading { float:left; width:500px; height:85px; padding: 0 0 0 0; margin:0 0 0 0; background:#E1F4FD; }
html > body #pageHeading { height:auto; min-height:85px; }
#pageHeading h2 { padding: 55px 0 10px 15px; margin:0 0 0 0; }
#headingImg { float:right; margin:0 0 0 0; }
/************ BEGIN: SECTION HEADING **********/

/************ BEGIN: LEFTNAV **********/
#leftnavWrapper { float:left; width:185px; padding:10px 12px 50px 10px; }
#leftnavContainer { }
#leftnav {; border:1px solid #ff0000; }
#leftnav a { color:#0079C1; display:block; margin:26px 0 0 18px; }
#leftnav a.on { color:#9EA517; }
.leftNav1On, .leftNav1Off { display:block; margin:26px 0 0 18px; }
.leftNav2On, .leftNav2Off { display:block; margin:10px 0 0 30px; }
.leftNav3On, .leftNav3Off { display:block; margin:10px 0 0 40px; }
.leftNav2On { background:url("../images/global/leftNav/leftNav2On.gif") 0px 3px no-repeat; padding:0px 0 0 12px; }
.leftNav2Off { background:url("../images/global/leftNav/leftNav2Off.gif") 0px 3px no-repeat; padding:0px 0 0 12px; }
.leftNav3On { background:url("../images/global/leftNav/leftNav3On.gif") 0px 3px no-repeat; padding:0px 0 0 12px; }
.leftNav3Off { background:url("../images/global/leftNav/leftNav3Off.gif") 0px 3px no-repeat; padding:0px 0 0 12px; }
.leftNav1On a, .leftNav2On a, .leftNav3On a { color:#9EA517; font-size:120%; }
.leftNav1Off a, .leftNav2Off a, .leftNav3Off a { color:#0079C1; font-size:120%; }
.leftNav1Off a:hover, .leftNav2Off a:hover, .leftNav3Off a:hover { color:#9EA517; }
/************ END: LEFTNAV **********/

/************ BEGIN: RIGHT NAV **********/
#rightNavWrapper { float:right; width:210px; margin:0px -4px 0px 0px; padding:15px 0px 50px 5px; }
.rightNavContainer { }
.rightNavBox { border:1px solid #90A7B2; width:185px; }
.rightNavBox img { border:none; margin:16px 0px 0px 17px; }
.rightNavTitle { color:#ffffff; width:172px; position:relative; top:15px; margin:12px 0px 0px 6px; font-size:130%; font-weight:bold; text-align:center; padding-top:3px; }
#rightNavTitleBlue { background:#0079C1; height:23px; padding-top:3px; }
#rightNavTitleGreen { background:#9FA617; height:23px; padding-top:3px; }
#rightNavTitleOrange { background:#EA6911; height:23px; padding-top:3px; }
.rightNavContent { padding:10px; }
.rightNavContent p { margin-top:10px; font-size:85%; color:#626668; }
.rightNavContent p a{color:#626668; text-decoration:none;}
/************ END: RIGHT NAV **********/

/************ END: INTERIOR CONTENT STYLES ************/

/************ BEGIN: FOOTER STYLES **********/
#footerWrapper { position:relative; width:980px; margin:0 auto 30px auto; background:#E1F4FD url("../images/global/page-bg.gif") 0 0 repeat-y; }
#footerContainer { height:265px; padding:0 23px 15px 22px; background: url("../images/global/pageBottom.gif") 0 100% no-repeat; }
html > body #footerContainer { height:auto; min-height:265px; }
#footer { background:#E1F4FD; padding:0px; }
#footer h3, #footer p { padding:0 0 0 0; margin:10px 20px 5px 20px; color:#626668; }
#footer h3 { font-size:140%; }
#footer p { margin-left:30px; font-size:110%; }
#footer table#footerBoxes { margin:0px 0px 0px 0px; padding:0px; }
#footer #footerBoxes td { padding:0px 0px 10px 0px; }
.footerInfo { background:#E8F6FE; height:161px; border: 1px solid #ffffff; color:#626668; }
html > body .footerInfo { height:auto; min-height:161px; }
.footerInfo a { color:#626668; font-size:110%; line-height:1.5em; }
#mission { width:318px; }
#partners { width:298px; }
#contact { width:238px; }
.partnerListing { float:left; display:block; width:119px; padding-left:30px; }
.partnerListing a { color:#626668; font-size:110%; line-height:1.5em; }
/************ END: FOOTER STYLES **********/

/************ BEGIN: PARTNER LISTING STYLES **********/
.partnerCompany { border-bottom:1px solid #E1F4FD; margin-bottom:1px; padding:0px 5px 5px 5px; width:475px; }
.partnerLogo { width:210px; float:left; }
.link { width:250px; margin-left:220px; margin-bottom:0px; padding-top:20px; }
.summary { width:250px; margin-left:220px; margin-top:0px; }
/************ END: PARTNER LISTING STYLES **********/


/************ BEGIN: HOME PAGE STYLES **********/
body.home #contentContainer { min-height:770px; padding-bottom:0px; height:770px; }
/*\*/ * html body.home #contentContainer { margin-bottom:-45px; }/*end*/ /*for IE6*/
body.home #contentWrapper { margin-top:14px; }
body.home #headingWrapper { background:none; }
#impactArea { float:left; width:650px; }
#impactArea .nav { height:42px; background:url("../images/global/home/impact-area-nav_bg.gif") no-repeat; }
#impactArea .nav div { float:left; width:320px; padding-top:9px; background:url("../images/global/home/impact-area-nav-bullet.gif") no-repeat 15px 9px; }
#impactArea .nav a { display:block; padding:2px 0 5px 45px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#DB4F09; font-family:Trebuchet MS; }
#impactImage { margin-left:3px; }
#partnerSpotlight { float:right; width:285px; }
#partnerTitle { background:url('../images/global/home/partners.png') no-repeat; font-family:Verdana; color:#ffffff; font-size:14.5px; font-weight:bold; text-align:left;width:285px;height:30px; }
#partnerLogoContentWrapper { border:1px solid #90A7B2; height:239px; overflow:hidden; }
#partnerLogo { text-align:center; padding:30px 0px 0px 0px; }
#partnerLogo img { }
#partnerContent { font-size:90%; padding:0px 28px 0px 37px; }
#homeContentWrapper { margin-top:7px; }
#homeContentContainer { background:url("../images/global/home/contentBG.gif") 9px 0px repeat-y; margin-top:0px; }
/**BEGIN IMPACT IMAGE CAPTIONS**/
.caption-Top-Left { color:#9FA617; display:block; float:left; font-size:20px; font-weight: bold; margin:-320px 0 0; padding:0 300px 0 25px; position:relative; text-align:left; top:100px; width:316px; height: 50px; }
.caption-Top-Right { color:#ffffff; display:block; float:left; font-size:20px; font-weight: bold; margin:-320px 0 0; padding:0 25px 0 300px; position:relative; text-align:right; top:100px; width:316px; height: 50px; }
.caption-Bottom-Left { color:#DB4F09; display:block; float:left; font-size:20px; font-weight: bold; margin:-160px 0 0; padding:0 300px 0 25px; position:relative; text-align: left; top:100px; width:316px; height: 50px; }
.caption-Bottom-Right { color:#00afe5; display:block; float:left; font-size:20px; font-weight: bold; margin:-160px 0 0; padding:0 25px 0 300px; position:relative; text-align:right; top:100px; width:316px; height: 50px;}
.contentdiv-noscript {margin:-230px 0 -20px 0 ; position: relative; top: 0px; float: left; width: 641px; display: block; height: 232px;}
.annual-investors-text { font-size:12px;
padding:5px;
text-align:center;}
/**END IMPACT IMAGE CAPTIONS**/
/**** BEGIN: EVENTS ****/
#eventsWrapper { float:left; width:331px; padding:0px 0px 10px 9px; }
#eventsContainer { }
#eventsScroll { height:260px; overflow:auto; }
#moreEvents { float:right; margin-top:20px; }
.eventContentWrapper { background:url("../images/global/home/eventTopBottom.gif") top center no-repeat; margin-top:9px; }
.eventContentContainer { }
.event { background:url("../images/global/home/eventTopBottom.gif") bottom center no-repeat; padding:10px; }
.eventDate { float:left; background:url("../images/global/home/eventDateBG.gif") 0 0 no-repeat; color:#ffffff; font-weight:bold; text-align:center; font-size:80%; width:26px; height:30px; }
.month { padding-bottom:4px; }
.day { }
.eventTitleDescWrapper { float:left; margin-left:14px; }
.eventTitle { color:#9FA617; font-weight:bold; font-size:100%; width:250px; }
.eventTitle a { color:#9FA617; }
.eventDesc { color:#231F20; font-size:90%; width:250px; }
/**** BEGIN: FEATURED EVENT ****/
#featuredEventWrapper { float:left; width:314px; padding:0px 0px 50px 1px; }
#featuredEventContainer { overflow:hidden; }
#featuredTitle { }
#featuredImgContainer { text-align:center; margin-top:15px; }
#featuredContent { margin-top:8px; text-align:center; font-size:110%; font-family:'Trebuchet MS', Trebuchet, Helvetica, sans-serif; }
/**** BEGIN: NEWS ****/
#newsWrapper { float:left; width:285px; padding:0px 12px 50px 1px; }
#newsListing { }
.news { background:url("../images/global/home/news-bullet.gif") 0px 12px no-repeat; margin-left:24px; padding:10px 15px 14px 25px; display:block; font-size:100%; }
.news a { color:#231F20; }
.news a:hover { color:#9FA617; }
#nctaNews { float:right; margin-top:4px; }
/************ END: HOME PAGE STYLES **********/

/**** BEGIN: SITEMAP ****/
.sitemapTitle { font-weight:bold; font-size:100%; }
.sitemapTitle a { color:#626668; }
.sitemap1 { margin-left:10px; }
.sitemap1 a { font-size:110%; }
.sitemap1 div img { padding-right:10px; }
.sitemap1 div { margin-bottom:5px; }
/**** BEGIN: STAFF LISTING ****/
.staffLising { border-bottom:1px solid #E1F4FD; margin-top:10px; margin-bottom:1px; padding:0px 5px 0px 5px; width:475px; }
/**** BEGIN:  Polls ****/
.pollQuestion { font-weight:bold; }
/**** END:  Polls ****/
