/******************************************************************************
Filename:        /global/ screen.css
Project:        NC Technology Association (NCTA)
Purpose:           NCTA Site Styles
Date            Developer    Description
11/05/2008        wch            Version 1.0
******************************************************************************/

/******** BEGIN:  SITE-WIDE STYLES ********/

html, body{background:#01172B; margin:0; padding:0; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:10px; color:#3C434C;}
body{padding-bottom:40px;}
p{margin:15px 0 0 0; font-size:11px; line-height:1.5em;}
a{color:#0D5CA3;text-decoration:none;}
a:hover{color:#9B1010;} 
a:active{color:#0D5CA3;}   
img{border:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

h1,h2,h3,h4{letter-spacing:0.065em; font-weight:bold;}
h1{font-size:16px; color:#00539A;}
h2{font-size:14px; color:#00539A;}
h3{font-size:12px; color:#3C434C;}
h4{font-size:11px; color:#3C434C;}
td{padding:0 30px 0 0;}

ol,ul{padding:20px 0px 10px 10px;}
li{font-size:11px;padding-bottom:8px;}
.bullet{list-style-image:url('../images/global/bullet.gif');line-height:1.5em;}
.blueText{color:#00539A;}
span.hidden{display:none}

/******** END:  SITE-WIDE STYLES ********/

/******** BEGIN:  MAIN STRUCTURE STYLES ********/
/* site container, content container, and content wrapper(padding & margining) */
#container{padding:0; background:#FFFFFF url('../images/global/topBorder.gif') 0 0 repeat-x;}
#contentContainer{positon:relative; width:980px; margin:0 auto 0 auto; padding:0; background: url("../images/global/page-bg.gif") 0 0 repeat-y;}
#contentWrapper{margin:0; padding:0 5px 0 5px; background: url("../images/global/pageTop.gif") 0 0 no-repeat; }
#content{padding:0 0 40px 0;}
/******** END:  MAIN STRUCTURE STYLES ********/

/******** BEGIN:  HEADER STYLES ********/
#logo{float:left; margin:0; padding:0;}
#headerContainer{positon:relative; width:980px; margin:0 auto 0 auto; padding:0;}
#headerWrapper{margin:0 0 0 0; padding: 8px 0px 0 5px;}
#header{width:976px; height:139px; background:url('../images/global/header/header-bg.gif') 0 0 repeat-x;}
#headerMsg{float:right; margin:77px 17px 0 0;}


/******** BEGIN:  TOP NAV STYLES ********/
#topnavContainer{float:right; clear:right; width:750px; margin:12px 0 0 0; background:#24549B url('../images/global/topNav/tabCurve.gif') 0 0 no-repeat;}
#topnavWrapper{height:30px; background:url('../images/global/topNav/rightShadow.gif') 100% 0 no-repeat;}
#topnav{padding:10px 40px 0 0; text-align:right;}
#topnav a{color:#DCE4F2; font-size:11px; font-weight:bold; margin-left:26px; padding:0; }
#topnav a:hover{color:#FFFFFF;}
/******** END:  TOP NAV STYLES ********/

/******** END:  HEADER STYLES ********/


/************ BEGIN: LEFTNAV **********/
#leftnavWrapper{float:left; padding:40px 0 0 20px;}
#leftnav{width:150px;text-align:right;}
#leftnav a{display:block; margin:10px 0 0 0; color:#0D5CA3;}
#leftnav a:hover{color:#9B1010;}
#leftnav a:active {color:#9B1010;}
/************ END: LEFTNAV **********/


/******** BEGIN:  HOME CONTENT STYLES ********/
#content.home{height:213px; padding:0 0 15px 0; margin:0;}
html > body #content.home{height:auto; min-height:213px;}

#impactContainerHome{width:970px; height:260px; margin:0;}
#impactWrapperHome{padding:5px 5px 5px 0;}
#impactImage{width:601px; height:250px; float:left;}
#impactCopy{float:right; width:355px; height:248px; background:#FFFFFF; border:1px solid #DEDEDE;}


#impactHeading{margin:20px 0 20px 20px;}
.largeHeading{font-size:24px; font-weight:normal; color:#00539A; margin:0;}
.smallHeading{font-size:14px; font-weight:normal; color:#00539A; margin:0;}
.impact{margin:0 20px 8px 20px; text-align:justify; font-size:11px; line-height:1.5em;}

#accessControlContainer,#videoSecurityContainer,#dataVoiceCablingContainer,#serviceAreaContainer{width:239px; background:url('../images/home/services-bg.jpg') 0 0 repeat-y;}
#content.home .left{margin-right:3px;}
html>body #content.home .left{margin-right:5px;}
#content.home .right{margin:0 0 0 -3px;}
#content.home h2{margin:0; padding:5px 0 0 10px; font-weight: normal;}

#accessControlWrapper,#videoSecurityWrapper,#dataVoiceCablingWrapper,#serviceAreaWrapper{height:230px; background: url('../images/home/servicesTop.jpg') 0 0 no-repeat;}
#accessControl,#videoSecurity,#dataVoiceCabling,#serviceArea{ height:230px; background: url('../images/home/servicesBottom.jpg') 0 100% no-repeat;}

.accessControlList{margin-left:30px;}
.accessControlList a{font-size:11px; color:#3C434C;}
.accessControlList a:hover{color:#9B1010;}
.videoSecurityList{margin-left:30px;}
.videoSecurityList a{font-size:11px; color:#3C434C;}
.videoSecurityList a:hover{color:#9B1010;}
.dataVoiceCablingList{margin-left:30px;}
.dataVoiceCablingList a{font-size:11px; color:#3C434C;}
.dataVoiceCablingList a:hover{color:#9B1010;}

#serviceMapWrapper{width:204px; margin:15px auto 0 auto;}
.serviceArea{margin:10px 0 10px 0;}
.serviceArea td{padding:0 0 2px 30px; font-size:10px; font-weight:normal; color:#9B1010; text-align:left; letter-spacing:0.0em;}
.serviceRequest{ text-align:center;}

/************ END: HOME CONTENT STYLES ************/


/******** BEGIN:  INTERIOR CONTENT STYLES ********/

#impactInterior{width:970px; height:128px; margin:0 auto 0 auto; background:#000000 url("../images/interiorImpact.jpg") 2px 1px no-repeat;}
#interiorContentContainer{float:right; padding:20px 215px 0 30px;}
#content.interior{width:550px; height:220px;}
html > body #content.interior{height:auto; min-height:220px;}
#affiliates,#partnerVenderAffiliates{padding-top:40px;vertical-align:middle;text-align:center; }
#affiliates td,#partnerVenderAffiliates td{padding:10px 15px 25px 10px;}
#partnerVenderAffiliates.partners{margin-top:10px;}
#partnerVenderAffiliates .partners td{padding:0; }
.partners img{padding:0;}
.contentImage{padding:20px 25px 10px 25px;}
#clientImgTable{vertical-align:middle;text-align:center;}
#clientImgTable th{padding-top:40px;font-size:14px; font-weight:bold;}
#clientImgTable td{padding:10px 15px 25px 10px;}
.sitemap{padding-left:50px;}
.sitemapList{padding-left:30px;}
.sitemapList a{font-size:11px; color:#3C434C;}
.sitemapList a:hover{color:#9B1010;}
/************ END: INTERIOR CONTENT STYLES ************/

/************ BEGIN: FOOTER STYLES **********/
#footerWrapper{position:relative; width:980px; margin:0 auto 0 auto; padding:15px 0 0 0; background:url("../images/global/footer/footer-bg.jpg") 0 0 repeat-y;}
#footerContainer{width:980px; margin:0 auto 0 auto; padding:0 0 15px 0; background:url("../images/global/footer/footer-bottom.jpg") 0 100% no-repeat;}

#footer{width:941px; margin:0 auto 0 auto; background:url("../images/global/footer/footerContent-bg.jpg") 0 0 repeat-y;}
#footerContent{width:941px; height:70px; margin:0 auto 0 auto; padding:0 0 0 0; background:url("../images/global/footer/footerContent-bottom.jpg") 0 100% no-repeat;}
html > body #footerContent{height:auto; min-height:70px;}


#footer h3.contact{margin:15px 20px 0 20px; padding:0 0 0 0; font-weight:normal; color:#5E7B8E; border-bottom:1px solid #223B4E;}
#about h1,#about h3{line-height:1.2em; padding-top:15px; margin:0 0 0 20px; color:#5E7B8E;}
#footer p, #footer table{margin:8px 0 0 20px; padding:8px 0 0 0; color:#5E7B8E;}
.footerInfo{height:70px;font-size:11px; line-height:1.5em;}
html > body .footerInfo{height:auto; min-height:70px;}
#about{float:left; width:540px; font-size:10px;}
#contact{float:right; width:375px; font-size:10px;}
#contact a{font-size:11px; font-weight:normal; color:#5E7B8E;}
#contact a:hover{color:#FFFFFF;}
#footerUtility{height:10px;}
#footerLinks, #sitemap{float:left; padding:5px 10px 0 20px; color:#E6E6E6;}
#footerLinks a, #sitemap a{padding:0 4px 0 4px; color:#C6C6C6; font-weight:normal; font-size:10px}
#footerLinks a:hover, #sitemap a:hover{ color:#0A416B;}
#sitemap{float:right; padding-right:20px;}
#footerBottom{width:970px; margin:0 auto 0 auto; padding-top:8px;}
#copyright{float:left; padding-left:10px; color:#5E7B8E;}
#beaconInfo{float:right;padding-right:10px; color:#0C1D34;}
#beaconInfo a{ color:#0C1D34;}
#beaconInfo a:hover{color:#5E7B8E;}
/************ BEGIN: FOOTER STYLES **********/


/** added by NOR for forms **/
#content table.formTable td{vertical-align:top; padding:0 5px 15px 5px;}
#content table.formTable td.formHeading{vertical-align:top; padding:15px 5px 5px 5px;}
#content table.formTable td.formHeading h5{background:#BFD1DD; padding:5px;}
#content .label{text-align:right; font-family: Verdana, Helvetica, Arial, _san; font-weight:bold;padding-right:5px;}
#content .labelL{text-align:left; font-family: Verdana, Helvetica, Arial, _san; font-weight:bold;padding-right:5px;}
#content input.field{height:14px; font-size:12px; background:#E5E4D8; border:1px solid #7f9db9;}
#content input.radio{ margin-left:0; margin-right:0; margin-top:-4px; padding:0; vertical-align:middle;}
html > body #content input.radio{vertical-align:bottom; margin-top:0;}
#content input.check_box{vertical-align:middle; margin-top:-3px;}
html > body #content input.check_box{margin-top:0px;}
#content select{height:14px; font-size:9px; background:#E5E4D8; border:1px solid #7f9db9;}
html > body #content select{height:19px;}
#content .example{font-size:9px;}
#formTable td{padding:0;}