@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;
cursor: url(/library/cursors/default.cur);
}
body {
width: 956px;
height: inherit;
margin: 0px auto 0px auto;
cursor: url(/library/cursors/default.cur);
}
img {
border-style: none;
display: block;
}
h1 {
line-height: 73px;
color: #E4412B;
font-size: 250%;
padding: 0px 0px 20px 0px;
text-align: left;
vertical-align: middle;
height: 73px;
}
h2 {
font-size: 150%;
color: #E4412B;
margin: 0px;
}
h3 {
font-size: 100%;
font-weight: bold;
margin: 0px;
}
hr {
height: 0px;
border-color: #E4412B;
border-style: dotted;
border-width: 1px 0px 0px 0px;
}
acronym {
font-weight: bold;
cursor: url(/library/cursors/help.cur);
}
strong {
font-weight: normal;
border-style: dotted;
border-width: 0px 0px 1px 0px;
border-color: #000000;
}
a {
color: #E4412B;
border-color: #000000;
border-style: dotted;
border-width: 0px 0px 1px 0px;
text-decoration: none;
cursor: url(/library/cursors/pointer.cur);
}
a:hover {
color: #231F20;
border-color: #E4412B;
border-style: dotted;
border-width: 0px 0px 1px 0px;
text-decoration: none;
background-color: #FFE8E5;
}
/* cascading definitions *************************************************************************** */
div table tr td a img {
border-style: none;
border-width: 0px;
}
/* style definitions *************************************************************************** */
div#copy img {
border-color: #E13622;
border-style: solid;
border-width: 1px;
}
a.links {
color: #E4412B;
padding: 0px;
border-color: #FFFFFF;
border-style: solid;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
a.links:hover {
color: #231F20;
border-color: #E4412B;
border-style: dotted;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
a.image {
color: #E4412B;
border-color: #000000;
border-style: dotted;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}
a.image:hover {
color: #231F20;
border-color: #E4412B;
border-style: dotted;
border-width: 0px 0px 1px 0px;
text-decoration: none;
background-color: #EEEEEE;
}
/* positioning elements ************************************************************************ */
div#foundation {
margin: 20px 0px 0px 0px;
height: auto;
}
div#content {
padding: 6px 0px 0px 0px;
height: auto;
}
div#calendar {
width: 181px;
float: left;
border-color: #E4412B;
border-style: dotted;
border-width: 0px;
}
div#address {
width: 145px;
padding: 0px 0px 1px 6px;
text-align: left;
float: left;
border-color: #E4412B;
border-style: dotted;
border-width: 0px;
}
div#icons {
width: 540px;
height: 135px;
text-align: right;
vertical-align: bottom;
float: left;
border-color: #E4412B;
border-style: dotted;
border-width: 0px;
white-space: nowrap;
}
div#copy {
padding: 6px;
border-color: #E4412B;
border-style: dotted;
border-width: 1px 0px 1px 0px;
}
div#bread-crumbs a {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
padding: 0px 2px 2px 2px;
}
div#bread-crumbs a:hover {
border-color: #E4412B;
border-style: solid;
border-width: 1px;
padding: 0px 2px 2px 2px;
background-color: #ffe8e5;
}
div#bread-crumbs {
margin: 0px 0px 0px 4px;
border-color: #E4412B;
border-style: none;
border-width: 1px;
height: 24px;
line-height: 20px;
}
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#content-footer {
padding: 6px;
height: 135px;
}
div#footer {
height: 50px;
padding: 8px 0px 0px 0px;
}
div#credits {
width: 500px;
float: right;
text-align: right;
margin: 0px 10px 0px 0px;
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;
float: left;
}
div#column-1 {
width: 227px;
}
div#column-2 {
width: 705px;
}
div#links {
margin: 10px;
}
div#column-1 img {
border-style: solid;
border-color: #E4412B;
border-width: 1px;
}
div#column-2 img {
border-style: solid;
border-color: #231F20;
border-width: 1px;
margin: 0px 4px 0px 0px;
}
div#icons img {
margin: 4px 0px 4px 0px;
display: inline;
}
div#icons a {
padding: 3px;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px;
}
div#icons a:hover {
border-style: dotted;
border-color: #E4412B;
border-width: 1px;
}
/* class definitions *************************************************************************** */
li.links {
list-style-type: none;
padding: 2px 0px;
}
li.links a {
padding: 0px;
}
li.links a:hover {
border-width: 0px 0px 1px 0px;
}
strong.bold {
font-weight: bold;
color: #000000;
border-style: none;
}
strong.upper-case {
font-weight: bold;
text-transform: uppercase;
}
strong.interscapes {
font-weight: bold;
color: #000000;
border-style: none;
}
div.two-columns {
height: 100%;
color: #333333;
background-color: #FFFFFF;
border-style: solid;
border-color: #E4412B;
border-width: 1px;
margin: 0px 10px 0px 0px;
float: left;
}
div.two-columns div#image-label {
margin: -19px 0px 0px 0px;
}
div.two-columns div#image-label 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.two-columns div#image-label a:hover {
opacity: 0.8;
filter: alpha(opacity = 80);
}
div.two-columns div#links a {
display: block;
width: 95%;
padding: 4px;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px;
}
div.two-columns div#links a:hover {
color: #231F20;
border-style: solid;
border-color: #E4412B;
border-width: 1px;
background-color: #DDDDDD;
}
table#contacts {
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
}
table#contacts th {
padding: 1px 8px 1px 4px;
background-color: #CCCCCC;
text-align: left;
}
table#contacts td {
padding: 1px 8px 1px 4px;
text-align: left;
}
img.showcase {
border-style: none;
display: inline;
}
/* ********************************************************************************************* */
}