/* CSS Document - new design April 2013*/
@charset "utf-8";
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
background-color: #CCCCCC;
}
.container {
margin-top: 10px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 900px;
background-color: #ffffff;
border: 5px solid #666;
}
#navigation {
width: 100%;
}
#navigation ul{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0;
padding: 0;
}
#navigation ul li{
color: #FFFFFF;
text-decoration:none;
letter-spacing:0.1em;
font-weight: bolder;
float: left
list-style: none;
display: inline;
margin-left: 60px;
}
#navigation li a{
color: #ffffff;
text-decoration: none;
}
#navigation li a:hover {
color: #F8E8B8;
}
#maincontent{
background-color: #FFFFFF;
text-align: left;
margin: 20px;
}
#maincontent p, ul li{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
background-color : transparent;
margin: 5px;
}
#maincontent td{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
background-color : transparent;
line-height : 100%;
}
#maincontent h1 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:18px;
font-weight: bold;
color: #555555;
}
#maincontent h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #555555;
background-color : transparent;
}
#maincontent h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#65493D;
text-align:center;
background-color : transparent;
}
.main-content-word {
font-family: "Courier New", Courier, mono;
line-height: 110%;
font-size: 11pt;
font-weight: bolder;
color: #9C1710;
text-decoration: none;
}
.main-content-definition {
font-family: "Courier New", Courier, mono;
line-height: 110%;
font-size: 11pt;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.main-content-text {
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight: normal;
color: #000000;
text-align: left;
margin: 5px;
}
.main-content-small-text {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
color: #000000;
text-align: left;
margin: 5px;
}
.main-content-text-Red {
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight: normal;
color: #9C1710;
text-align: left;
margin: 5px;
}
.history-titles {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-style: normal;
font-weight: bolder;
color: #000066;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color:#555555;
text-align:center;
position:relative;
top:auto;
left:auto;
background-position: center;
font-style: normal;
}
/* add a hanging paragraph format for the author list; source: http://www.webmasterworld.com/forum83/448.htm
*/
.hang {
text-indent: -2em;
margin-left: 2em;
}
/* http://glenpeterson.blogspot.com/2009/09/alternative-for-spacergif-in-cross.html
Alternative for spacer.gif in cross-browser standards-compliant html
Instead of spacer.gif I use:
CSS:
.spacer2px{font-size:2px;line-height:2px;}
HTML:
Works with as well. We have spacer1px, spacer4px, spacer6px, etc. as needed. Works the same on all browsers, so long as each HTML page starts with the following, which keeps IE from entering quirks mode and makes it as standards compliant as it gets (requires no blank lines until after the opening HTML tag):
... headers ...
... content goes here ...
|