aboutsummaryrefslogtreecommitdiffstats
path: root/web/css
diff options
context:
space:
mode:
Diffstat (limited to 'web/css')
-rw-r--r--web/css/core.css354
-rw-r--r--web/css/main-scambs.css19
-rw-r--r--web/css/main.css131
-rw-r--r--web/css/scambs.css1110
4 files changed, 1614 insertions, 0 deletions
diff --git a/web/css/core.css b/web/css/core.css
new file mode 100644
index 000000000..57cfcebe9
--- /dev/null
+++ b/web/css/core.css
@@ -0,0 +1,354 @@
+/* Generics */
+
+blockquote {
+ border-left: solid 4px #666666;
+ padding-left: 0.5em;
+}
+blockquote h2, blockquote p {
+ margin: 0;
+}
+
+form {
+ margin: 0;
+}
+
+select, input, textarea {
+ font-size: 99%;
+}
+
+label {
+ float: left;
+ text-align: right;
+ padding-right: 0.5em;
+ width: 5em;
+}
+
+#fieldset {
+ border: none;
+ padding: 0.5em;
+}
+
+legend {
+ display: none;
+}
+
+dt {
+ font-weight: bold;
+ margin-top: 0.5em;
+}
+
+.v { display: none; }
+
+#error {
+ text-align: center;
+ color: #cc0000;
+ font-size: larger;
+}
+
+ul {
+ padding: 0 0 0 1.5em;
+ margin: 0;
+}
+
+ul#error {
+ color: #cc0000;
+ background-color: #ffeeee;
+ padding-right: 4px;
+ border: solid 1px #cc0000;
+ text-align: left;
+}
+
+/* Site-wide layout */
+
+#advert_thin {
+ width: 50%;
+ margin: 1em auto;
+ border-top: dotted 1px #999999;
+}
+#advert_hfymp {
+ border-top: dotted 1px #999999;
+ text-align: center;
+}
+
+/* Front page */
+
+#expl {
+ text-align: center;
+ font-size: 150%;
+ margin: 0 2em;
+}
+
+#postcodeForm {
+ display: table;
+ _width: 33em;
+ text-align: center;
+ font-size: 150%;
+ margin: 1em auto;
+ padding: 1em;
+ -moz-border-radius: 1em;
+ border-radius: 1em;
+}
+
+#postcodeForm label {
+ float: none;
+ padding-right: 0;
+}
+
+#postcodeForm #submit {
+ font-size: 83%;
+}
+
+#front_intro {
+ float: left;
+ width: 48%;
+}
+
+#front_intro p {
+ clear: both;
+ margin-top: 0;
+}
+
+#front_stats div {
+ text-align: center;
+ width: 5.5em;
+ -moz-border-radius: 0.5em;
+ border-radius: 0.5em;
+ float: left;
+ margin: 0 1em 1em;
+}
+
+#front_stats div big {
+ font-size: 150%;
+ display: block;
+}
+
+#front_recent {
+ float: right;
+ width: 48%;
+ margin-bottom: 1em;
+}
+#front_recent img, #alert_recent img {
+ margin-right: 0.25em;
+ margin-bottom: 0.25em;
+}
+#front_recent > h2:first-child, #front_intro > h2:first-child {
+ margin-top: 0;
+}
+
+/* Forms */
+
+#fieldset div {
+ margin-top: 2px;
+ clear: left;
+}
+#fieldset div.checkbox {
+ padding-left: 5.5em;
+}
+#fieldset div.checkbox label, label.n {
+ float: none;
+ text-align: left;
+ padding-right: 0;
+ width: auto;
+ cursor: pointer;
+ cursor: hand;
+}
+
+#questionnaire label, #alerts label {
+ float: none;
+}
+
+/* Map */
+
+#map_box {
+ float: right;
+ width: 510px;
+ position: relative;
+ margin-left: 20px;
+}
+
+p#copyright {
+ float: right;
+ margin: 0 0 1em 0;
+ font-size: 78%;
+}
+
+#map {
+ border: solid 1px #000000;
+ width: 508px;
+ height: 508px;
+ overflow: hidden;
+ position: relative;
+ background-color: #f1f1f1;
+}
+
+#drag {
+ position: absolute;
+ width: 508px;
+ height: 508px;
+ right: 0;
+ top: 0;
+}
+
+#drag input {
+ cursor: crosshair;
+ background-color: #cccccc;
+}
+#drag img {
+ cursor: move;
+}
+#drag input, #drag img {
+ position: absolute;
+ border: none;
+}
+#drag img.pin {
+ z-index: 100;
+ background-color: inherit;
+}
+#drag a img.pin {
+ cursor: pointer;
+ cursor: hand;
+}
+
+#compass {
+ background-color: #ffffff;
+ border: solid 1px #000000;
+ border-width: 0 1px 1px 1px;
+ color: #000000;
+ position: absolute;
+ top: 0px;
+ right: 439px;
+}
+
+#compass img {
+ border: 0;
+}
+
+#text_map {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+#text_no_map {
+ margin-top: 0;
+}
+
+/* Problem pages */
+
+#fixed, #unknown {
+ margin: 1em auto;
+ width: 80%;
+ padding: 5px;
+ text-align: center;
+}
+#fixed {
+ background-color: #ccffcc;
+ border: solid 2px #009900;
+}
+#unknown {
+ background-color: #ffcccc;
+ border: solid 2px #990000;
+}
+
+#updates div {
+ padding: 0 0 0.5em;
+ margin: 0 0 0.25em;
+ border-bottom: dotted 1px #5e552b;
+}
+#alert_links {
+ float: right;
+}
+#rss_link {
+}
+#email_alert {
+}
+#email_alert_box {
+ display:none;
+ position: absolute;
+ padding: 3px;
+ font-size:83%;
+ border:solid 1px #7399C3;
+ background-color: #eeeeff;
+ color: #000000;
+}
+#email_alert_box p {
+ margin: 0;
+}
+
+/* RSS feed XSL */
+
+#rss_items {
+ width:62%;
+ float:left;
+}
+#rss_rhs {
+ border-left:1px dashed #999;
+ width:36%;
+ float:right;
+ padding: 0 0 0 0.5em;
+ margin: 0 0 1em 0.5em;
+}
+#rss_box {
+ padding:10px;
+ border:1px solid #999999;
+}
+
+/* Alerts */
+#rss_feed {
+ list-style-type: none;
+ margin-bottom: 2em;
+}
+#rss_feed li {
+ margin-bottom: 1em;
+}
+#alert_or {
+ font-style: italic;
+ font-size: 125%;
+ margin: 0;
+}
+#rss_list {
+ float: left;
+ width: 47%;
+}
+#rss_list ul {
+ list-style-type: none;
+}
+#rss_buttons {
+ float: right;
+ width: 35%;
+ text-align: center;
+ margin-bottom: 2em;
+}
+#rss_local {
+ margin-left: 1.5em;
+ margin-bottom: 0;
+}
+#rss_local_alt {
+ margin: 0 0 2em 4em;
+}
+
+#alert_photos {
+ text-align: center;
+ float: right;
+ width: 150px;
+ margin-left: 0.5em;
+}
+#alert_photos h2 {
+ font-size: 100%;
+}
+#alert_photos img {
+ margin-bottom: 0.25em;
+}
+
+/* Report page */
+
+#col_problems, #col_fixed {
+ float: left;
+ width: 48%;
+ margin-right: 1em;
+}
+
+/* Printing */
+@media print {
+ #map_box { float: none; margin: 0 auto; }
+ #content { max-width: none; }
+ #side { margin-right: 0; }
+}
diff --git a/web/css/main-scambs.css b/web/css/main-scambs.css
new file mode 100644
index 000000000..08ed4011e
--- /dev/null
+++ b/web/css/main-scambs.css
@@ -0,0 +1,19 @@
+blockquote {
+ border-left: solid 4px #013B63;
+}
+
+.a {
+ color: #000000;
+ background-color: #427499;
+}
+
+#postcodeForm, #front_stats div {
+ background-color: #427499;
+ color: #ffffff;
+}
+
+#front_stats div {
+ padding: 0.5em 0;
+ width: 7em;
+}
+
diff --git a/web/css/main.css b/web/css/main.css
new file mode 100644
index 000000000..ab3522825
--- /dev/null
+++ b/web/css/main.css
@@ -0,0 +1,131 @@
+/* Generics */
+
+body {
+ font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ /* color: #a9aeb0; */
+}
+
+h1 {
+ margin: 0;
+ font-size: 175%;
+}
+h2 {
+ font-size: 140%;
+}
+
+a:link {
+ color: #0000ff;
+}
+a:visited {
+ color: #000099;
+}
+a:hover, a:active {
+ color: #ff0000;
+}
+
+blockquote {
+ border-left: solid 4px #5e552b;
+}
+
+.a {
+ color: #000000;
+ background-color: #f3e5a5;
+}
+
+/* Site layout */
+
+#header {
+ font-size: 200%;
+ font-weight: bold;
+ border-bottom: solid 2px #5e552b;
+ margin: 0;
+ padding: 5px 0.5em;
+ background-color: #e3d595;
+ color: #5e552b;
+}
+
+#my {
+ color: #4e451b;
+ background-color: #e3d595;
+}
+#beta {
+ color: #6e653b;
+ background-color: #e3d595;
+ font-size: 50%;
+ font-style: italic;
+}
+
+#header a:link, #header a:visited {
+ color: #5e552b;
+ background-color: #e3d595;
+ text-decoration: none;
+}
+#header a:active, #header a:hover {
+ text-decoration: underline;
+}
+
+#content {
+ width: 100%; /* Must specify a width or IE goes crazy wrong! */
+ position: relative;
+ margin: 0 auto;
+ max-width: 60em;
+}
+
+/* Can't put the margin in #content because of above IE craziness */
+#wrapper {
+ margin: 2em;
+}
+
+#navigation {
+ position: absolute;
+ top: 1em;
+ right: 1em;
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+}
+#navigation li {
+ display: inline;
+ padding: 0;
+ margin: 0;
+}
+
+#navigation a {
+ display: -moz-inline-box;
+ display: inline-block;
+ padding: 0.5em 1em;
+}
+#navigation a:link, #navigation a:visited {
+ color: #5e552b;
+}
+#navigation a:hover, #navigation a:active {
+ background-color: #5e552b;
+ color: #e3d595;
+}
+
+#nav_new a {
+ background-image: url("/i/new.png");
+ background-repeat: no-repeat;
+ background-position: 100% 0;
+}
+
+#footer {
+ clear: both;
+ text-align: right;
+ font-size: 83%;
+ border-top: solid 1px #5e552b;
+ display: table;
+ margin: 2em 0 1em auto;
+ padding: 2px 4px;
+}
+
+#postcodeForm {
+ background-color: #e3d595;
+}
+
+#front_stats div {
+ background-color: #e3d595;
+}
+
diff --git a/web/css/scambs.css b/web/css/scambs.css
new file mode 100644
index 000000000..38733d294
--- /dev/null
+++ b/web/css/scambs.css
@@ -0,0 +1,1110 @@
+/************************************************/
+/* scambs_web.css */
+/* Use for website and ActiveEdit */
+/************************************************/
+
+/***********************************************/
+/* HTML tag styles */
+/***********************************************/
+
+html {
+ margin: 0px 10px;
+ background: #E3E3CB;
+ border-left: #999 solid 1px;
+ border-right: #999 solid 1px;
+}
+/*added an extra pixel to make sure the background lines are seen in all browsers, especialy Opera*/
+
+body {
+ margin: 0px;
+ color: #333;
+ padding: 0px;
+ min-height: 100%;
+ background: #fff;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+* html body {
+ margin: 0px 10px;
+ border-left: #999 solid 1px;
+ border-right: #999 solid 1px;
+ height: 100%;
+}
+
+a {
+ color: #336699;
+ text-decoration: none;
+}
+
+a:link{
+ color: #336699;
+ text-decoration: none;
+}
+
+a:visited{
+ color: #336699;
+ text-decoration: none;
+}
+
+a:hover{
+ color: #666;
+ text-decoration: underline;
+}
+
+a:active, a:focus {
+ color: #fff;
+ background: #660000;
+}
+
+form {
+ margin: 0px;
+}
+
+h1 {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ color: #003366;
+ text-transform: uppercase;
+ font-weight: bold;
+ letter-spacing: 0.1em;
+}
+
+h2{
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ line-height: 1.2em;
+ font-weight: bold;
+ color: #006699;
+}
+
+h3{
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ line-height: 1.1em;
+ color: #003366;
+}
+
+h4{
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ line-height: 1em;
+ color: #000000;
+}
+
+ul li {
+ list-style-type: disc;
+ font-size: 1em;
+}
+
+
+ol li {
+ list-style-type: decimal;
+}
+
+img {
+ border: 0px;
+}
+
+th {
+ color: #000000;
+ text-align: left;
+}
+
+/* Structured Pages Styles */
+
+#menupanel span.year {
+ font-size: 1.2em;
+}
+
+#centrepanel table.listings {
+ border: 1px solid #006699;
+ width: 100%;
+}
+
+#centrepanel th {
+ color: #003366;
+ text-align: left;
+ border-bottom: 1px solid #006699;
+}
+
+#centrepanel th.day {
+ width: 40px;
+}
+
+#centrepanel th.date {
+ width: 100px;
+}
+
+#centrepanel th.type {
+ width: 60px;
+}
+
+.lefttop
+{
+ text-align: left;
+ vertical-align:top;
+}
+
+/*** Search Result Styles***/
+
+table.searchresults td {
+ text-align: left;
+ vertical-align: top;
+}
+
+tr.resultrow td {
+ background: #eee;
+}
+
+tr.result td {
+ padding-bottom: 20px;
+}
+
+span.resultdate {
+ color: #006699;
+ font-style: italic;
+}
+
+/***********************************************/
+/* Layout Divs */
+/***********************************************/
+/* Skip content links*/
+a.skip {
+ float: left;
+ position: absolute; left: -500em; width: 20em;
+}
+
+.test {
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y 180px 0px;
+ min-height: 1000px;
+ height: 100%;
+ clear: both;
+ }
+
+/*allcontent*/
+#content{
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots_right.gif) repeat-y top right;
+ width: 100%;
+ height: 100%;
+ margin: 0px;
+ clear: both;
+}
+
+#contentnodots{
+ width: 100%;
+ height: 100%;
+ margin: 0px;
+ clear: both;
+}
+
+/*top layer*/
+#top {
+ clear: both;
+ height: 1.7em;
+ padding: 0px 0px 0px 0px;
+ border-bottom: 1px solid #fff;
+ background: #013B63 url(http://www.scambs.gov.uk/system/images/scambs/topbck.jpg) repeat-y;
+}
+
+#topnav {
+ padding: 4px 10px 0px 15px;
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 0.7em;
+ text-align: right;
+ color: #fff;
+}
+
+#topnav a:link {
+ color: #fff;
+}
+
+#topnav a:visited {
+ color: #fff;
+}
+#topnav a:hover {
+ color: #CCCCCC;
+}
+
+#topnav a:active, #topnav a:focus {
+ color: #fff;
+}
+
+#topnav ul, #topnav li {
+ display: inline;
+ margin: 0px;
+ }
+
+/***********************************************/
+
+.floatleft {
+ float: left;
+}
+
+.floatright {
+ float: right;
+}
+
+.block {
+ display: block;
+}
+
+.clear {
+ clear: both;
+}
+
+/*use for hidden text */
+.hide {
+ display: none;
+}
+
+.uline {
+ text-decoration: underline;
+}
+
+.italic {
+ text-decoration: italic;
+}
+
+.dotted {
+background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left center;
+height: 1px;
+}
+
+.dottedgreyback {
+background: #f7f7f7 url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left center;
+height: 1px;
+}
+
+.greyback {
+background: #f7f7f7;
+}
+
+.dkgreyback {
+background: #efefef;
+}
+
+.blueback {
+background: #e0f1ff;
+}
+
+.pinkback {
+background: #ffe0e6;
+}
+
+.yellowback {
+background: #ffffd0;
+}
+
+.blackback {
+background: #000000;
+}
+
+.purpleback {
+background: #813f62;
+}
+
+.greenback {
+background: #008000;
+}
+
+.redtext {
+color: red;
+}
+
+.whitetext {
+color: white;
+}
+
+.bluetext {
+color: #006699;
+}
+
+.centertext {
+text-align: center
+}
+
+.AZ {
+ padding-right: 2px;
+ padding-left: 2px;
+ border: 1px solid gray;
+ font-weight: bold;
+ float: left;
+ margin: 1px;
+ width: 10px;
+ text-align: center;
+}
+
+.AZselected {
+ padding-right: 2px;
+ padding-left: 2px;
+ border: 1px solid gray;
+ font-weight: bold;
+ float: left;
+ margin: 1px;
+ text-decoration: underline;
+}
+
+/*job vacancies styles*/
+#jobvacs div {
+ /*float: left;*/
+ /*width: 240px;*/
+ padding-right: 5px;
+}
+
+#jobvacs span {
+ /*float: left;*/
+}
+
+#jobvacs div div {
+ width: 100px;
+ font-weight: bold;
+ float: left;
+}
+
+#jobvacs br {
+ /*clear: left;*/
+}
+
+/***********************************************/
+
+/*masthead*/
+#masthead {
+ clear: both;
+ display: block;
+ height: 150px;
+ width: 100%;
+ border-bottom: 1px solid #fff;
+ background: #013B63;
+}
+
+#bannerimage {
+ height: 150px;
+ background: url(http://www.scambs.gov.uk/images/southcambridgeshiredistrictcouncil/headers/defaultBg.jpg) no-repeat top left;
+}
+
+#Housingbannerimage {
+ height: 150px;
+ background: url(http://www.scambs.gov.uk/images/southcambridgeshiredistrictcouncil/headers/housing.jpg) no-repeat top left;
+}
+
+#homeimage {
+ display: block;
+ float:left;
+ height: 150px;
+ width:420px;
+ margin: 0;
+}
+
+#homeimage img {
+ display: inline;
+ float:left;
+}
+
+#logo{
+ display: block;
+ float:right;
+ height: 150px;
+ margin: 0px;
+ border-left: 2px solid #fff;
+}
+
+/***********************************************/
+
+/*header layer*/
+#header {
+ clear: both;
+ display: block;
+ height: 1.9em;
+ background: #427499 url(http://www.scambs.gov.uk/system/images/scambs/headerbck.jpg) repeat-y;
+}
+
+/*Header navigation*/
+#headernav {
+ display: block;
+ float: left;
+ padding: 7px 10px 0px 15px;
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 0.8em;
+ text-align: left;
+ color: #fff;
+}
+
+#headernav a:link {
+ color: #fff;
+}
+
+#headernav a:visited {
+ color: #fff;
+}
+#headernav a:hover {
+ color: #CCCCCC;
+}
+
+#headernav a:active, #headernav a:focus {
+ color: #fff;
+}
+
+/*Search navigation*/
+#headersearch {
+ padding: 2px 10px 0px 5px;
+ display: block;
+ float: right;
+ width: 300px;
+ height: 27px;
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 0.7em;
+ text-align: right;
+ color: #fff;
+}
+
+#headersearch a:link {
+ color: #fff;
+}
+
+#headersearch a:visited {
+ color: #fff;
+}
+#headersearch a:hover {
+ color: #CCCCCC;
+}
+
+#headersearch a:active, #headersearch a:focus {
+ color: #fff;
+}
+
+.form {
+ padding: 0px 5px 0px 5px;
+}
+
+/***********************************************/
+
+
+/*Breadcrumb layer*/
+#breadcrumb {
+ clear: both;
+ width: 100%;
+ height: 1.9em;
+ margin: 0px;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/breadcrumb.jpg) repeat-y;
+}
+
+/*Breadcrumb navigation*/
+#breadcrumbtext {
+ display: block;
+ float: left;
+ padding: 7px 10px 0px 15px;
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 0.7em;
+ text-align: left;
+ color: #006699;
+}
+
+#breadcrumbtext a:link {
+ color: #003366;
+}
+
+#breadcrumbtext a:visited {
+ color: #003366;
+}
+
+#breadcrumbtext a:hover {
+ color: #333;
+}
+
+#breadcrumbtext a:active, #breadcrumbtext a:focus {
+ color: #fff;
+}
+
+/*************************/
+/*Content layer*/
+/* mySociety commented out
+#maintext img {
+ border: 1px solid #999;
+ padding: 2px;
+ margin: 0px;
+}
+*/
+
+#maintext {
+ display: block;
+ margin: 20px 0px 0px 0px;
+ padding: 5px 15px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ line-height: 1.4em;
+ font-weight: normal;
+ color: #333;
+ height: 100%;
+}
+
+#maintext h1 {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ color: #003366;
+ text-transform: uppercase;
+ font-weight: bold;
+ letter-spacing: 0.1em;
+}
+
+/*Use for subheadings*/
+#maintext h2{
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ line-height: 1.2em;
+ font-weight: bold;
+ color: #006699;
+}
+
+/*Use for textheadings*/
+#maintext h3{
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.9em;
+ line-height: 1em;
+ color: #003366;
+}
+
+/* mySociety commented out
+#maintext ul, #maintext ol {
+ margin: 0;
+ padding: 0px 0px 0px 15px;
+ border: none;
+}
+*/
+
+/* Style for unordered list*/
+/* mySociety commented out
+#maintext ul li {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ color: #333;
+ line-height: 1.4em;
+ padding: 0;
+ list-style-type: disc;
+}
+*/
+
+/* Style for ordered list*/
+/* mySociety commented out
+#maintext ol li {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ color: #333;
+ line-height: 1.4em;
+ padding: 0;
+ list-style-type: decimal;
+}
+*/
+
+#formtable img {
+ border: 0px;
+ padding: 5px;
+}
+
+#maintext ul.hlist, #maintext ul.hlist li {
+ display: block;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#maintext ul.hlist li {
+ float: left;
+}
+
+#maintext ul.eventdate-year, #maintext ul.eventdate-month {
+ height: 30px;
+}
+
+#maintext ul.eventdate-year {
+ font-size: 1em;
+}
+
+#maintext ul.eventdate-year li, #maintext ul.eventdate-month li {
+ margin: 0 5px 0 0;
+}
+
+#maintext ul.eventdate-year li strong, #maintext ul.eventdate-month li strong {
+ margin: 0 0 0 5px;
+}
+
+#maintext ul.eventdate-year li a, #maintext ul.eventdate-month li a {
+ margin: 0 0 0 5px;
+}
+
+#maintext ul.eventdate-year li a strong, #maintext ul.eventdate-month li a strong {
+ margin: 0;
+}
+
+/***********************************************/
+
+/*Content Left Column layer*/
+#left{
+ float: left;
+ width: 183px;
+ height: 100%;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y right top;
+}
+
+#sectiontitle {
+ display: block;
+ height: 25px;
+ background: #003366;
+ margin-right: 1px;
+}
+
+#sectiontitle ul{
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: normal;
+ font-size: 0.8em;
+ color: #fff;
+ padding: 5px 0px 0px 15px;
+ margin: 0px;
+}
+
+#sectiontitle ul li {
+ list-style-type: none;
+}
+
+#sectiontitle a:link {
+ color: #fff;
+ text-decoration: none;
+}
+
+#sectiontitle a:visited {
+ color: #fff;
+ text-decoration: none;
+}
+
+#sectiontitle a:hover {
+ color: #cccccc;
+ text-decoration: underline;
+}
+
+#sectiontitle a:active, #sectiontitle a:focus {
+ color: #fff;
+}
+
+#leftnav ul {
+ margin: 0;
+ padding: 0;
+ border: none;
+ display: block;
+ clear: both;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left bottom;
+}
+
+#leftnav ul li {
+ list-style-type: none;
+}
+
+/*First level headings*/
+#leftnav ul li.first{
+ padding: 6px 5px 10px 15px;
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 0.8em;
+ color: #003366;
+ background-image: url(http://www.scambs.gov.uk/system/images/scambs/menu1_arrow.gif);
+ background-repeat: no-repeat;
+}
+
+#leftnav ul li a:link {
+ color: #003366;
+}
+
+#leftnav ul li a:visited {
+ color: #003366;
+}
+
+#leftnav ul li a:hover {
+ color: #666;
+}
+
+#leftnav ul li a:active, #leftnav ul li a:focus {
+ color: #fff;
+}
+
+/*Second level headings*/
+#leftnav ul li ul.second{
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: normal;
+ line-height: 1.1em;
+ text-align: left;
+ margin: 0;
+ padding: 0;
+ border: none;
+ color: #663300;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/blank.gif) repeat-x left bottom;
+}
+
+#leftnav ul li ul li
+{
+ padding-right: 0px;
+ padding-left: 15px;
+ background-image: url(http://www.scambs.gov.uk/system/images/scambs/menu2_arrow.gif);
+ padding-bottom: 0px;
+ padding-top: 0px;
+ background-repeat: no-repeat;
+}
+
+#leftnav ul li ul a:link {
+ color: #663300;
+}
+
+#leftnav ul li ul a:visited {
+ color: #663300;
+}
+
+#leftnav ul li ul a:hover {
+ color: #666;
+ text-decoration: underline;
+}
+
+#leftnav ul li ul a:active, #leftnav ul li ul a:focus {
+ color: #fff;
+}
+
+/***********************************************/
+/*Content Middle Column layer*/
+
+#middle{
+ padding: 0px 0px 30px 0px;
+ /* margin: 0px 235px 0px 182px; mySociety changed */
+ margin: 0 0 0 182px;
+ height: 100%;
+ background: #fff;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+}
+
+#middle .padding {
+ padding: 0px 10px 10px 10px;
+}
+
+#middletop h1, #middleleft h1, #middleright h1 {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ color: #003366;
+ text-transform: uppercase;
+ font-weight: bold;
+ letter-spacing: 0.1em;
+ font-size: 1em;
+}
+
+#middle a:link {
+ color: #006699;
+ text-decoration: none;
+}
+
+#middle a:visited {
+ color: #006699;
+ text-decoration: none;
+}
+
+#middle a:hover {
+ color: #666;
+ text-decoration: underline;
+}
+
+#middle a:active, #middle a:focus {
+ color: #fff;
+}
+
+/*************************/
+/*Content Middle Top layer*/
+#middletop {
+ padding-top: 22px;
+ margin: 0px;
+ height: 1px;
+}
+
+#middletop p {
+ color: #000000;
+ line-height: 1.2em;
+}
+
+#mtfeature1, #mtfeature2, #mtfeature3, #mtfeature4, .mtfeature {
+ display: block;
+}
+
+#mtimage1, #mtimage2, #mtimage3, #mtimage4, .mtimage {
+ display:block;
+ float: left;
+}
+
+#mtimage1 img, #mtimage2 img, #mtimage3, #mtimage4 img, .mtimage img{
+ border: 1px solid #999;
+ padding: 2px;
+ margin: 0px 10px 0px 0px;
+}
+
+#mttext1, #mttext2, #mttext3, #mttext4, .mttext {
+ display: block;
+}
+
+
+#middletop h2{
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ line-height: 1em;
+ font-weight:bold;
+ color: #003366;
+ margin: 0px;
+}
+
+
+/*************************/
+/*Content Middle left layer*/
+
+#middleleft a:link, #middleright a:link, #middlebottom a:link {
+ text-decoration: none;
+}
+
+#middleleft {
+ width: 49%;
+ float: left;
+ padding: 10px;
+ margin: 0px;
+ margin-right: -10px;
+ height: 1%;
+}
+
+#middleleft ul {
+ margin: 0;
+ padding: 0px 0px 0px 15px;
+ border: none;
+ clear: both;
+}
+
+#middleleft ul li{
+ color: #000000;
+ line-height: 1.5em;
+ padding: 0px 10px 0px 0px;
+ list-style-image: url(http://www.scambs.gov.uk/system/images/scambs/arrow2.gif) ;
+}
+
+
+/*************************/
+/*Content Middle right layer*/
+
+#middleright {
+ margin-left: 49%;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y left top;
+ padding: 10px;
+ height: 1%;
+}
+
+#middleright ul {
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+
+#middleright ul li{
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+
+/*************************/
+/*Content Middle bottom layer*/
+
+#middlebottom, .middlebottom {
+ margin-top: 10px;
+ padding: 2px;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x;
+ height: 1%;
+}
+
+/***********************************************/
+/*Content Right Column layer*/
+
+#right{
+ float: right;
+ width: 235px;
+ background: #fff url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y left top;
+ height: 100%;
+ margin: 0px;
+}
+
+.rightcontent{
+ padding: 0px 3px 10px 8px;
+}
+
+.rightcontent h1 {
+ color: #663300;
+ font-weight: bold;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+}
+
+#right .title {
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-size: 1em;
+ color: #663300;
+ text-transform: uppercase;
+ font-weight: bold;
+ letter-spacing: 0.1em;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+ line-height: 0.8em;
+}
+
+.rightcontent ul {
+ margin: 0px;
+ padding: 0px 0px 0px 17px;
+ border: none;
+}
+
+.rightcontent ul li {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+ line-height: 1.5em;
+ padding: 0px;
+ list-style-image: url(http://www.scambs.gov.uk/system/images/scambs/arrow2.gif) ;
+}
+
+/**Right Content 1**/
+#rightcontent1, #address, div.address {
+ padding: 5px 3px 10px 8px;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left bottom;
+}
+
+#rightcontent1 h1, #address h1, div.address h1 {
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-size: 1em;
+ color: #663300;
+ text-transform: uppercase;
+ font-weight: bold;
+ letter-spacing: 0.1em;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+ line-height: 0.8em;
+}
+
+#rightcontent1 h2, #address h2, div.address h2{
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+ color: #333;
+ margin: 0px;
+ padding: 0px;
+ line-height: 0.8em;
+}
+
+
+#rightcontent1 p, #address p, div.address p {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+ color: #000000;
+ line-height: 1.2em;
+}
+
+
+/**Right Content 2**/
+#rightcontent2 {
+ padding: 0px 3px 10px 8px;
+ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left bottom;
+}
+#rightcontent2 h1{ font-family: "trebuchet MS", Helvetica, sans-serif;
+ color: #663300;
+ font-weight: bold;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+ line-height: 1em;
+}
+
+#rightcontent2 ul, #rightcontent3 ul {
+ margin: 0px;
+ padding: 0px 0px 0px 17px;
+ border: none;
+}
+
+#rightcontent2 ul li, #rightcontent3 ul li {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+ line-height: 1.5em;
+ padding: 0px;
+ list-style-image: url(http://www.scambs.gov.uk/system/images/scambs/arrow2.gif) ;
+}
+
+/**Right Content 3**/
+#rightcontent3 {
+ padding: 0px 3px 10px 8px;
+}
+#rightcontent3 h1{
+ color: #663300;
+ font-weight: bold;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 0.7em;
+}
+
+#bottominfo {
+ margin: -40px 235px 0px 200px;
+ display: block;
+ clear: both;
+ height: 30px;
+ text-align: right;
+ font-size: 0.7em;
+ padding: 5px;
+}
+
+#bottominfo img {
+ width: 15px;
+ height: 15px;
+ margin-left: 5px;
+}
+
+#bottominfo ul {
+ margin: 0px;
+ padding: 2px;
+}
+
+#bottominfo ul li {
+ list-style-type: none;
+ display: inline;
+}
+
+/***********************************************/
+/*Footer layer*/
+#footer{
+ display: block;
+ width: 100%;
+ height: 30px;
+ background: #427499 url(http://www.scambs.gov.uk/system/images/scambs/headerbck.jpg) no-repeat;
+}
+
+#footertext{
+ padding: 5px 0px 0px 15px;
+ font-family: "trebuchet MS", Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 0.7em;
+ text-align: left;
+ color: #fff;
+}
+
+#footertext a:link {
+ color: #fff;
+}
+
+#footertext a:visited {
+ color: #fff;
+}
+#footertext a:hover {
+ color: #CCCCCC;
+}
+
+#footertext a:active, #footertext a:focus {
+ color: #fff;
+}
+
+#centrepanel img {
+ border: 0px;
+ padding: 0px;
+}
+
+/***********************************************/
+
+.aligncentre{
+ text-align: center;
+}
generated by cgit v1.2.3 (git 2.25.1) at 2025-07-20 08:03:01 +0000