/* CSS Text Format Document */ #mainNav{ /* Place all of the following in text layer */ text-align: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; padding-left:20px; } /*----Main Navigation Layer menu settings---*/ ul#nav, ul#nav li { margin: 0; padding: 0; } ul#nav { position: relative; height: 27px; margin-top:25px; padding-right:35px; } ul#nav li { display: inline; list-style-type: none; margin: 0; } ul#nav li a:link, ul#nav li a:visited { margin: 0; padding: 3px 6px 0px 6px; background-color: transparent; color: #442A18;/*browm*/ font: 12px/25px Arial, Verdana, Helvetica, sans-serif; font-weight:bold; text-decoration: none; } ul#nav li a:hover { color: #EBE3CB;/*cream*/ } ul#nav li a:active { background-color: #425953; color: #fff; } /* "You Are Here" selectors These selectors set the current tab in the navigation, based on the ID of the tag */ body#home ul#nav li#home a, body#about ul#nav li#about a, body#programs ul#nav li#programs a, body#events ul#nav li#events a, body#getinvolved ul#nav li#getinvolved a, body#gallery ul#nav li#gallery a, body#contact ul#nav li#contact a { margin-left: 1px; margin-right: 1px; color: #FFF /*white*/ } #fdrcWelcome { font-family:: Arial, Verdana, Helvetica, sans-serif;/* "Myriad Pro",*/ font-size:45px; color:#FFFFFF; } .headerPhoto, .headerPhotoOrange{ line-height:.03em; margin-top:15px; font-size:30px; font-family:Arial, Helvetica, sans-serif; text-align: left; } .headerPhoto{ color:#FFFFFF; padding-left:117px; } .headerPhotoOrange { color:#F28C28; } /*----Formats header similar to H1 on home page---*/ .homeSectionHeader, .subHeader, .homeSectionHeader a, .eventLocation, .eventDate{ font-family:"Myriad Pro",Arial, Helvetica, sans-serif; color:#F69931; font-size: 32px; text-align:left; } .subHeader{ font-size: 20px; } .eventLocation, .eventDate{ font-size: 16px; color: #7d7d7d; } .homeSectionHeader a{ text-decoration:none; } /*----Formats text within individual sections onf homepage---*/ .homeSectionText, .insideSection, .programSection, .leftProgramSection, .rightProgramSection, .homeSectionText a{ /*color: #7d7d7d; original gray*/ color:#442A18;/* fdrc browm*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; /*text-justify:distribute;*/ line-height:1.45em; word-spacing: 3px; } .homeSectionText a, .homesSectionText a:visited{ color:#F18C28;/*FDRC Orange*/ } /*----Headings in side bar and months in calendar---*/ .sideBarHeading, .sideBarMonth{ color:#442A18; /* FDRC browm*/ font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .sideBarHeading{ font-size:16px; } .sideBarMonth{ font-size:14px; } /*----Default SideBar Text Settings---*/ .sideBarText, #sideBarContain{ color:#442A18;/* FDRC brown*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; } .leftProgramSection, .rightProgramSection{ color:#333333; } /*----SideBar Get involced button---*/ #sideGetInvolved{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:fff; padding-top:12px; } /*----SideBar Text for Calendar---*/ .sideBarDate{ color:#CCC3AE; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .sideBarEventTitle, .sideBarEventDesc, .sideBarEventTitle a, .sideBarEventDesc a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; } .sideBarEventTitle, .sideBarEventTitle a{ font-weight:bold; color:#F18C28;/*FDRC Orange*/ } .sideBarEventTitle a:hover{ color:#fff; } .sideBarEventDesc{ color:#442A18;/* FDRC brown*/ } .sideBarNoEvent{ background-color:#FFF9A8; color:#442A18;/* FDRC brown*/ font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; } /*----footer text format;---*/ .footer{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:155px; padding-top:10px; } /*---- Use this class to format Form elements and text ---*/ .wFormContainer/*Used to format entire form ie text*/{ font-family: "Myriad Pro",Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; } #contactform /*Used to format entire form ie text*/ { font-family: "Myriad Pro",Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; } .element /*used to format textfields and other elements ----*/ { font-family:"Myriad Pro",Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border-width:1px; border-color:#303030; height:18px; background-color:#666666; } .element2, .commentelement /*used to format textfields and other elements sitepoint has good tutorial on this*/ { font-family:"Myriad Pro",Arial, Helvetica, sans-serif; font-size:12px; color:#000; border-width:1px; border-color:#303030; height:16px; width:155px; background-color:#F6F6F6; } .element2{ height:16px; } .commentelement /*us for comment box only */{ height:75px; width: 250px; } .primaryAction/*use for buttons only */ { margin-top:5px; font-family:"Myriad Pro",Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; border-width:1px; border-color:#442A18;/* FDRC brown*/ background-color:#F18C28;/* FDRC Orange */ } .secondaryAction /*use for reset buttons only */ { font-family:"Myriad Pro",Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; border-width:1px; border-color:#303030; background-color:#666666; }