aboutsummaryrefslogtreecommitdiffstats
path: root/web
diff options
context:
space:
mode:
Diffstat (limited to 'web')
-rw-r--r--web/cobrands/hart/_colours.scss20
-rw-r--r--web/cobrands/hart/base.scss104
-rw-r--r--web/cobrands/hart/config.rb25
-rwxr-xr-xweb/cobrands/hart/facebook-logo.pngbin0 -> 51475 bytes
-rw-r--r--web/cobrands/hart/favicon.icobin0 -> 318 bytes
-rw-r--r--web/cobrands/hart/favicon.pngbin0 -> 840 bytes
-rw-r--r--web/cobrands/hart/fms-logo.pngbin0 -> 4740 bytes
-rwxr-xr-xweb/cobrands/hart/gov-logo.pngbin0 -> 60982 bytes
-rw-r--r--web/cobrands/hart/hart-logo-inverse-small.gifbin0 -> 2653 bytes
-rwxr-xr-xweb/cobrands/hart/hart-logo-mobile.pngbin0 -> 2333 bytes
-rwxr-xr-xweb/cobrands/hart/hart-logo.pngbin0 -> 62406 bytes
-rw-r--r--web/cobrands/hart/hart.scss475
-rwxr-xr-xweb/cobrands/hart/home_mobile.pngbin0 -> 730 bytes
-rw-r--r--web/cobrands/hart/layout.scss49
-rw-r--r--web/cobrands/hart/main-menu-hover-home-right.gifbin0 -> 4299 bytes
-rw-r--r--web/cobrands/hart/main-menu1.gifbin0 -> 12809 bytes
-rwxr-xr-xweb/cobrands/hart/menu_mobile.pngbin0 -> 169 bytes
-rw-r--r--web/cobrands/hart/position_map.js21
-rw-r--r--web/cobrands/hart/tab-blue.pngbin0 -> 826 bytes
-rwxr-xr-xweb/cobrands/hart/twitter-logo.pngbin0 -> 51429 bytes
-rw-r--r--web/cobrands/southampton/css/style.css26
21 files changed, 707 insertions, 13 deletions
diff --git a/web/cobrands/hart/_colours.scss b/web/cobrands/hart/_colours.scss
new file mode 100644
index 000000000..ce47a17c4
--- /dev/null
+++ b/web/cobrands/hart/_colours.scss
@@ -0,0 +1,20 @@
+/* COLOURS */
+
+$hart_primary: #7ECBA2;
+
+$primary: $hart_primary;
+$col_click_map: $hart_primary;
+$col_click_map_dark: $hart_primary;
+$col_fixed_label_dark: $hart_primary;
+$col_fixed_label: $hart_primary;
+
+$primary_b: #000000;
+$primary_text: #ffffff;
+
+$base_bg: #ffffff;
+$base_fg: #1a1a1a;
+
+/* Unused here */
+$map_nav_bg: #222;
+$nav_fg: #fff;
+$nav_fg_hover: #444;
diff --git a/web/cobrands/hart/base.scss b/web/cobrands/hart/base.scss
new file mode 100644
index 000000000..c163f3fcd
--- /dev/null
+++ b/web/cobrands/hart/base.scss
@@ -0,0 +1,104 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "compass";
+
+@import "../sass/base";
+
+a, a:visited {
+ color: #369;
+ &:hover, &:active {
+ color: #369;
+ }
+}
+
+.issue-list-a {
+ li {
+ color:#666;
+ a {
+ color:#666;
+ }
+ }
+}
+
+h1.main {
+ color: $primary;
+ text-align: center;
+ margin: 0.5em 0;
+}
+
+.container {
+ padding: 0 1em 1em; /* if remove this 1em, need to edit .full-width! */
+}
+
+#site-header {
+ background: $primary;
+ height: 57px;
+
+
+ .mobile-header-nav {
+ height: 56px;
+ float: right;
+ li {
+ a, a:hover {text-decoration:none;}
+ list-style-type: none;
+ float: left;
+ div {
+ height: 57px;
+ width: 57px;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ }
+ .home-icon { background-image: url('/cobrands/hart/home_mobile.png'); }
+ .search-icon { background-image: url('/cobrands/hart/search_mobile.png'); }
+ .menu-icon { background-image: url('/cobrands/hart/menu_mobile.png'); }
+ }
+ }
+}
+
+// Colour tab to match colour scheme
+#nav-link {
+ width: 50px;
+ height: 48px;
+ background: url('/cobrands/hart/tab-blue.png') 0 0 no-repeat;
+}
+
+#problems-nav {
+ border-bottom:0.25em solid $primary;
+ ul li a {
+ text-transform: none;
+ color: #666;
+ &.active {
+ background: $primary;
+ color: #fff;
+ }
+ }
+}
+
+.big-green-banner {
+ text-transform: none;
+ z-index: 0;
+}
+
+#form_sign_in {
+ margin-top: 1em;
+}
+
+#front-main {
+ /* default on mobile view, preventing jagged hart-green box */
+
+ margin: 0;
+ padding: 1em;
+
+ #postcodeForm {
+ padding: 1em;
+ div {
+ padding-top: 0px;
+ input#pc {
+ }
+ input#sub {
+ height: 100%;
+ }
+ }
+ }
+}
diff --git a/web/cobrands/hart/config.rb b/web/cobrands/hart/config.rb
new file mode 100644
index 000000000..cab97b18f
--- /dev/null
+++ b/web/cobrands/hart/config.rb
@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = ""
+sass_dir = ""
+images_dir = ""
+javascripts_dir = ""
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
+
+line_comments = false # by Compass.app
diff --git a/web/cobrands/hart/facebook-logo.png b/web/cobrands/hart/facebook-logo.png
new file mode 100755
index 000000000..931c39316
--- /dev/null
+++ b/web/cobrands/hart/facebook-logo.png
Binary files differ
diff --git a/web/cobrands/hart/favicon.ico b/web/cobrands/hart/favicon.ico
new file mode 100644
index 000000000..a960bae0a
--- /dev/null
+++ b/web/cobrands/hart/favicon.ico
Binary files differ
diff --git a/web/cobrands/hart/favicon.png b/web/cobrands/hart/favicon.png
new file mode 100644
index 000000000..0acd804e7
--- /dev/null
+++ b/web/cobrands/hart/favicon.png
Binary files differ
diff --git a/web/cobrands/hart/fms-logo.png b/web/cobrands/hart/fms-logo.png
new file mode 100644
index 000000000..23bea6b0f
--- /dev/null
+++ b/web/cobrands/hart/fms-logo.png
Binary files differ
diff --git a/web/cobrands/hart/gov-logo.png b/web/cobrands/hart/gov-logo.png
new file mode 100755
index 000000000..d5fc93455
--- /dev/null
+++ b/web/cobrands/hart/gov-logo.png
Binary files differ
diff --git a/web/cobrands/hart/hart-logo-inverse-small.gif b/web/cobrands/hart/hart-logo-inverse-small.gif
new file mode 100644
index 000000000..899567e6d
--- /dev/null
+++ b/web/cobrands/hart/hart-logo-inverse-small.gif
Binary files differ
diff --git a/web/cobrands/hart/hart-logo-mobile.png b/web/cobrands/hart/hart-logo-mobile.png
new file mode 100755
index 000000000..0c779121e
--- /dev/null
+++ b/web/cobrands/hart/hart-logo-mobile.png
Binary files differ
diff --git a/web/cobrands/hart/hart-logo.png b/web/cobrands/hart/hart-logo.png
new file mode 100755
index 000000000..7dd453c3e
--- /dev/null
+++ b/web/cobrands/hart/hart-logo.png
Binary files differ
diff --git a/web/cobrands/hart/hart.scss b/web/cobrands/hart/hart.scss
new file mode 100644
index 000000000..b2602a06e
--- /dev/null
+++ b/web/cobrands/hart/hart.scss
@@ -0,0 +1,475 @@
+/*
+
+ CARGO CULTED FROM BROMLEY FOR NOW
+
+ */
+
+@import "compass";
+@import "_colours";
+
+/* from http://nicolasgallagher.com/micro-clearfix-hack/ */
+.clearfix:before,
+.clearfix:after { content: " "; display: table; }
+.clearfix:after { clear: both; }
+/* For IE 6/7 only */
+.clearfix { *zoom: 1; }
+
+
+// Taken from Bromley's form css
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=file],
+textarea,
+select { background: #fff; border: 1px solid #768b9a; border-color: #768b9a #d1dee8 #d1dee8 #768b9a; color: #333; font-family: "Gill Sans MT", "Gill Sans", Arial, 'Helvetica Neue', Helvetica, sans-serif; padding: 8px;
+@include border-radius(0); }
+
+.green-btn, button.green-btn, input.green-btn {
+ background: #5b7189;
+ border: 1px solid #8e9eb0;
+ color: #fff;
+ font-family: 'Gill Sans MT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
+ font-weight: normal;
+ margin: 0; min-height: 23px;
+ /* outline: 1px solid #405062; */
+ padding: 4px 8px;
+ text-transform: uppercase;
+}
+.green-btn:hover, button.green-btn:hover, input.green-btn:hover {
+ background: #5b7189; border: 1px solid #8e9eb0;
+}
+.form-txt-submit-box input[type=submit] {
+ padding-top: 0; padding-bottom: 0; width: auto;
+}
+
+
+h1, h2, h3, h4, h5, h6, legend { font-family: 'Gill Sans MT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif; }
+body { color: #333; font-family: "Gill Sans MT", "Gill Sans", Arial, 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.4; background-color: $base_bg;}
+
+.nav-wrapper-2,
+body.mappage .nav-wrapper .nav-wrapper-2,
+body.frontpage .nav-wrapper-2 {
+ border: 0;
+ border-top: solid 4px $hart_primary; /* otherwise overridden in base layout.scss
+ for some templates only */
+ min-height: auto;
+ background-color: $hart_primary;
+
+ @media only screen and (min-width:48em) {
+ height: 173px;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ body.frontpage #site-header {
+ height: 13em;
+
+ .mobile-header-nav {
+ display: none;
+ }
+ }
+
+ #skipped-map {
+ clear: both;
+ margin-top: 3em; /* required to push "Your Reports" visible on Safari/IE */
+ }
+
+ #main-nav {
+ margin-top: 106px;
+
+ ul {
+ margin-left: 157px;
+ float: none;
+ }
+ }
+
+ #main-nav ul li {
+ text-align: center;
+ text-transform: uppercase;
+ padding: 0 15px;
+ font-size: 16px;
+ border-right: solid 1px white;
+ line-height: 1.5em;
+ }
+
+ #main-nav ul li a {
+ padding: 0;
+ font-size: inherit;
+ }
+
+ #main-nav ul li:last-child {
+ border-right: none;
+ }
+
+ #main-nav ul li a:link, #main-nav ul li a:visited {
+ color: #fff;
+ }
+
+ #main-nav ul li:hover, #main-nav ul li:hover a, {
+ background-color: white;
+ color: black;
+ text-decoration: none;
+ }
+}
+
+@media only screen and (max-width: 61em) and (min-width: 48em) {
+ #main-nav {
+ padding-left: 0px;
+ float:none;
+ }
+}
+
+/* -------- For Google translate select box only */
+.header-nav div#google_translate_element .goog-te-gadget { font-family: "Gill Sans MT", Arial, 'Helvetica Neue', Helvetica, sans-serif; }
+.header-nav div#google_translate_element .goog-te-gadget .goog-te-combo { margin:5px 0 0 5px; padding:0 0 0 2px; background: #9b9b9b; color: #fff; border: 1px solid #606060; font-size: 12px; width: 138px;}
+.header-nav div#google_translate_element .goog-te-gadget .goog-te-combo option { background:#fff; color: #666; padding: 1px 0; margin: 0; }
+/* --- */
+
+body.frontpage #site-logo,
+#site-logo {
+ display: block;
+ background: url("/cobrands/hart/hart-logo-mobile.png") 0 0 no-repeat;
+ margin: 10px;
+ padding-left: 10px;
+ position: static;
+ @media only screen and (min-width: 48em) {
+ position: relative;
+ top: 1em;
+ margin: 0;
+ margin-left: 2.25em;
+ padding: 0;
+ background: url("/cobrands/hart/hart-logo.png") 0 0 no-repeat;
+ width: 123px;
+ height: 132px;
+ }
+}
+
+.sign-in {
+ display: none;
+}
+@media only screen and (min-width:48em) {
+ .sign-in {
+ display: block;
+ float:right;
+ margin-top:-87px;
+ height: 2em;
+ }
+}
+.sign-in a:link, .sign-in a:visited {color:#333; font-weight:bold; text-decoration:none;}
+.sign-in a:hover, .sign-in a:active {text-decoration:underline;}
+
+.main-menu-wrapper {
+ /* z-index:2; */
+ background-color: #FFF;
+ width:100%;
+ @media only screen and (min-width:48em) {
+ position: absolute;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ body.mappage .main-menu-wrapper {
+ position: fixed
+ }
+}
+
+.main-menu {
+
+ li {
+ font-family: 'Gill Sans MT', 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
+ margin: 0;
+
+ span { display: none }
+
+ a {
+ padding: 0.5em 1em;
+ background: #f6f6f6;
+ color: #333;
+ font-size: 1.25em;
+ border-bottom: 0.25em solid #333;
+ display: block;
+
+ &:link, &:visited {
+ color: $hart_primary;
+ text-decoration: none;
+ }
+ &:hover {
+ background-color: $hart_primary;
+ color: #FFF;
+ }
+ }
+ }
+ @media only screen and (min-width:48em) {
+ margin-top: 173px;
+ height: 2em;
+ max-width: 60em;
+ margin: 173px auto 0 auto;
+
+ li {
+ float: left;
+ margin-left: 1em;
+ text-align: center;
+
+ span {
+ display: inline;
+ }
+
+ a {
+ padding: 0;
+ background: #fff;
+ color: #333;
+ font-size: 1em;
+ border-bottom: 0;
+ display: inline;
+
+ &:link, &:visited {
+ color: $hart_primary;
+ text-decoration: none;
+ }
+ &:hover {
+ background-color: #fff;
+ color: $hart_primary;
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+}
+
+#front-main {
+ background-color: #FFF;
+
+ #front-main-container {
+ padding-bottom: 1em;
+ }
+}
+
+#postcode-intro {
+ background-color: #FFF;
+ color: $hart_primary;
+ padding-bottom: 1em;
+}
+
+.content,
+body.frontpage .table-cell .content {
+ margin-bottom: 2em;
+}
+
+.hart-footer-wrapper {
+
+ background-color: #4F5757;
+ clear: both;
+ height: auto;
+ overflow: hidden;
+ padding: 15px 15px 50px 15px;
+ color:#fff;
+
+ @media only screen and (min-width:48em) {
+ margin-left:-15px;
+ padding: 35px 25px 40px 25px;
+ }
+
+ #footer_outside_wrapper {
+ max-width: 60em;
+ margin: 0 auto;
+ #footer_inside_wrapper {
+ display: block;
+
+ #footer-right {
+ @media only screen and (min-width:48em) {
+ float: right;
+ width: 30%;
+ }
+
+ .region-footer-right {
+ float: left;
+ max-width: 319px;
+ }
+ }
+ #footer-images {
+ width: 50%;
+ text-align: right;
+ padding-bottom: 10px;
+ margin-bottom: 0px;
+ @media only screen and (min-width:48em) {
+ margin-top: 1.5em;
+ padding-bottom: 1em;
+ }
+ float: right!important;
+ text-decoration: none!important;
+ img {
+ margin-bottom: 5px;
+ }
+ a, a:hover, a:active {
+ text-decoration: none;
+ }
+ }
+ }
+ }
+ .footer_border {
+ display: block;
+ }
+ p {
+ margin: 0;
+ }
+ a:link, a:visited {
+ color: #fff; text-decoration: none;
+ }
+ a:hover, a:active {
+ text-decoration: underline;
+ }
+
+ footer#hart-footer {
+ margin-top: 0;
+
+ @media only screen and (min-width:48em) {
+ width: 70%;
+ float: left;
+ }
+ }
+
+ #copyright-block {
+ float: left;
+ margin-left: 1em;
+ }
+ #copyright-block-mobile {
+ margin-left: 10px;
+ }
+
+ #footer-row-2 {
+ margin-top: 2em;
+ }
+
+ .footer-nav, {
+ height:35px;
+
+ margin-left: 0;
+ margin-bottom: 0;
+
+ @media only screen and (min-width:48em) {
+ float: right;
+ }
+
+ li {
+ list-style-type: none;
+ float: left;
+ width: 50%;
+ margin-bottom: 0;
+
+ a {
+ display: block;
+ border-bottom:1px solid #797f7f;
+ padding: 10px 0;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+ @media only screen and (min-width:48em) {
+ border-right:1px solid #fff;
+ width: auto;
+ a {
+ border-bottom: none;
+ padding: 0 10px;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ &:last-child {
+ border: none;
+ padding-right: 0;
+ }
+ }
+ }
+ }
+}
+
+// IE specific CSS
+.ie6 {
+ div { zoom: 1; }
+ .hart-wrapper { padding: 0; }
+ #hart-footer { margin: 0; }
+ //#search input { padding: 8px 5px 2px; }
+ //#search input.button { padding: 0; width: 68px; line-height: 24px; }
+ input.button { overflow: visible; width: 1%; }
+}
+.ie7 {
+ div { zoom: 1; }
+ //#search input { padding: 8px 5px 2px; }
+ //#search input.button { padding: 0; width: 68px; line-height: 24px; }
+ input.button { overflow: visible; }
+}
+.ie8 {
+ //#search input { padding: 8px 5px 2px; }
+ //#search input.button { padding: 0; line-height: 24px; }
+}
+
+// mySociety additions
+.hart-header {
+ font-size: 12px;
+ clear: both;
+}
+
+.header-nav ul {
+ margin: 0;
+}
+
+.header-nav li {
+ list-style-type: none;
+}
+
+.main-menu ul {
+ margin: 0;
+ padding-top: 8px;
+}
+
+.main-menu li {
+ list-style-type: none;
+ color: #000;
+}
+
+.main-menu li.last {
+ padding-right: 0;
+}
+
+.main-menu li.last a:hover, .main-menu li.last a:active {
+}
+
+//#search input { display: inline; margin: 0; @include border-radius(0em); }
+//#search input.button { font-weight: normal; text-transform: none; }
+// The footer breaks the map pages layout, easier to exclude it than
+// work out how to make it not be broken.
+body.mappage .hart-footer-wrapper {
+ display: none;
+}
+#hart-powered-by {
+ float: left;
+ width: 50%;
+ a {
+ margin-left: 10px;
+ }
+ @media only screen and (min-width:48em) {
+ a {
+ margin-left: 1em;
+ }
+ }
+ img {
+ float: none;
+ margin-top: 0;
+ }
+}
+
+.issue-list-a li .text small {
+ display: inline;
+}
+
+#fms_pan_zoom {
+ top: 12em;
+}
+
+#hart_hants_note {
+ background-color: lighten($hart_primary, 30%);
+ padding: 0.5em;
+ font-size: 0.8em;
+}
+
+.banner {
+ z-index: 1;
+}
diff --git a/web/cobrands/hart/home_mobile.png b/web/cobrands/hart/home_mobile.png
new file mode 100755
index 000000000..a0a568b3d
--- /dev/null
+++ b/web/cobrands/hart/home_mobile.png
Binary files differ
diff --git a/web/cobrands/hart/layout.scss b/web/cobrands/hart/layout.scss
new file mode 100644
index 000000000..99f8bdfcf
--- /dev/null
+++ b/web/cobrands/hart/layout.scss
@@ -0,0 +1,49 @@
+@import "_colours";
+@import "../sass/layout";
+
+@media only screen and (min-width: 48em) {
+ .content {
+ margin-top: 8em;
+ }
+ .header-container {
+ max-width: 60em;
+ margin: 0 auto;
+ padding: 0em;
+ position: relative;
+ }
+ body.mappage .content {
+ margin-top: 14em;
+ }
+
+ #front-main-container {
+ background-color: $hart_primary;
+ }
+ .hart-footer-wrapper {
+ display: block;
+ }
+}
+
+#report-a-problem-sidebar {
+ top: 14em;
+}
+
+body.twothirdswidthpage .content {
+ width: 30em;
+ aside {
+ left: 672px;
+ width: 208px;
+ padding: 16px;
+ @include box-shadow(none);
+ }
+ .sticky-sidebar {
+ left: 672px;
+ aside {
+ position: fixed;
+ top: 14em;
+ }
+ }
+}
+
+.content {
+ @include box-shadow(none);
+}
diff --git a/web/cobrands/hart/main-menu-hover-home-right.gif b/web/cobrands/hart/main-menu-hover-home-right.gif
new file mode 100644
index 000000000..80c11c782
--- /dev/null
+++ b/web/cobrands/hart/main-menu-hover-home-right.gif
Binary files differ
diff --git a/web/cobrands/hart/main-menu1.gif b/web/cobrands/hart/main-menu1.gif
new file mode 100644
index 000000000..21ab45668
--- /dev/null
+++ b/web/cobrands/hart/main-menu1.gif
Binary files differ
diff --git a/web/cobrands/hart/menu_mobile.png b/web/cobrands/hart/menu_mobile.png
new file mode 100755
index 000000000..61c1c0cf8
--- /dev/null
+++ b/web/cobrands/hart/menu_mobile.png
Binary files differ
diff --git a/web/cobrands/hart/position_map.js b/web/cobrands/hart/position_map.js
new file mode 100644
index 000000000..e5bc78c9a
--- /dev/null
+++ b/web/cobrands/hart/position_map.js
@@ -0,0 +1,21 @@
+function position_map_box() {
+ var $html = $('html');
+ if ($html.hasClass('ie6')) {
+ $('#map_box').prependTo('body').css({
+ zIndex: 0, position: 'absolute',
+ top: 250, left: 0, right: 0, bottom: 0,
+ width: '100%', height: $(window).height(),
+ margin: 0
+ });
+ } else {
+ $('#map_box').prependTo('body').css({
+ zIndex: 0, position: 'fixed',
+ top: 250, left: 0, right: 0, bottom: 0,
+ width: '100%', height: '100%',
+ margin: 0
+ });
+ }
+}
+
+function map_fix() {}
+var slide_wards_down = 0;
diff --git a/web/cobrands/hart/tab-blue.png b/web/cobrands/hart/tab-blue.png
new file mode 100644
index 000000000..62e6285b7
--- /dev/null
+++ b/web/cobrands/hart/tab-blue.png
Binary files differ
diff --git a/web/cobrands/hart/twitter-logo.png b/web/cobrands/hart/twitter-logo.png
new file mode 100755
index 000000000..7e10506e2
--- /dev/null
+++ b/web/cobrands/hart/twitter-logo.png
Binary files differ
diff --git a/web/cobrands/southampton/css/style.css b/web/cobrands/southampton/css/style.css
index cd4c0f490..8bdf19aa6 100644
--- a/web/cobrands/southampton/css/style.css
+++ b/web/cobrands/southampton/css/style.css
@@ -12,10 +12,10 @@ ul#topMenu {width:860px; height:15px; margin:13px auto 3px auto;}
ul#topMenu li {float:left; list-style-type:none;}
ul#topMenu a {padding:0 5px 2px 5px; font-size:0.9em; color:#000; font-weight:400;}
-#wrapper {width:960px; height:auto; margin:0 auto; background:url(bg-repeat.gif) repeat-y;}
-#header {width:100%; height:176px; background:url(bg-header.jpg) no-repeat; background-position:1px 0px;}
+#wrapper {width:960px; height:auto; margin:0 auto; background:url(../bg-repeat.gif) repeat-y;}
+#header {width:100%; height:176px; background:url(../bg-header.jpg) no-repeat; background-position:1px 0px;}
#header .logo {float:left; width:87px; height:81px; margin:25px 0 17px 46px;}
-#header a.siteTitle {height:27px; width:287px; background:url(logo.png) no-repeat; display:block; font-family:verdana; float:left; margin:60px 0 0 15px; text-indent:-9999px;}
+#header a.siteTitle {height:27px; width:287px; background:url(../logo.png) no-repeat; display:block; font-family:verdana; float:left; margin:60px 0 0 15px; text-indent:-9999px;}
a.mctv {float:right; height:37px; width:104px; margin:15px 7px 0 0;}
a.mctv img {border:none;}
@@ -24,25 +24,25 @@ a.mctv img {border:none;}
#searchWrap form {border:none; padding:0; margin:0 0 10px 0;}
#searchWrap fieldset {border:none; padding:0; margin:0;}
#searchWrap label {color:#1b4384; font-weight:700; font-size:1.1em; margin:0; padding:0;}
-#searchWrap input {float:left; background:url(bg-input.gif) repeat-x; margin:3px 0 0 0; line-height:16px; padding:3px 5px 3px 4px;}
-#searchWrap .button {background:url(bg-button.gif) repeat-x; margin:3px 0 0 5px; float:left; height:26px; padding:0 3px 4px 3px; color:#fff; border:none;}
+#searchWrap input {float:left; background:url(../bg-input.gif) repeat-x; margin:3px 0 0 0; line-height:16px; padding:3px 5px 3px 4px;}
+#searchWrap .button {background:url(../bg-button.gif) repeat-x; margin:3px 0 0 5px; float:left; height:26px; padding:0 3px 4px 3px; color:#fff; border:none;}
.moreInfo {margin:0 0 -2px 2px;}
.text {width:109px; color:#999;}
.text2 {width:137px; color:#999;}
-ul#topNav {width:870px; height:17px; background:#1b4384; clear:both; margin:0 auto; padding:3px 0 1px 0;}
-ul#topNav li {float:left; list-style-type:none; background:url(line.gif) no-repeat 0 2px;}
+ul#topNav {width:870px; height:40px; background:#1b4384; clear:both; margin:0 auto; padding:3px 0 1px 0;}
+ul#topNav li {float:left; list-style-type:none; background:url(../line.gif) no-repeat 0 2px;}
ul#topNav li:first-child {background:none;}
ul#topNav li a {color:#ffffff; font-size:1.2em; padding:0 7px 0 8px; font-size:1.2em; font-weight:400;}
p.atoz {float:left; margin:8px 0 0 43px; padding:5px 5px 3px 0; font-size:1.2em; border-bottom:1px solid #E0DBEF;}
-ul#atoz {width:485px; float:left; margin:13px 0 0 0; border-bottom:1px solid #E0DBEF; padding:0 0 1px 0;}
+ul#atoz {width:420px; float:left; margin:13px 0 0 0; border-bottom:1px solid #E0DBEF; padding:0 0 1px 0;}
ul#atoz li {list-style-type:none; display:inline;}
ul#atoz li a {font-size:13px; font-weight:400;}
ul#contacts {float:right; margin:13px 36px 0 0; padding:0;}
-ul#contacts li {float:left; list-style-type:none; background:url(blue-line.gif) no-repeat 0 2px;}
+ul#contacts li {float:left; list-style-type:none; background:url(../blue-line.gif) no-repeat 0 2px;}
ul#contacts li:first-child {background:none;}
ul#contacts li a {font-size:1.2em; padding:0 8px 0 10px; font-weight:400;}
@@ -54,12 +54,12 @@ ul#contacts li a {font-size:1.2em; padding:0 8px 0 10px; font-weight:400;}
#menuBar {width:200px; height:auto; float:left; margin:25px 0 0 43px; padding-bottom:25px; clear:both; }
-ul#leftMenu {height:auto; width:199px; float:left; background:#e9eef7 url(bg-box.gif) no-repeat -1px 100%; padding:0 0 10px 0; margin:5px 0 0 0; overflow:hidden;}
+ul#leftMenu {height:auto; width:199px; float:left; background:#e9eef7 url(../bg-box.gif) no-repeat -1px 100%; padding:0 0 10px 0; margin:5px 0 0 0; overflow:hidden;}
ul#leftMenu li {list-style-type:none; width:199px; padding:0;}
ul#leftMenu li a {display:block; width:100%; line-height:1.5em; padding:3px 10px 3px 32px; font-size:1.2em; font-weight:700;}
-ul#leftMenu li.parent {background:url(bulletActiveSG.gif) no-repeat #768eb5; background-position:10px 11px; color:#fff; padding:3px 0 3px 0;}
+ul#leftMenu li.parent {background:url(../bulletActiveSG.gif) no-repeat #768eb5; background-position:10px 11px; color:#fff; padding:3px 0 3px 0;}
ul#leftMenu li.parent a {color:#fff}
-ul#leftMenu li.selected {background:url(bullet.gif) no-repeat; background-position:10px 8px; color:#fff; padding:0;}
+ul#leftMenu li.selected {background:url(../bullet.gif) no-repeat; background-position:10px 8px; color:#fff; padding:0;}
/* ******* End of Left Menu Bar ******* */
@@ -75,7 +75,7 @@ ul#leftMenu li.selected {background:url(bullet.gif) no-repeat; background-positi
/* ******* Start of Footer ******* */
-#footer {width:100%; height:54px; clear:both; background:url(bg-footer.gif) no-repeat;}
+#footer {width:100%; height:54px; clear:both; background:url(../bg-footer.gif) no-repeat;}
a.accessInfo {float:left; height:32px; width:117px; margin:0 10px 0 43px;}
a.accessInfo img {border:none;}