/* put in html doc---
Style sheet example
*/
/* Import style sheets */
@import "http://www.sbcag.com/csstrafficlayout.css";
/*try side color= bab39e*/
html, body {
margin: 0;
background: #339900; /* hwy green*/
}
img, table {
border: 0;
border-spacing: 0 0;
padding: 0;
margin: 0;
}
img.floatLeftClear {
float: left;
margin: 20px;
}
img.floatRightClear {
float: right;
margin: 20px;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.maplink {
border: 2px #000000 solid; /* was 3px */
border-collapse: collapse;
padding: 10; /* was 20 081116 */
margin: 10px;
}
.maplink:hover {
border: 2px #ff0000 solid; /* red */ /* was 3px */
border-collapse: collapse; /* new */
padding: 10; /* was 20 081116 */
margin: 10px; /* was 20 081116 */
}
.maplinkNoMar {
border: 2px #000000 solid; /* was 3px */
border-collapse: collapse;
padding: 20;
margin: 0px;
}
.maplinkNoMar:hover {
border: 2px #ff0000 solid; /* red */ /* was 3px */
border-collapse: collapse; /* new */
padding: 20;
margin: 0px;
}
#leftcol {
background: url(webimg/SBPS.sand.jpg);
color: #000000;
font-weight: bold;
padding: 10px;
float: left;
width: 180px;
border: #000 1px solid;
}
#main {
margin: 0px;
}
#onecol {
color: #ffcc33;
margin: 0 40px 0 40px;
text-align: center;
}
#centercol {
border: #f00 0px solid;
margin: 0 180px 0 220px; /* was 210 before left col padding added px */
}
/* 0066cc=med blue */
#rightcol {
float: right;
width: 160px;
border: #000 0px solid;
}
#quote {
color: #ffdd00;
}
#header {
color: #ddeeff;
font-size: large;
}
#credits {
color: #ddeeff;
font-size: small;
}
#alignleft {
text-align: left
}
#aligncenter {
text-align: center
}
/*change to cursor: foot*/
body {background: #339900;
color: #ffffff;
font-family: Arial, Helvetica, san-serif;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
text-align: center;
margin-top: 20
}
table.map {
text-align:center;
}
a:link {
color: #ffffff;
text-decoration:none;
}
a.map:link {
color: #339900; /* green#339900 peach#ffcc99 dkpurp#660066 red#ff0000, blue=#6699ee
*/
text-align: center;
text-decoration:none;
}
a:hover {
color: #ffff00; /*yellow*/
}
a.map:hover {
color: #ff0000; /* red#ff0000, blue=#6699ee */
text-decoration:none;
}
a:active {
color: #ff0000; /* red */
text-decoration:none;
}
a:visited {
color: #99ccff; /* lt blue#99ccff */
text-decoration:none;
}
a.map:visited {
color: #663300; /* brown #630 black #000 lavender#ddddff red#ff0000, blue=#6699ee */
text-decoration:none;
}
#navbar {
color: #339900; /*hwy green*/
background: #eeffee; /*very pale green*/
font-weight: bold;
}
#navbar a:link {
color: #339900;
text-decoration:none
}
#navbar a:hover {
color: #ffff00;
font-size: 125%;
}
#navbar a:active {
color: #ff0000;
text-decoration:none;
}
#navbar a:visited {
color: #337700; /*dk green*/
text-decoration:none;
}
/*h5 = */
h5 {font-size: xx-large;
color: #eeffff
font-weight: bold;
font-family: 'Gill Sans', Arial, sans-serif
padding: 5 30 5 5;
}
/*h4 = Name or Link - L blue bold */
h4 {font-size: x-large;
color: #eeffff
font-weight: bold;
font-family: 'Gill Sans', Arial, sans-serif
padding: 5 30 5 5;
}
/*h3 = title - L blue */
h3 {font-size: medium;
color: #99ccff
font-weight: bold;
font-family: 'Gill Sans', Arial, sans-serif;
font-style: italic;
}
/*h2 = phone*/
h2 {font-size: medium;
color: #99ccff
font-weight: bold;
text-align: center;
font-family: 'Gill Sans', Arial, sans-serif;
}
/*h1 = */
h1 {font-size: medium;
color: #99ccff
font-weight: bold;
text-align: center;
font-family: 'Gill Sans', Arial, sans-serif;
}