@charset "utf-8"; /* CSS Document */ /*Browser CSS Reset*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} table {border-collapse: collapse; border-spacing: 0;} /*Site-specific CSS*/ html {height:100%; width:100%; background-color: #BCD5E0;} body {width: 100%; position: fixed; top: 0; left: 0; font: 16px Arial, Sans Serif; background-color: #EEEEEE; margin: 0; padding: 0; color: #000; line-height: 1; height:100%; background:url(scwebmastertest/img/BG.jpg) no-repeat; background-position: top center; } h1 {font: 2.143em Arial, Sans Serif; font-weight:normal; text-align:center; } h2 {font-size: 1.571em; font-weight: bold;} h3 {font-size: 1em; font-weight: bold; margin-left: .5em;} h4 {font-size: 1em; font-weight: bold; margin-left: 1em;} h5 {font-size: 1em; font-weight: bold; margin-left: 1.5em;} h6 {font-size: 1em; font-weight: bold; margin-left: 2em;} h1, h2, h3, h4, h5, h6 { line-height: 1.1; margin-bottom:.5em; } div#content p {line-height:1.5em; } .normalfont {font-size:1em; font-weight:normal; margin:0;} .normalboldfont {font-size:1em; font-weight:bold; margin:0;} ul {padding-left: 30px;} div#content ul.longlist {padding-left: 30px; margin:0 0 2em 0;} div#content li {margin: .5em 0;} div#content ul.longlist li a:link {color:#414958; text-decoration: none;} div#content ul.longlist li a:visited {color: #4E5869; text-decoration: none;} div#content ul.longlist li a:hover, a:active, a:focus {text-decoration: underline;} a {outline: 0;} a img {border: 0px; text-decoration: none;} a:link {color:#414958; text-decoration: underline;} a:visited {color: #4E5869; text-decoration: underline;} a:hover, a:active, a:focus {text-decoration: none;} hr {display: block; height: .1em; border: 0; border-top: 1px solid #D5D5D5; margin: 1em 0; padding: 0 0 1px 0; clear:both; background-color:#FFFFFF; } .cleardiv {clear:both;} .container {width: 100%; height:100%; margin: 0 auto; position:relative; z-index:1; overflow:scroll;} div#nav {width:100%; margin:0 auto; } div#nav ul {width:100%; margin:0; list-style-type:none; padding:0;} div#nav ul.mainnavlogo {width:100%; float:none; clear:both; margin: 0; } div#nav ul.mainnavlogo li {list-style-type:none; padding-top:20px; } div#nav ul.mainnavlogo li a {font: 1.125em Arial, Sans Serif; font-weight:bold;} div#nav ul.mainnavlogo li a:link {color:#000000; text-decoration: none; background-image:url(../img/top-nav-border.png); background-repeat:repeat-x; } div#nav ul.mainnavlogo li a:visited {color:#000000; text-decoration: none; background-image:url(/scwebmastertest/img/top-nav-border.png); background-repeat:repeat-x; } div#nav ul.mainnavlogo li a:hover, a:active, a:focus {text-decoration: none; text-shadow: 0em 0em .8em #000000; background-image:url(/scwebmastertest/img/top-nav-border.png); background-repeat:repeat-x; } div#nav ul.mainnav {width:50%; margin: 0 auto 3% auto;} div#nav ul.mainnav li {width:24%; min-height:150px; margin: 0 .5%; float:left; display:block; text-align:center; list-style-type:none; background-image:url(/scwebmastertest/img/navbg.png); background-repeat:no-repeat; background-position: center center;} div#nav ul.mainnav li a {font: 1.125em Arial, Sans Serif; font-weight:bold; min-width:100%; position:relative; top:68px;} div#nav ul.mainnav li a:link {color:#FFFFFF; text-decoration: none; } div#nav ul.mainnav li a:visited {color: #FFFFFF; text-decoration: none;} div#nav ul.mainnav li a:hover, a:active, a:focus {text-decoration: none; text-shadow: 0em 0em .8em #2B7699; } div#content {width:83%; margin: 1% 8% 5% 9%; padding:2% 0 ; -moz-border-radius: .5em; border-radius: .5em; background-image:url(/scwebmastertest/img/contentBG.png); background-repeat:repeat; } div.section {width:95%; margin:0 2.5%; padding:0;} div.cleardiv {clear:both; width:100%; margin: 0 auto;} div.cleardiv p {margin: 2em 0; line-height:1.2em; padding:0;} div.cleardiv p img {float:right; clear:left; width: 415px; height: 433px; margin-left: 10px; padding:0;} div#ieSpacer {display:none;} div.section h2 {padding-top:20px;} div#footer {position:fixed; right:0; bottom: 0px; z-index:10; width:100%; text-align:center; margin:5px 0 0 0; padding-top:20px; padding-bottom:15px; height: 55px; background-image:url(../img/bottom-content-border.png); background-repeat:repeat-x; background-position:top center;} div#footer div.footerlinks ul {list-style-type:none; margin-bottom:10px; padding:0;} div#footer div.footerlinks ul li {list-style-type:none; text-align:center; width: 25%; margin: 0 3%; display:inline; padding: 40px 0 10px 0; font-size: 120%; opacity:1.00; } div#footer div.footerlinks ul li a:link {color:#000000; text-decoration: none; } div#footer div.footerlinks ul li a:visited {color: #000000; text-decoration: none;} div#footer div.footerlinks ul li a:hover, a:active, a:focus {text-decoration: none; text-shadow: 0em 0em .5em #2B7699; } .tabletOFF {display: none;} div.contactlist {width:45%; float:left; display:block; margin-right:5%;} div.contactlist ul {width:100%; list-style-type:none;} div.contactlist ul li {width:100%; list-style-type:none; text-align:left; font-weight:bold; clear:both; height:5em; line-height:2em;} div.contactlist ul li span {width: 50%; display:inline; float:right; clear:both; text-align:right; font-weight:normal;} div.contactmap {width:48%; float:left; display:block;} div.contactform {margin-left:30px;} ul.resourcelist li {list-style-type:none; line-height:2em;} ul.resourcelist li ul li {width:100%; list-style-type:disc; line-height:2em;} .phoneOff {display:block;} .phoneOn {display:none;} @media (min-width: 1146px) and (max-width: 1600px) { div#content {width:98%; margin: 1% auto 5% auto;} } @media (min-width: 768px) and (max-width: 1145px) { div#nav ul.mainnav {width:80%; margin: 0 auto 3% auto;} div#nav ul.mainnav li {width:24%; min-height:150px; margin: 0 .5%; float:left; display:block; text-align:center; list-style-type:none; background-image:url(../img/navbg.png); background-repeat:no-repeat; background-position: center center;} div#nav ul.mainnav li a {font: 1.125em Arial, Sans Serif; font-weight:bold; min-width:100%; position:relative; top:68px;} div#nav ul.mainnav li a:link {color:#FFFFFF; text-decoration: none; } div#nav ul.mainnav li a:visited {color: #FFFFFF; text-decoration: none;} div#nav ul.mainnav li a:hover, a:active, a:focus {text-decoration: none; text-shadow: 0em 0em .8em #2B7699; } div#content {width:100%; margin: 1% auto 10% auto;} } @media (max-width: 890px) { div.contactlist {width:90%; float:none; display:block; margin-right:0;} div.contactmap {width:90%; float:none; display:block; margin: 0 auto;} } @media (min-width: 480px) and (max-width: 767px) { div#nav {width:100%; margin:0 auto; } div#nav ul.mainnav {width:100%; margin: 0 auto 3% auto; height:80px; border-top: 1px solid #4C758A; border-bottom: 1px solid #4C758A; background-color:#95CAE2; background: -webkit-gradient(linear, left top, left bottom, from(#5A9CBE), to(#B7D4E2)); background: -moz-linear-gradient(top, #5A9CBE, #B7D4E2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A9CBE', endColorstr='#B7D4E2'); background-image: linear-gradient(to bottom, #5A9CBE 0%, #B7D4E2 100%); background-image: -ms-linear-gradient(top, #5A9CBE 0%, #B7D4E2 100%);} div#nav ul.mainnav li {width:50%; min-height:40px; margin: 0; float:left; display:block; text-align:center; list-style-type:none; background-image:none; } div#nav ul.mainnav li a {font: 1.125em Arial, Sans Serif; font-weight:bold; position:relative; top:8px; } div#nav ul.mainnav li a:link {color:#FFFFFF; text-decoration: none; } div#nav ul.mainnav li a:visited {color: #FFFFFF; text-decoration: none;} div#nav ul.mainnav li a:hover, a:active, a:focus {text-decoration: none; text-shadow: 0em 0em .8em #2B7699; } div#content {width:100%; margin: 1% auto 18% auto;} div#sub p img.ImageP {width:50%; height:50%;} } @media (max-width: 479px) { div#nav ul.mainnav {width:100%; margin: 0 auto 3% auto; height:80px; border-top: 1px solid #4C758A; border-bottom: 1px solid #4C758A; background-color:#95CAE2; background: -webkit-gradient(linear, left top, left bottom, from(#5A9CBE), to(#B7D4E2)); background: -moz-linear-gradient(top, #5A9CBE, #B7D4E2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A9CBE', endColorstr='#B7D4E2'); background-image: linear-gradient(to bottom, #5A9CBE 0%, #B7D4E2 100%); background-image: -ms-linear-gradient(top, #5A9CBE 0%, #B7D4E2 100%);} div#nav ul.mainnav li {width:50%; min-height:40px; margin: 0 ; float:left; display:block; text-align:center; list-style-type:none; background-image:none;} div#nav ul.mainnav li a {font: 1.125em Arial, Sans Serif; font-weight:bold; min-width:100%; position:relative; top:8px;} div#nav ul.mainnav li a:link {color:#FFFFFF; text-decoration: none; } div#nav ul.mainnav li a:visited {color: #FFFFFF; text-decoration: none;} div#nav ul.mainnav li a:hover, a:active, a:focus {text-decoration: none; text-shadow: 0em 0em .8em #2B7699; } div#content {width:100%; margin: 1% auto 20% auto;} div#sub p img.ImageP {width:50%; height:50%;} .phoneOff {display:none;} .phoneOn {display:block;} }