/*
* Defining and together like this is apparently '"a good thing"
* though I can't remember the reasoning.
*/
html, body {
color: white;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
background: #000040;
text-align: left;
/* IE screws up margins when site is in a frame */
margin: 0;
padding: 0 30px 0 0;
}
div.iebehave {
width: 100%;
padding: 0;
margin: 0;
}
/*
* Page layout
*/
div#n9header {
background: url(../images-odds/headerbg.jpg) no-repeat;
min-width: 745px;
margin: 0;
padding: 10px;
}
iframe#n9advert {
float: right;
background-color: white;
margin: 0;
padding: 0;
border: 0;
}
div#n9location {
background: url(../images-odds/headerbg.jpg) repeat-y;
color: black;
margin: 0;
padding: 0.25em 10px;
min-width: 740px;
}
div#n9body {
background-color: #000040;
clear: both;
margin: 0;
padding: 1em 10px;
min-width: 740px;
}
div#n9bodyinner {
width: 100%;
}
div#n9title {
color: black;
background-color: white;
margin: 0px 0px 1em;
padding: 0.25em 10px;
}
div#n9titleinner {
width: 100%;
}
div#n9titleimage {
float: left;
width: 160px
}
div#n9titledesc {
margin: 0 0px 0 170px
}
div#n9navpanel {
margin: 1em 0;
padding: 0;
width: 100%
}
div#n9navlist {
float: left;
width: 25em
}
div#n9subnavlist {
float: left;
width: 30em
}
div#n9navlist ul {
margin-bottom: 0;
}
div#n9navblurb {
margin: 0 0 0 25em;
padding: 0;
}
div#n9sunavblurb {
margin: 0 0 0 30em;
padding: 0
}
div#n9footer {
font-size: 1em;
background-color: #000040;
text-align: right;
clear: both;
margin: 0em;
padding: 0.25em 10px;
border-top: 0.1em solid white;
border-bottom: 0.1em solid white;
min-width: 740px
}
form#footersearch, form#footersearch div {
display: inline;
margin: 0;
padding: 0;
}
div#n9google {
font-size: 1em;
background-color: #000040;
text-align: right;
clear: both;
margin: 0em;
padding: 0.25em 10px;
border-top: white;
border-bottom: 0.1em solid white;
min-width: 740px }
form#googlesearch, form#googlesearch div {
margin: 0;
padding: 0;
display: inline }
input#footerinput, input#footersubmit {
vertical-align: middle;
}
div#footercopy {
text-align: right;
margin: 0;
padding: 0.25em 10px;
min-width: 740px;
}
div#n9pageinfo {
text-align: right;
background-color: #000040;
font-size: 0.8em;
clear: both;
margin: 0;
padding: 0em 10px;
min-width: 740px;
}
.n9defluff {
color: red;
font-style: normal;
font-weight: bold
}
/*
* Standard elements.
*/
h1 {
font-size: 2em;
margin: 0 0 0.5em 0;
padding: 0
}
h2 {
font-size: 167%;
clear: both;
padding: 0;
}
h3 {
font-size: 133%;
clear: both;
padding: 0;
}
table {
border: 0;
}
td, th {
font-size: 1em;
text-align: left;
}
th {
font-weight: bold;
}
img {
border: 0px
}
/*
* Some useful generic classes.
*/
.centre {
text-align: center
}
.clear {
clear: both
}
.right-align {
text-align: right
}
.float-left {
float: left }
em {
font-style: italic;
}
strong {
font-weight: bold;
}
.fixedwidth {
font-size: 1em;
font-family: "Courier New", "Courier", monospace;
}
.important { color: yellow }
.aside {
font-style: italic;
font-size: 0.9em;
font-family: "Times New Roman", Times, serif;
clear: both
}
.request {
color: yellow;
}
/*
* Links.
*/
A:link,A:visited {
color: #b0c4de;
font-weight: bold;
text-decoration: none
}
#n9location A:link, #n9location A:visited, #n9title A:link, #n9title A:visited {
color: #000080;
}
#n9location A:hover, #n9location A:active, #n9title A:hover, #n9title A:active {
color: red;
}
A.n9top:link,A.n9top:visited {
color: #b0c4de;
font-weight: bold;
text-decoration: none
}
A.n9offsite:link,A.n9offsite:visited {
color: #daa520;
font-weight: bold;
text-decoration: none
}
A:active,A:hover {
color: red;
font-weight: bold;
text-decoration: none
}
A.n9top:active,A.n9top:hover {
color: red;
font-weight: bold;
text-decoration: none
}
A.n9offsite:active,A.n9offsite:hover {
color: red;
font-weight: bold;
text-decoration: none
}
/*
* Images classes.
*
* It would be nice to have these as img.class but GoLive needs the classes
* listed separately to build the contextual menu so no point.
*/
.fullimage {
border: 0px
}
.fullimage-marginonleft {
margin-left: 5px;
border: 0px
}
.fullimage-left {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: 0px
}
.fullimage-right {
float: right;
margin-bottom: 5px;
margin-left: 5px;
border: 0px
}
.linked-image {
margin-right: 5px;
border: outset 4px silver
}
.linked-image-marginonleft {
margin-left: 5px;
border: outset 4px silver
}
.linked-image-left {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: outset 4px silver
}
.linked-image-right {
float: right;
margin-bottom: 5px;
margin-left: 5px;
border: outset 4px silver
}
.spacer {
margin-right: 5px;
padding: 4px
}
.n9images {
}
/*
* While I am in the font setting mood I'll define the monospace stuff here.
*/
.route {
font-size: 1em;
font-family: "Courier New", "Courier", monospace;
}
.n9box {
color: white;
background-color: #7b68ee;
margin: 0px;
padding: 10px;
border: none
}
.n9imagecgidiv {
margin: 0px;
padding: 0px;
width: 100%;
overflow: auto
}
#n9html401 {
visibility: hidden
}
table.n9imagedetails {
margin-top: 20px;
border: solid 1px white;
width: 100% }
table.n9imagedetails th {
vertical-align: top;
padding: 5px
}
table.n9imagedetails td {
vertical-align: top;
padding: 5px
}
.roadnav {
padding-top: 2px;
padding-bottom: 2px;
border-top: 2px groove silver;
border-bottom: 2px groove silver
}
.n9linkcategory {
margin: 10px 0px 0px;
padding: 10px;
border: ridge 3px
}
.n9linkcategory h3 {
font-weight: bold;
font-size: 120%;
margin-top: 0px;
padding: 0px
}
.n9linkcategory ul {
list-style-position: inside;
margin: 0px;
padding: 0px
}
.terminal {
font-weight: bold
}
.route {
color: yellow;
font-weight: normal;
font-size: 133%;
background-color: black
}
div.atomzform {
padding: 1em;
border: solid 0.1em white;
}
div.atomzform label {
display: block;
float: left;
width: 8em;
}
div.atomzform input {
display: block;
float: left;
}
div#montage {
margin: 1em 0px;
padding: 0px }
.adsense { margin-top: 1em; margin-bottom: 1em }