@media screen {
/* default elements ********************************************************************* */
html {
width: 100%;
height: 100%;
cursor: default;
color: #E4412B;
font-family: verdana;
font-size: 55%;
font-weight: normal;
background-color: #DDDDDD;
}
body {
width: 956px;
height: inherit;
margin: 0px auto 0px auto;
}
img {
display: block;
}
h1 {
font-size: 150%;
color: #FFFFFF;
margin: 0px;
padding: 0px 0px 3px 4px;
}
hr {
color: #E23623;
width: 100%;
height: 1px;
}
p {
padding: 4px;
}
a {
color: #E4412B;
border-color: #FFFFFF;
border-style: solid;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
a:hover {
color: #231F20;
border-color: #E4412B;
border-style: dotted;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
/* style definitions *************************************************************************** */
a#link {
color: #E2244B;
border-color: #FFFFFF;
border-style: solid;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
a#link:hover {
color: #231F20;
border-color: #E4412B;
border-style: dotted;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
/* positioning elements ************************************************************************ */
div#foundation {
margin: 20px 0px 0px 0px;
}
div#content {
padding: 6px 0px 0px 0px;
}
div#navigation {
width: 700px;
background-color: #231F20;
margin: -29px 0px 4px 239px;
padding: 8px 3px 9px 4px;
}
div#navigation a {
color: #FFFFFF;
border-color: #231F20;
border-style: solid;
border-width: 1px;
background-color: #231F20;
padding: 2px;
text-decoration: none;
}
div#navigation a:hover {
color: #E23623;
border-color: #E4412B;
border-style: solid;
border-width: 1px;
background-color: #CCCCCC;
padding: 2px;
text-decoration: none;
}
div#footer {
padding: 8px 0px 0px 0px;
}
div#credits {
width: 500px;
float: left;
margin: 0px 0px 0px -4px;
white-space: nowrap;
}
div#credits a {
color: #E4412B;
text-decoration: none;
border-style: dotted;
border-color: #E4412B;
border-width: 0px 0px 1px 0px;
white-space: nowrap;
}
div#credits a:hover {
color: #000000;
text-decoration: none;
border-style: solid;
border-color: #E4412B;
border-width: 0px 0px 1px 0px;
}
div#copyright {
width: 250px;
text-align: right;
float: right;
padding: 0px 5px 0px 0px;
}
/* class definitions *************************************************************************** */
div.four-columns {
width: 227px;
height: 100%;
color: #333333;
background-color: #FFFFFF;
border-style: solid;
border-color: #E4412B;
border-width: 1px;
margin: 0px 10px 0px 0px;
float: left;
}
div.four-columns div {
margin: -19px 0px 0px 0px;
}
div.four-columns div a {
font-size: 150%;
display: block;
width: 223px;
height: 20px;
color: #FFFFFF;
font-weight: bold;
line-height: 18px;
padding: 0px 0px 0px 4px;
margin: -21px 10px 0px 0px;
background-color: #E4412B;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 0px 0px 0px;
opacity: 0.5;
filter: alpha(opacity = 50);
}
div.four-columns div a:hover {
opacity: 0.8;
filter: alpha(opacity = 80);
}
/* ********************************************************************************************* */
}