/* #Reset ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } div.ccm-dashboard-overlay-module h1 a, div.ccm-dashboard-overlay-module h1 a:hover { text-transform: none; } /* #Basic Styles ================================================== */ body { background: /*url(/packages/respond/themes/respond/images/respond_background_1.png) repeat*/ #DFDFD0; /* customize_background_colour */background-color: #fff;/* customize_background_colour */ /* customize_body_text*/font: normal normal 14px arial;/* customize_body_text*/ /* customize_body_text*/color: #555;/* customize_body_text*/ line-height: 19px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background-image: url(/packages/respond/themes/respond/images/noise.jpg)!important; background-position: center-top; background-repeat: repeat-y; } h3.ccm-page-list-title{ margin-bottom: 8px; margin-top: 20px;} div.ccm-page-list-description{ border-bottom: 1px solid #ddd; padding-bottom: 20px; } /* #Typography ================================================== */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font: bold 24px 'Open Sans', arial; line-height: normal; letter-spacing: 1.0%; margin-bottom: 10px; color: #555; } #page-wrap h2 { font: bold normal normal 16px 'Open Sans', arial;color: #0075b5; padding-bottom: 3px; } #page-wrap h3 { font: bold normal normal 18px/24px 'Open Sans', arial;color: #FF8000; } #page-wrap h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } #page-wrap h5 { font-size: 17px; line-height: 24px; } h6 { font: normal 20px 'Open Sans', arial; line-height: normal; letter-spacing: 1.0%; margin-bottom: 20px; margin-top: 5px; color: #002f75; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px 40px; padding: 9px 20px 0 19px; border-left: 2px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre, code { font-family: monospace; } /* #Links ================================================== */ a { /* customize_link_colour */color: #0075b5;/* customize_link_colour */ text-decoration: none; outline: 0; } a:hover, a:focus { /* customize_link_colour_hover */color: #0075b5; text-decoration: underline;/* customize_link_colour_hover */ } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { padding: 0 0 0 17px; list-style: url(/packages/respond/themes/respond/images/bullet.jpg); } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 0px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; padding-left: 5px; font-size: 15px;} ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img { display: block; max-width: 100%; height: auto; } /* #Base 960 Grid ================================================== */ .fcontainer { position: relative; width: 1000px; margin: 0 auto; padding: 0; } .fcontainer .column, .fcontainer .columns { float: left; display: inline; margin-left: 0; margin-right: 0; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .fcontainer .one.column, .fcontainer .one.columns { width: 40px; } .fcontainer .two.columns { width: 123px; margin-right: 0!important; padding: 23px!important; float: right; background-color: #6c7e95;} .fcontainer .three.columns { width: 160px; } .fcontainer .four.columns { width: 600px; } .fcontainer .five.columns { width: 280px; } .fcontainer .six.columns { width: 340px; } .fcontainer .seven.columns { width: 398px; margin-right: 32px; } .fcontainer .eight.columns { width: 460px; } .fcontainer .nine.columns { width: 520px; } .fcontainer .ten.columns { width: 580px; } .fcontainer .eleven.columns { width: 640px; } .fcontainer .twelve.columns { width: 700px; } .fcontainer .thirteen.columns { width: 410px; } .fcontainer .fourteen.columns { width: 799px; margin-right: 32px; margin-bottom: 30px; } .fcontainer .fourteen.columns2 { width: 779px; margin-right: 52px; margin-bottom: 30px; } .fcontainer .fifteen.columns { width: 880px; } .fcontainer .sixteen.columns { width: 1032px; } .fcontainer .one-third.column { width: 333px; } .fcontainer .one-third.column2 { width: 200px; float: left;} .fcontainer .two-thirds.column { width: 645px; margin-right: 20px; } /* Offsets */ .fcontainer .offset-by-one { padding-left: 60px; } .fcontainer .offset-by-two { padding-left: 120px; } .fcontainer .offset-by-three { padding-left: 180px; } .fcontainer .offset-by-four { padding-left: 240px; } .fcontainer .offset-by-five { padding-left: 300px; } .fcontainer .offset-by-six { padding-left: 360px; } .fcontainer .offset-by-seven { padding-left: 420px; } .fcontainer .offset-by-eight { padding-left: 480px; } .fcontainer .offset-by-nine { padding-left: 540px; } .fcontainer .offset-by-ten { padding-left: 600px; } .fcontainer .offset-by-eleven { padding-left: 660px; } .fcontainer .offset-by-twelve { padding-left: 720px; } .fcontainer .offset-by-thirteen { padding-left: 780px; } .fcontainer .offset-by-fourteen { padding-left: 840px; } .fcontainer .offset-by-fifteen { padding-left: 900px; } .fcontainer #nav-respond { display: none; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .fcontainer { width: 700px; } .fcontainer .columns, .fcontainer .column { margin: 0; } .fcontainer .one.column, .fcontainer .one.columns, .fcontainer .two.columns, .fcontainer .three.columns, .fcontainer .four.columns, .fcontainer .five.columns, .fcontainer .six.columns, .fcontainer .seven.columns, .fcontainer .eight.columns, .fcontainer .nine.columns, .fcontainer .ten.columns, .fcontainer .eleven.columns, .fcontainer .twelve.columns, .fcontainer .thirteen.columns, .fcontainer .fourteen.columns, .fcontainer .fifteen.columns, .fcontainer .sixteen.columns, .fcontainer .one-third.column, .fcontainer .two-thirds.column { width: 680px; padding: 0 10px;} /* Offsets */ .fcontainer .offset-by-one, .fcontainer .offset-by-two, .fcontainer .offset-by-three, .fcontainer .offset-by-four, .fcontainer .offset-by-five, .fcontainer .offset-by-six, .fcontainer .offset-by-seven, .fcontainer .offset-by-eight, .fcontainer .offset-by-nine, .fcontainer .offset-by-ten, .fcontainer .offset-by-eleven, .fcontainer .offset-by-twelve, .fcontainer .offset-by-thirteen, .fcontainer .offset-by-fourteen, .fcontainer .offset-by-fifteen { padding-left: 0; } div.ccm-layout-1-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first { width: 100%!important; } div.ccm-layout-1-col-2.ccm-layout-cell.ccm-layout-col.ccm-layout-col-2.last { width: 100%!important; margin-top: 20px; } div.ccm-layout-3-col-2.ccm-layout-cell.ccm-layout-col.ccm-layout-col-2.last { width: 100%!important; margin-top: 20px; } div.ccm-layout-3-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first { width: 100%!important; } .fcontainer #right-sidebar-background { background: none; } .fcontainer #left-sidebar-background { background: none; } .fcontainer #nav-full { display: none; } .fcontainer #nav-respond { display: block; margin-bottom: 30px!important; } #news { display: none!important } #news2 { display: none!important } #big-slider { display: none!important; } #banner2 { display: none; } #hiddenbanner { display: inherit!important; } #header_bg { display: none; } #logo { margin-left: 1%!important; } #logo h2 { display: inherit!important; font-size: 26px!important; line-height: 30px!important; margin-top: 20px; } #logo img { margin-top: -25px; } table.buttons-one { height: 191px; width: auto; border: none; } table.buttons-two { height: 191px; width: auto; border: none; } table.buttons-three { height: 191px; width: auto; border: none; } .homebuttons table { width: auto!important; } .homebuttons table td { padding: 3px!important; margin: 0!important; } #social.four.columns { width: 100%!important; text-align: center!important; height: 40px!important; } .headertel { font-size: 36px!important; text-align: center!important; clear: both; margin-bottom: 0px!important; padding-bottom: 0!important; } #social img { display: none; } #social input { display: none; } #hiddenbanner { margin-top: 10px; margin-bottom: 10px; } #banner { margin-top: 10px; } div.two.columns { display: none; } #main { padding-top: 0!important; } footer{ display: none!important; } #logo{ margin-top: 40px!important; margin-bottom: 20px!important;} #social{ display: none!important; } .fcontainer .one-third.column2 { width: 100%!important; float: none!important;} .b1{ margin-right: 0px!important; } .b2{ margin-right: 0px!important; } .b4{ margin-left: 0px!important; } .b5{ margin-left: 0px!important; } .leftpadhome{ margin: 0px!important; padding: 0px!important; } #mobilefooter { width: 100%!important; display: block!important; background-color: #495a6e; border-top: 7px solid #e3dfdc; color: #fff!important;} #mobheadimg{ display: block!important; width: 100%!important;} #logo { display: none!important; } header.sixteen.columns { min-height: 0px!important; } .left { width: 100%!important; float: none!important; } .right { width: 100%!important; float: none!important; } .fcontainer .fourteen.columns2 { width: 100%; margin-right: 0px; margin-bottom: 40px; } .justify { text-align: left!important; } .mobileminus { margin-top: -50px!important } .leftthree { width: 100%!important; float: none!important; } .middlethree { width: 100%!important; float: none!important; } .rightthree { width: 100%!important; float: none!important; } .floatright{ float: none!important; margin-left: 0px!important; margin-top: 0px!important; margin-bottom: 30px!important; } .floatright2{ float: none!important; margin-left: 0px!important; margin-top: 10px!important; margin-bottom: 30px!important; } .floatleft{ float: none!important; margin-left: 0px!important; margin-top: 10px!important; margin-bottom: 30px!important; display: block!important; } #mapdiv123{ display: none!important; } .formpos{ margin-left: -11px!important; margin-top: -40px!important; display: block; width: 100%!important; float: none!important; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .fcontainer { width: 300px; } .fcontainer .columns, .fcontainer .column { margin: 0; } .fcontainer .one.column, .fcontainer .one.columns, .fcontainer .two.columns, .fcontainer .three.columns, .fcontainer .four.columns, .fcontainer .five.columns, .fcontainer .six.columns, .fcontainer .seven.columns, .fcontainer .eight.columns, .fcontainer .nine.columns, .fcontainer .ten.columns, .fcontainer .eleven.columns, .fcontainer .twelve.columns, .fcontainer .thirteen.columns, .fcontainer .fourteen.columns, .fcontainer .fifteen.columns, .fcontainer .sixteen.columns, .fcontainer .one-third.column, .fcontainer .two-thirds.column { width: 280px; padding: 0 10px;} /* Offsets */ .fcontainer .offset-by-one, .fcontainer .offset-by-two, .fcontainer .offset-by-three, .fcontainer .offset-by-four, .fcontainer .offset-by-five, .fcontainer .offset-by-six, .fcontainer .offset-by-seven, .fcontainer .offset-by-eight, .fcontainer .offset-by-nine, .fcontainer .offset-by-ten, .fcontainer .offset-by-eleven, .fcontainer .offset-by-twelve, .fcontainer .offset-by-thirteen, .fcontainer .offset-by-fourteen, .fcontainer .offset-by-fifteen { padding-left: 0; } div.ccm-layout-1-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first { width: 100%!important; } div.ccm-layout-1-col-2.ccm-layout-cell.ccm-layout-col.ccm-layout-col-2.last { width: 100%!important; margin-top: 20px; } div.ccm-layout-3-col-2.ccm-layout-cell.ccm-layout-col.ccm-layout-col-2.last { width: 100%!important; margin-top: 20px; } div.ccm-layout-3-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first { width: 100%!important; } .fcontainer #right-sidebar-background { background: none; } .fcontainer #left-sidebar-background { background: none; } .fcontainer #nav-full { display: none; } .fcontainer #nav-respond { display: block; margin-bottom: 30px!important; } #news { display: none!important } #news2 { display: none!important } #big-slider { display: none!important; } #banner2 { display: none; } #hiddenbanner { display: inherit!important; } #header_bg { display: none; } #logo { margin-left: 1%!important; } #logo h2 { display: inherit!important; font-size: 26px!important; line-height: 30px!important; margin-top: 20px; } #logo img { margin-top: -25px; } table.buttons-one { height: 191px; width: auto; border: none; } table.buttons-two { height: 191px; width: auto; border: none; } table.buttons-three { height: 191px; width: auto; border: none; } .homebuttons table { width: auto!important; } .homebuttons table td { padding: 3px!important; margin: 0!important; } #social.four.columns { width: 100%!important; text-align: center!important; height: 40px!important; } .headertel { font-size: 36px!important; text-align: center!important; clear: both; margin-bottom: 0px!important; padding-bottom: 0!important; } #social img { display: none; } #social input { display: none; } #hiddenbanner { margin-top: 10px; margin-bottom: 10px; } #banner { margin-top: 10px; } div.two.columns { display: none; } #main { padding-top: 0!important; } footer{ display: none!important; } #logo{ margin-top: 40px!important; margin-bottom: 20px!important;} #social{ display: none!important; } .fcontainer .one-third.column2 { width: 100%!important; float: none!important;} .b1{ margin-right: 0px!important; } .b2{ margin-right: 0px!important; } .b4{ margin-left: 0px!important; } .b5{ margin-left: 0px!important; } .leftpadhome{ margin: 0px!important; padding: 0px!important; } #mobilefooter { width: 100%!important; display: block!important; background-color: #495a6e; border-top: 7px solid #e3dfdc; color: #fff!important;} #mobheadimg{ display: block!important; width: 100%!important;} #logo { display: none!important; } header.sixteen.columns { min-height: 0px!important; } .left { width: 100%!important; float: none!important; } .right { width: 100%!important; float: none!important; } .fcontainer .fourteen.columns2 { width: 100%; margin-right: 0px; margin-bottom: 40px; } .justify { text-align: left!important; } .mobileminus { margin-top: -50px!important } .leftthree { width: 100%!important; float: none!important; } .middlethree { width: 100%!important; float: none!important; } .rightthree { width: 100%!important; float: none!important; } .floatright{ float: none!important; margin-left: 0px!important; margin-top: 0px!important; margin-bottom: 30px!important; } .floatright2{ float: none!important; margin-left: 0px!important; margin-top: 10px!important; margin-bottom: 30px!important; } .floatleft{ float: none!important; margin-left: 0px!important; margin-top: 10px!important; margin-bottom: 30px!important; display: block!important; } #mapdiv123{ display: none!important; } .formpos{ margin-left: -11px!important; margin-top: -40px!important; display: block; width: 100%!important; float: none!important; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .fcontainer { width: 470px; } .fcontainer .columns, .fcontainer .column { margin: 0; } .fcontainer .one.column, .fcontainer .one.columns, .fcontainer .two.columns, .fcontainer .three.columns, .fcontainer .four.columns, .fcontainer .five.columns, .fcontainer .six.columns, .fcontainer .seven.columns, .fcontainer .eight.columns, .fcontainer .nine.columns, .fcontainer .ten.columns, .fcontainer .eleven.columns, .fcontainer .twelve.columns, .fcontainer .thirteen.columns, .fcontainer .fourteen.columns, .fcontainer .fifteen.columns, .fcontainer .sixteen.columns, .fcontainer .one-third.column, .fcontainer .two-thirds.column { width: 470px; padding: 0 0; } div.ccm-layout-1-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first { width: 100%!important; } div.ccm-layout-1-col-2.ccm-layout-cell.ccm-layout-col.ccm-layout-col-2.last { width: 100%!important; margin-top: 20px; } div.ccm-layout-3-col-2.ccm-layout-cell.ccm-layout-col.ccm-layout-col-2.last { width: 100%!important; margin-top: 20px; } div.ccm-layout-3-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first { width: 100%!important; } .fcontainer #right-sidebar-background { background: none; } .fcontainer #left-sidebar-background { background: none; } .fcontainer #nav-full { display: none; } .fcontainer #nav-respond { display: block; } #header_bg { display: none; } #logo { margin-left: 10%!important; } #logo h2 { display: inherit!important; font-size: 36px!important; line-height: 44px!important; margin-top: 20px; } #logo img { margin-top: -25px; } table.buttons-one { height: 191px; width: auto; border: none; } table.buttons-two { height: 191px; width: auto; border: none; } table.buttons-three { height: 191px; width: auto; border: none; } .homebuttons { width: 292px; text-align: center; padding-left: 19%; } .homebuttons table { width: auto!important; padding: 0 auto; } .homebuttons table td { padding: 3px!important; margin: 0!important; } #social.four.columns { width: 100%!important; text-align: center!important; height: 40px!important; } .headertel { font-size: 36px!important; text-align: center!important; clear: both; margin-bottom: 0px!important; padding-bottom: 0!important; } #social img { display: none; } #social input { display: none; } #hiddenbanner { margin-top: 10px; margin-bottom: 10px; } #banner { margin-top: 10px; } div.two.columns { display: none; } #main { padding-top: 0!important; } .floatright{ float: none!important; margin-left: 0px!important; margin-top: 0px!important; margin-bottom: 30px!important; } .floatright2{ float: none!important; margin-left: 0px!important; margin-top: 10px!important; margin-bottom: 30px!important; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .fcontainer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Respond Styles ================================================== */ /* PAGE-WRAP */ .column-wrap { width: 100%; float: left; height: inherit; } .fleft { float: left; } .fright { float: right; } #page-wrap { /*-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); background: url(/packages/respond/themes/respond/images/respond_grain_2.png) repeat;*/ /* customize_body_colour */ /*background-color: #FAFAFA; *//* customize_body_colour */ } #header-wrap { padding: 0; } #right-sidebar-background { /*background: url(/packages/respond/themes/respond/images/respond_wrap_right.png) repeat-y;*/ } #left-sidebar-background { /*background: url(/packages/respond/themes/respond/images/respond_wrap_left.png) repeat-y;*/ } /* HEADER */ header { } #logo { margin: 9px 0 39px 0px; padding: 0; } #logo h1 { text-transform: uppercase; margin-bottom: 0px; padding: 0; } #logo h1 a { text-decoration: none; /* customize_logo_text */font: normal normal 40px 'Open Sans', arial, sans-serif;/* customize_logo_text */ /* customize_logo_text */color: #414042;/* customize_logo_text */ } #logo h1 a:hover { /* customize_logo_text_hover */color: #414042;/* customize_logo_text_hover */ } #social { margin: 0; padding: 0; } /* NAVIGATION */ #controls li { display: block; } #controls li .link { display: block; padding: 10px; border-bottom: solid 1px #CCC; } #controls li .hover_controls { float: right; display: none; } #controls li:hover .hover_controls { display: block; } nav { float: left; padding: 0; position: relative; z-index: 15; } nav ul { list-style: none; margin: 0; padding: 0; float: left; } nav ul li, nav ul li a { float: left; margin: 0 0 0 0; padding: 0; } nav ul li { position: relative; text-align: center; overflow: visible; } nav ul li a { text-decoration: none; margin-right: 52px; font: normal normal normal 14px/16px 'Arial', arial, sans-serif; /* customize_navigation_title */color: #495a6e;/* customize_navigation_title */ line-height: 16px; height: 36px; /* customize_navigation_title_background */ /*background-color: #F5F5F5;*/ /* customize_navigation_title_background */ /*padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /* future proofing */ /*-khtml-border-radius: 6px;*/ /* for old Konqueror browsers */ } nav ul li a.nav-selected, nav ul li a.nav-path-selected { font: normal normal normal 14px/16px 'Arial', arial, sans-serif; /* customize_navigation_title_selected */color: #0075b5;/* customize_navigation_title_selected */ line-height: 16px; /*-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/ text-decoration: none; } nav ul li a:hover { font: normal normal normal 14px/16px 'Arial', arial, sans-serif; /* customize_navigation_title_hover */color: #0075b5;/* customize_navigation_title_hover */ line-height: 16px; /*-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/ text-decoration: none; } /* *********************************************************************************** */ /* DELETED DROP-DOWN MENUS AS DO NOT WORK WITH DESIGN - SEE NAVDEL.CSS FOR MISSING CODE*/ /* *********************************************************************************** */ /* BANNER */ #banner img { border-top: /*3px solid rgba(0,0,0,0.1)*/ none; } #banner2 img { border-top: /*3px solid rgba(0,0,0,0.1)*/ none; } #hiddenbanner { display: none; } #hiddenbanner img { border-top: /*3px solid rgba(0,0,0,0.1)*/ none; } /* MAIN */ #main { padding: -5px 0; border-bottom: /*3px solid rgba(0,0,0,0.1)*/ none; border-top: /*3px solid rgba(0,0,0,0.1)*/ none; } /* FOOTER */ footer { border-top: solid 30px #e3dfdc; padding: 0; color: #ffffff; font-size: 13px; /* customize_footer_colour */background-color: #495a6e;/* customize_footer_colour */ } footer a { color: #FFFFFF!important; } #footer-bottom p, #footer-bottom a{ text-decoration: none; color: #ffffff; margin: 0; } #footer-bottom { margin-top: 30px; padding-top: 30px; /*border-top: 2px solid rgba(0,0,0,0.1);*/ } /* RESPOND FEATURE BOX */ #page-wrap .respond-feature-box { } #page-wrap .respond-feature-box img { float: left; margin: 0 10px 10px 0; } #page-wrap .respond-feature-box h3 { } #page-wrap .respond-feature-box-content { } /* RESPOND FEATURE BOX RIGHT */ #page-wrap .respond-feature-box-right { } #page-wrap .respond-feature-box-right img { float: right; margin: 0 0 10px 10px; } #page-wrap .respond-feature-box-right h3 { float: left; } #page-wrap .respond-feature-box-content { float: left; } /* RESPOND FEATURE CONTAINER */ #page-wrap .respond-feature-container { } #page-wrap .respond-feature-container p:last-child { margin-bottom: 0px; } #page-wrap .respond-feature-container img { float: left; margin: 10px; } #page-wrap .respond-feature-container h3 { /* customize_feature_container_header */background-color: #E4E4E4;/* customize_feature_container_header */ /* customize_feature_container_header_title */color: #414042;/* customize_feature_container_header_title */ height: 30px; padding: 10px; line-height: 30px; /*-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;*/ margin: 0; text-align: center; } #page-wrap .respond-feature-container-content { padding: 10px; border: 1px solid; /* customize_feature_container_border */border-color: #E4E4E4;/* customize_feature_container_border */ } /* RESPOND FEATURE CONTAINER RIGHT */ #page-wrap .respond-feature-container-right { } #page-wrap .respond-feature-container-right p:last-child { margin-bottom: 0px; } #page-wrap .respond-feature-container-right img { float: right; margin: 10px; } #page-wrap .respond-feature-container-right h3 { /* customize_feature_container_header */background-color: #E4E4E4;/* customize_feature_container_header */ /* customize_feature_container_header_title */color: #414042;/* customize_feature_container_header_title */ height: 30px; padding: 10px; line-height: 30px; /*-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;*/ margin: 0; text-align: center; } /* RESPOND NAV */ #nav-respond { margin-top: 20px; } #nav-respond select { width: 92%; } #nav-respond select option { } /* customize_miscellaneous */ #nav-full { background: none; margin-left: 0px; margin-top: 0; padding: 12px 0!important; width:105%;} header.sixteen.columns { min-height: 140px; } #big-slider { position: absolute; padding: 0 auto; width: 100%; height: 374px; margin: auto; overflow:hidden; margin-top: 217px; z-index: 0; background-image: url(/packages/respond/themes/respond/images/display-bg.jpg); background-repeat: repeat-y; background-position: center top; } #big-slider2 { position: absolute; padding: 0 auto; width: 100%; height: 374px; margin: auto; overflow:hidden; margin-top: 215px; z-index: 0; background-image: url(/packages/respond/themes/respond/images/display-bg.jpg); background-repeat: repeat-y; background-position: center top; } #logo h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 40px; font-weight: 700; font-style: normal; color: #082E58; text-transform: uppercase; line-height: 137px; margin-bottom: 0px; padding: 0; } #logo img { float: left; margin-right: 22px; } #header_bg { position: absolute; height: 217px; width: 100%; background-image: url(/packages/respond/themes/respond/images/headbg1b.jpg); background-repeat: no-repeat; background-position: center top; } input#suggest { width: 144px; border: 0; height: 23px; margin-right: -3px; padding-left: 2px; } input.ccm-search-block-submit { border: 0; margin: 0; padding: 0; width: 23px; height: 23px; background: url(/packages/respond/themes/respond/images/search_arrow.gif) no-repeat; } input { color: #082E58!input; } .rightpanelheader { background-color: #ECECE3; padding: 13px 13px 0 13px; font-size: 12px; line-height: 15px; } .rightpanelheader h2 { color: #FF8000!important; font-style:normal!important; font-size: 19px!important; margin: 0!important; padding: 0!important; line-height: 24px!important; } .rightpanel { background-color: #ECECE3; padding: 13px; font-size: 12px; line-height: 15px; } .rightpanel h3 { font: normal normal normal 12px/14px 'Open Sans', arial, sans-serif!important;color: #FF8000!important; margin-top: 12px; } .rightpanel h3 a { font: normal normal normal 12px/14px 'Open Sans', arial, sans-serif!important;color: #FF8000!important; } .rightpanel2 { background-color: #ECECE3; padding: 13px; font-size: 12px; line-height: 15px; } .rightpanel2 h3 { font: normal normal normal 12px/14px 'Open Sans', arial, sans-serif!important; color: #082E58!important; margin-top: 12px; padding-bottom: 12px; border-bottom: solid 1px #FF8000; } .rightpanel2 h3 a { font: normal normal normal 12px/14px 'Open Sans', arial, sans-serif!important;color: #082E58!important; } .rightpanel3 { background-color: #ECECE3; padding: 0 13px 13px 13px; font-size: 12px; line-height: 15px; margin-top: -12px!important; } .rightpanel3 h3 { font: normal normal normal 12px/14px 'Open Sans', arial, sans-serif!important; color: #082E58!important; margin-top: 12px; padding-bottom: 12px; border-bottom: solid 1px #FF8000; } .rightpanel3 h3 a { font: normal normal normal 12px/14px 'Open Sans', arial, sans-serif!important;color: #082E58!important; } .contactbox { background-color: #ECECE3; padding: 13px; font-size: 18px; line-height: 24px; } .videobox { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video_wrapper { background-color: #ECECE3; padding: 13px; margin-bottom: 0; } /*.vid { margin: 0; padding: 0; }*/ .vid2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .capt { background-color: #ECECE3; padding: 0 13px 13px 13px; margin-bottom: 20px; } .capt p { font-size: 12px; font-style: italic; margin: 0; text-align: center; } a.nutlink { color: #333333; font-size: 12px; text-decoration: none; } a.nutlink:hover, a.nutlink:active { text-decoration: underline; } div.image-link { display: none; } .zero { margin: 0; padding: 0; } table.buttons-one { height: 191px; width: 312px; text-align: left; border: none; } table.buttons-two { height: 191px; width: 312px; text-align: center; border: none; } table.buttons-three { height: 191px; width: 312px; text-align: right; border: none; } .blogwrapper { padding: 10px; } /* end customize_miscellaneous */ input.ccm-search-block-text{ margin: 0 0 0 361px; padding: 5px; width: 202px; height: 13px; border: 0px; } #searchy input.ccm-search-block-text{ margin: 0 0 0 0; padding: 5px; width: 202px; height: 13px; border: 0px; background-color: #eee; } .b1{ margin-right: 30px; } .b2{ margin-right: 15px; } .b4{ margin-left: 15px; } .b5{ margin-left: 30px; } .leftpadhome{ padding-left: 17px; } .rightpadhome{ padding-right: 17px; } #news { width: 123px; margin-right: 0!important; padding: 23px!important; float: right; background-color: #eeecea; margin-bottom: 80px;} #news2 { width: 123px; margin-right: 0!important; padding: 23px!important; float: right; background-color: #eeecea; margin-bottom: 40px;} #news p {font-size: 12px; color: #555; margin: 0; padding: 0; line-height: 21px;} #footwrappy {margin: 0 auto; width: 1000px; background-position: left top; background-repeat: no-repeat; background: url(/packages/respond/themes/respond/images/footbg1.jpg); height: 150px;} #footleft{ width: 755px; float: left; padding: 45px 0px 27px 0} #footmiddle{ width: 76px; float: left; padding: 45px 0px; } #footright{ width: 169px; float: left; background-color: #6c7e95; padding: 45px 0px 25px 0px} #footleft p {font-size: 14px; color: #e3dfdc; line-height: 21px;} #footright p {font-size: 14px; color: #e3dfdc; line-height: 24px; font-size: 12px;} .left{ display: block; width: 40%; padding-right: 10%; float: left; } .right{ display: block; width: 50%; float: left; } .leftthree{ display: block; width: 35.3%; float: left; } .rightthree{ display: block; width: 26.3%; float: left; } .middlethree{ display: block; width: 38.3%; float: left; } .floatright{ float: right; margin-left: 35px; margin-top: -45px; margin-bottom: 0px; } .floatright2{ float: right; margin-left: 35px; margin-top: 3px; } .rightmenu{ text-align: center; padding: 8px!important; border-bottom: #fff 1px solid; line-height: normal!important; } #news2 p{ margin: 0px!important; padding: 0px!important; } #news2 a:link{ color: #555!important; font-size: 12px; } #news2 a:visited{ color: #555!important; font-size: 12px; } #news2 a:hover{ color: #555!important; font-size: 12px; } .nhead{ font-size: 14px!important; line-height: 19px!important; } #wrappy{ margin: 0 auto; width: 100%; } .floatleft{ float: left; margin-right: 45px; margin-top: 2px; } .formpos{ margin-left: -11px!important; margin-top: -40px!important; display: block; width: 40%; padding-right: 10%; float: left; } #mobilefooter{ display: none; } #mobilefooter a:link{ color: #fff!important; } #mobilefooter a:visited{ color: #fff!important; } #mobheadimg{ display: none; } #centremeplease { width: 110px; margin: 0 auto; padding-top: 35px; padding-bottom: 15px;} .mobileminus { margin-top: 0px }