/*############*/ /*#Start CSS#*/ /*##########*/ /*####################################*/ /*#Start Misc Element Styles/Classes#*/ /*##################################*/ * {/*Global font formatting style*/ font-family: Arial, Helvetica, sans-serif;/*Define font face*/ font-size: 12px;/*Define font size*/ } h1 {/*Global h1 element style*/ font-size:32px; color: #243639; } h2 {/*Global h2 element style*/ font-size:24px; color: #243639; } h3 {/*Global h3 element style*/ font-size:18px; color: #243639; } b {/*Global b element style*/ color: #243639;/*Define text color*/ } .smallp {/*Used on links page*/ border: 1px solid #000; padding-left: 0px; } .smallp p {/*Used on links page*/ margin-top: 2px; margin-bottom: 0px; font-weight: bold; } .nomargin { margin-top: 2px; margin-bottom: 0px; } .nomargin p { margin-top: 2px; margin-bottom: 0px; } .hr hr { display:block !important; color:#FFF; border-color:#FFF; background-color:#FFF; } #map { border-color: #671E15 !important; } /*##################################*/ /*#End Misc Element Styles/Classes#*/ /*################################*/ /*##########################*/ /*#Start Element ID Styles#*/ /*########################*/ body { /*Actual body of document*/ background-color: #bfbfbf !important;/*Define bg image, usually 1px color*/ background-repeat: repeat;/*Required (Repeat 1px bg image)*/ margin: 0px;/*Define body margin, usually 0px*/ padding: 0px;/*Define body padding, usually 0px*/ } #precontain {/*Overall container, put 'top' background here*/ background-image: none;/*Define 'top' bg image*/ background-repeat: repeat-x;/*Stretch 'top' bg image, usually repeat-x*/ } #container {/*2nd Container, put 'page stretch' here and set overall width*/ background-image: url('images/templates/cpa126/mid_stretch.jpg');/*Define page stretch bg image, usually 1px height*/ background-repeat: repeat-y;/*Stretch image down page, usually repeat-y*/ width: 1000px !important;/*Required, overall width of site, usually width of stretch bg image*/ margin-left: auto;/*Required, centers page for Firefox*/ margin-right: auto;/*Required, centers page for Firefox*/ } #page {/*3rd Container, use if needed*/ width: 100%; } /*####################*/ /*#Start Header Area#*/ /*##################*/ #header_area {/*Container for header contents, specify total header height here*/ background-image: url('images/templates/cpa126/header.jpg');/*Define bg image for header area*/ background-repeat: no-repeat;/*Repeat bg image, usually no-repeat*/ width: 100%;/*Define width of header area, usually 100%*/ height: 225px;/*Define height of header area, usually height of bg image*/ } #header_name {/*Area for header text, also area for flash header*/ font-family: Trajan Pro, Georgia; font-size: 32px;/*Define base font size of header text, usually 28px*/ text-align: center;/*Define text alignment of header text, usually left*/ color: #243639;/*Define text color of header text*/ float: left;/*Required for this design, use instead of large padding/margin to move text far to the right*/ padding-right: 0px;/*Required, aligns text within design area*/ padding-top: 40px;/*Required, aligns text within design area*/ width: 470px;/*Required, aligns text within design area*/ height: 120px;/*Required, aligns text within design area*/ padding-left:0px; font-weight:bolder; } #head_links {/*Area for horizontal links*/ display: none;/*Define if horizontal links are visible, usually none*/ } #leftmenu_area {/*Container for left menu, minicontent, and services menu*/ background-image: none; width: 230px;/*Define width of container, usually ~20% of page width*/ float: left;/*Required, positions container to the left of page*/ position: relative;/*Required*/ z-index: 2;/*Required*/ padding-left: 0px;/*Required, moves container out of side shadow*/ height:auto; background-repeat:no-repeat; margin:0px; padding:0px; } /*##########################*/ /*#Start Left Minicontents#*/ /*########################*/ #bottomleft1 {/*Usually services menu area*/ display: none !important;/*Make container visible*/ width: 95%;/*Define width of container*/ margin-top:15px;/*Define margin to space from above content*/ padding-left:7px; } #bottomleft2 {/*Usually RSS feed area*/ display: none !important;/*Make container visible*/ width: 95%;/*Define width of container*/ margin-top:15px;/*Define margin to space from above content*/ padding-left:7px; } #minirssfeeds {/*Mini RSS feed text style*/ color: #FFF;/*Define text color*/ } #minirssfeeds a {/*Mini RSS feed link unvisited style*/ color: #fff;/*Define text color*/ text-decoration: none;/*Define underline or not*/ } #minirssfeeds a:hover {/*Mini RSS feed link hover style*/ color: #fff;/*Define text color*/ text-decoration: underline;/*Define underline or not*/ } #minirssfeeds a:visited {/*Mini RSS feed link visited style*/ color: #fff;/*Define text color*/ text-decoration: underline;/*Define underline or not*/ } #minirssfeeds b {/*Mini RSS feed bold style*/ color: #fff;/*Define text color*/ } #expandlink a {/*Mini RSS feed expand link style*/ display:block;/*Required*/ width:90%;/*Required*/ margin-top:3px;/*Define margin from actual RSS iframe*/ text-decoration:none;/*Define underline or not*/ border:2px solid #FFF;/*Define border*/ background-color: #293c4d;/*Define background color*/ font-weight:bold;/*Define bold or not, usually bold*/ color: #FFF;/*Define text color*/ font-size:14px; } #expandlink a:visited { color: #FFF; } /*########################*/ /*#End Left Minicontents#*/ /*######################*/ #content_area {/*Container for content*/ width: 749px;/*Define width, usually ~50% of page width*/ float:left; min-height: 343px;/*Define minimum height, usually height of content bg image if set*/ background-repeat:no-repeat; margin:0px; padding:0px; } .content1 {/*Content*/ position: relative;/*Required*/ text-align: justify;/*Define content's alignment of text*/ width: 90%;/*Define width of content in relation to #content_area, usually 95-100%*/ color: #000;/*Define text color*/ word-wrap: break-word;/*Required*/ padding-left: 35px;/*Moves content out of divider*/ } /*####################*/ /*#Start Link Styles#*/ /*##################*/ .content1 a {/*Content link style*/ color: #243639;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: none;/*Define underline or not*/ } .content1 a:hover {/*Content link hover style*/ color: #243639;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: underline;/*Define underline or not*/ } .content1 a:visited {/*Content link visited style*/ color: #243639;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: underline;/*Define underline or not*/ } .minicontent a {/*Minicontent link style*/ color: #fff;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: none;/*Define underline or not*/ } .minicontent a:hover {/*Minicontent link hover style*/ color: #fff;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: underline;/*Define underline or not*/ } .minicontent a:visited {/*Minicontent link visited style*/ color: #fff;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: underline;/*Define underline or not*/ } #miniservicescontact a { color:#243639; font-weight:bold; } /*##################*/ /*#End Link Styles#*/ /*################*/ #rightmenu_area {/*Container for right menu and minicontent*/ background-image: url('images/cpanew1blue/blue-steel_panels_03.jpg'); width:165px; float: right;/*Positions container next to the right of content*/ position: relative; z-index: 2; background-repeat:no-repeat; padding:0px; margin:0px; display:none !important; } #navmenuright {/*Container for right menu*/ display:none;/*Hide right menu, usually none*/ } /*###########################*/ /*#Start Right Minicontents#*/ /*#########################*/ #topright1 {/*Usually contact info*/ display: block !important;/*Make container visible*/ width:90%; padding-left:7px; display:none !important; } #minicontactinfo p {/* p tag color for stocks form*/ color: #fff; /*Define p color*/ } #minicontactinfo b {/* p tag color for stocks form*/ color: #fff; /*Define p color*/ } #topright2 {/*Usually contact form*/ display: block !important;/*Make container visible*/ width:90%; padding-left:7px; display:none !important; } #minisendmail input {/*Style for textbox for mini contact form*/ color: #000;/*Define text color*/ } #minisendmail textarea {/*Style for text area for mini contact form*/ color: #000;/*Define text color*/ } #minisendmail p {/* p tag color for stocks form*/ color: #fff; /*Define p color*/ } #minisendmail b {/* p tag color for stocks form*/ color: #fff; /*Define p color*/ } #bottomright1 {/*Usually weather */ display: block !important;/*Make container visible*/ width:90%; padding-left:7px; display:none !important; } #miniweather input {/*Style for textbox for weather form*/ color: #000;/*Define text color*/ } #miniweather p {/* p tag color for weather form*/ color: #fff; /*Define p color*/ } #miniweather b {/* p tag color for weather form*/ color: #fff; /*Define p color*/ } #bottomright2 {/*Usually stocks*/ display: block !important;/*Make container visible*/ width:90%; padding-left:7px; display:none !important; } #ministocks input {/*Style for textbox for stocks form*/ color: #000;/*Define text color*/ } #ministocks p {/* p tag color for stocks form*/ color: #fff; /*Define p color*/ } #ministocks b {/* p tag color for stocks form*/ color: #fff; /*Define p color*/ } /*#########################*/ /*#End Right Minicontents#*/ /*#######################*/ #topfoot {/*Area to put bottom style elements if necessary*/ background-image: none;/*Define bg image, usually none*/ display: none;/*Define if needed, usually none*/ } #bottomfoot{/*Area to put bottom style elements if necessary*/ background-image: none;/*Define bg image, usually none*/ display: none;/*Define if needed, usually none*/ } #footer_area {/*Container for footer links*/ background-image: url('images/templates/cpa126/footer.jpg');/*Define bg image of footer*/ background-repeat: no-repeat;/*Repeat footer image, usually no-repeat*/ clear: both;/*Required, place footer below all other floated content*/ width: 100%;/*Define width of footer area, usually 100%*/ height: 40px;/*Define height of footer area, usually height of bg image*/ padding: 0px; text-align:center; } #pagedisclaimer { width:50%; margin-left: auto; margin-right: auto; text-align: center; margin-top: 25px; margin-bottom: 25px; font-size: 12px; font-style: italic; color: #FFF; } /*########################*/ /*#End Element ID Styles#*/ /*######################*/ /*#################################################*/ /*#Start Vertical Side Menus, BOTH left and right#*/ /*###############################################*/ ul.navmenu_side, ul.navmenu_side li, ul.navmenu_side ul {/*Define overall widths of areas*/ width: 157px;/*Define width of container elements, usually 100%*/ height: 37px;/*Define height of container elements, usually button image height*/ list-style: none;/*Required*/ margin: 0px;/*Define container margins, usually 0px*/ padding: 0px;/*Define container paddings, usually 0px*/ } ul.navmenu_side {/*Only applies to top UL*/ height:auto; /*Define height so menu 'takes up space'*/ padding-left:34px; } ul.navmenu_side:after { /*Required (IE 7 lack of compliance)*/ clear: both;/*Required (For IE)*/ display: block;/*Required (For IE)*/ font: 1px/0px serif;/*Required (For IE)*/ content: '.';/*Required (For IE)*/ height: 0px;/*Required (For IE)*/ visibility: hidden;/*Required (For IE)*/ } ul.navmenu_side li {/*Define style for button containers*/ float: left; /*Required (For IE 7 lack of compliance)*/ display: block !important; /*Required (For GOOD browsers)*/ display: inline; /*Required (For IE)*/ position: relative;/*Required*/ } ul.navmenu_side a {/*Define top-level buttons*/ background-image: url('images/templates/cpa126/button_off.jpg');/*Define button image*/ background-repeat: no-repeat;/*Use repeat-x if stretching button, otherwise no-repeat*/ border: none;/*Define border, usually none;*/ display: block;/*Required*/ color: #FFF !important;/*Define color of button text*/ font: 14px/32px Arial, Helvetica, sans-serif !important;/*Define: font-weight, font-size/line-height (button image height), Font face*/ text-decoration: none;/*Define underline or not, usually none */ height: 37px !important; /* Required - normally "auto" but needs to be fixed height which is greater than default */ height: 1%; /* Required (For IE)*/ text-align: left;/*Define text alignment, usually left*/ width: 100%;/*Required*/ text-indent: 15px; /*Indents button link text, usually ~5-15px*/ } ul.navmenu_side a:hover, ul.navmenu_side li:hover a, ul.navmenu_side li.iehover a {/*Define button rollover state*/ background-image: url('images/templates/cpa126/button_on.jpg');/*Define rollover bg image for button*/ color: #FFF;/*Define rollover link color*/ } ul.navmenu_side li:hover ul, ul.navmenu_side li.iehover ul {/*Define sub menu style*/ z-index:2;/*Required*/ width:157px;/*Define width of sub menu container*/ _border-color:black;/*Required for transparent space between buttons and sub menu in IE6*/ _filter:chroma(color=black);/*Required for transparent space between buttons and sub menu in IE6*/ border-left:11px solid transparent;/*Provides space between buttons and sub menu*/ } ul.navmenu_side li:hover li a, ul.navmenu_side li.iehover li a {/*Define sub buttons*/ background-image: url('images/templates/cpa126/button_off.jpg');/*Define sub button image*/ } ul.navmenu_side li:hover li a:hover, ul.navmenu_side li:hover li:hover a, ul.navmenu_side li.iehover li a:hover, ul.navmenu_side li.iehover li.iehover a {/*Define sub buttons rollover state*/ background-image: url('images/templates/cpa126/button_on.jpg');/*Define rollover bg image for sub button*/ color: #FFF;/*Define rollover link color*/ } ul.navmenu_side ul, ul.navmenu_side ul ul, ul.navmenu_side ul ul ul {/*Required style for UL containers*/ display: none;/*Required to keep sub menu hidden*/ position: absolute;/*Required for sub menu alignment*/ top: 0px;/*Required for sub menu alignment*/ left: 100%;/*Required for sub menu alignment, usually left:100%, make right:100% if right menu*/ } /* Do Not Move - Must Come Before display:block for Gecko */ ul.navmenu_side li:hover ul ul, ul.navmenu_side li:hover ul ul ul, ul.navmenu_side li.iehover ul ul, ul.navmenu_side li.iehover ul ul ul {/*Required to keep sub menu hidden in IE6*/ display: none;/*Required to keep sub menu hidden*/ } ul.navmenu_side li:hover ul, ul.navmenu_side ul li:hover ul, ul.navmenu_side ul ul li:hover ul, ul.navmenu_side li.iehover ul, ul.navmenu_side ul li.iehover ul, ul.navmenu_side ul ul li.iehover ul {/*Required to show sub menu on rollover*/ display: block; /*Required to show sub menu on rollover*/ } /*##########################*/ /*#End Vertical Side Menus#*/ /*########################*/ /*####################*/ /*#Start Footer Menu#*/ /*##################*/ ul.footer_links {/*Define footer container style*/ position: relative;/*Required*/ list-style: none;/*Required*/ display: block;/*Required*/ width: 74%;/*Define width, usually width of content area (~60%)*/ padding:0px;/*Define footer container padding, usually 0px*/ margin:0px;/*Define footer container margin, usually 0px*/ margin-left:172px;/*Required for this design, usually leftmenuarea width + leftmenuarea padding(~60%)*/ margin-left:auto; margin-right:auto; padding-left:230px; padding-top:10px; } ul.footer_links li { display: inline;/*Required, makes links on the same line*/ margin-left: 5px;/*Provides spacing between links*/ margin-right: 5px;/*Provides spacing between links*/ } ul.footer_links li a { color: #243639;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: none;/*Define underline or not*/ } ul.footer_links li a:hover { color: #243639;/*Define text color*/ font-weight: bold;/*Define bold or not, usually bold*/ text-decoration: underline;/*Define underline or not*/ } /*##################*/ /*#End Footer Menu#*/ /*################*/ /*######################*/ /*#Start Services Menu#*/ /*####################*/ #double {/*Define heading for services menu style*/ text-align: center;/*Define text alignment for heading*/ font-size: 16px;/*Heading font size*/ font-weight: bold;/*Define bold or not, usually bold*/ color: #FFF;/*Heading font color*/ } ul.top, ul.top li, ul.top ul {/*Define services menu container style*/ width: 100%; list-style: none; margin: 0px; padding: 0px; border: 1px; } ul.top:after /*From IE 7 lack of compliance*/{ clear: both;/*Required (For IE)*/ display: block;/*Required (For IE)*/ font: 1px/0px serif;/*Required (For IE)*/ content: '.';/*Required (For IE)*/ height: 0px;/*Required (For IE)*/ visibility: hidden;/*Required (For IE)*/ } ul.top li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; } /* Root Menu */ ul.top a { display: block; padding: 1px; color: #FFF; font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ width: 100%; } /* Root Menu Hover Persistence */ ul.top a:hover, ul.top li:hover a, ul.top li.iehover a { color: #FFF; background-color: #2c4d6c; border: solid 1px #fff; padding: 0px; } ul.top li:hover ul, ul.top li.iehover ul { _border-color: black; _filter: chroma(color=black); border-left: 5px solid transparent; z-index: 2; width: 200px; padding: 0px; margin: 0px; } /* 2nd Menu */ ul.top li:hover li a, ul.top li.iehover li a { border: none; text-align: left; background-color: #2c4d6c; padding: 1px; } /* 2nd Menu Hover Persistence */ ul.top li:hover li a:hover, ul.top li:hover li:hover a, ul.top li.iehover li a:hover, ul.top li.iehover li.iehover a { color: #FFF; background-color: #2c4d6c; border: solid 1px #fff; padding: 0px; } ul.top ul, ul.top ul ul, ul.top ul ul ul { display: none; position: absolute; top: 0px; left: 100%; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.top li:hover ul ul, ul.top li:hover ul ul ul, ul.top li.iehover ul ul, ul.top li.iehover ul ul ul { display: none; } ul.top li:hover ul, ul.top ul li:hover ul, ul.top ul ul li:hover ul, ul.top li.iehover ul, ul.top ul li.iehover ul, ul.top ul ul li.iehover ul { display: block; } /*####################*/ /*#End Services Menu#*/ /*##################*/ /*##########*/ /*#End CSS#*/ /*########*/ .formsul li a { color:#243639; } .pubsul li a { color:#243639; } /* form parts, text filed's text will be black always */ .gmnoprint div { /*Sets Google map plain text to black*/ color: #000 !important; } .gmnoprint b { /*Sets Google map bold text to black*/ color: #000 !important; } form input { /*Sets form input text to black*/ color: #000 !important; } form textarea { /*Sets form textarea text to black*/ color: #000 !important; } form select { /*Sets form select text to black*/ color: #000 !important; } form option { /*Sets form option text to black*/ color: #000 !important; }