@import url(sifr-screen.css);

/* ========================================== Global Styles */

* {
padding: 0;
margin: 0;
}

img { border: none; }

body {
background: #fff;
text-align: center;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 0.8em;
}

.divider { 
background: url(../images/divider.gif) top left no-repeat;
height: 1px;
overflow: hidden;
margin: 7px 0 8px 22px;
}

.selected { color: #000; }

/* ========================================== Typography */

h1, h2, h3, font.h1, font.h2, font.h3 { font-family: Arial, Tahoma, Verdana, Sans-serif; }

h1, font.h1 {
font-weight: normal;
color: #a31010;
font-size: 2.2em;
padding-bottom: 0.5em;
display: block;
}

font.h2 {
font-weight: bold;
font-size: 1.2em;
padding-bottom: 0.2em;
display: block;
}

a { color: #a31010; }
a:hover { color: #000; }

p, font.p {
line-height: 1.4em;
margin-bottom: 1.8em;
display: block;
}

.ingress {
line-height: 1.5em;
font-weight: bold;
font-size: 0.9em;
}

font.ingress {
line-height: 1.5em;
font-weight: bold;
font-size: 0.9em;
display: block;
padding-bottom: 1.8em;
}

.subhead {
line-height: 1.5em;
font-weight: bold;
font-size: 0.9em;
padding-bottom: 0.2em;
}


/* ========================================== Basic Page Layout */

#container {
width: 800px;
text-align: left;
margin: 0 auto;
}

#header { width: 100%; }

#logo {
width: 255px;
margin-top: 38px;
float: left;
}

#navigation {
width: 487px;
float: right;
margin-top: 45px;
}

#top-banner {
clear: both;
padding-top: 26px;
position: relative;
width: 800px;
overflow: hidden;
}

#content-wrapper {
width: 100%;
clear: both;
position: relative;
margin-top: -22px;
}

#left-col {
width: 235px;
float: left;
padding-top: 5px;
padding-bottom: 50px;
}

#right-col {
width: 545px;
float: right;
padding-top: 21px;
background: url(../images/content-top.gif) top left no-repeat;
}

#main-content {
background: url(../images/content-bg.gif) repeat-x top left;
min-height: 450px;
padding: 35px 56px 20px 56px;
}

#footer {
clear: both;
text-align: center;
margin: 0 auto;
background: #fff url(../images/footer-bg.gif) top left repeat-x;
min-height: 100%;
}

/* ========================================== Global Navigation */

#navigation ul {
list-style: none;
float: right;
}

#navigation li {
float: left;
width: 140px;
}

#navigation a {
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
}

/* #navigation .second-row { padding-left: 20px; } */

/* ========================================== Top Banner */

#ie-overlay { display: none; }
#ff-overlay { position: absolute; }

/* ========================================== Teaser */

.teaser {
background: url(../images/teaser-bg.gif) repeat-y;
margin-left: 15px;
width: 235px;
overflow: hidden;
}

.teaser h2 {
text-transform: uppercase;
color: #a31010;
font-weight: bold;
font-size: 1.1em;
padding-bottom: 0.1em;
}

.teaser p { 
font-size: 0.85em; 
padding-left: 1px;
}

.teaser a { text-decoration: none; }
.teaser p a { color: #000; }
.teaser p a:hover { text-decoration: underline; }

.teaser img { 
position: relative;
left: -14px;
padding-bottom: 10px; 
}

.teaser .bottom{
background: url(../images/teaser-bottom.gif) bottom left no-repeat;
padding-bottom: 5px;
}

.teaser .top { 
background: url(../images/teaser-top.gif) top left no-repeat;
padding: 30px 35px 0 25px;
}

.teaser .png-transparent {
position: absolute;
margin-top: -50px;
margin-left: 42px;
}

/* ========================================== Teaser With Transparent Image */

.transparent-teaser-img { overflow: visible; }
.ff { display: block; }

.transparent-teaser-img .img-link { 
display: block; 
height: 85px;
}

/* ========================================== Local Navigation */

#local-navigation {
background: url(../images/teaser-bg.gif) repeat-y;
margin-left: 15px;
width: 235px;
overflow: hidden;
}

#local-navigation a {
font-weight: bold;
color: #000;
font-size: 0.9em;
text-decoration: none;
}

#local-navigation a:hover, #local-navigation a.selected { color: #a31010; }

#local-navigation ul { 
list-style: none;
background: url(../images/teaser-top.gif) top left no-repeat;
padding: 20px 0 10px 25px;
}

#local-navigation div { 
background: url(../images/local-nav-bottom.gif) bottom left no-repeat;
padding-bottom: 50px;
}

#local-navigation ul li{ 
border-bottom: 1px solid #eaeaea;
width: 172px;
overflow: hidden;
padding: 2px 0 2px 0;
}

#local-navigation ul li.nav-bottom {
height: 40px;
background: url(../images/local-nav-bottom.gif) top left no-repeat;
}

/* Level 2 */

#local-navigation ul ul { 
background: none;
margin-top: 3px;
padding: 0 0 2px 0;
border-top: 1px solid #eaeaea;
}

#local-navigation ul ul a { 
font-weight: normal;
font-size: 0.85em;
}

#local-navigation ul ul li { 
border-bottom: none; 
border-top: 1px solid #fff; 
padding-left: 10px;
}

/* ========================================== Form Page */

#form-page-left{
float: left;
width: 212px;
margin-top: 10px;
}

#form-page-right{
float: right;
width: 200px;
min-height: 228px;
margin-top: 10px;
padding-left: 12px;
background: url(../images/vertical-divider.gif) no-repeat;
}

#form-page-left label{
display: block;
color: #666;
margin: 0 0 3px 4px;
}

#email-address, #sur-name, #first-name {
background: url(../images/input-bg.gif) top left no-repeat;
border: none;
width: 194px;
height: 13px;
padding: 5px 8px 5px 8px;
color: #666;
font-size: 12px;
margin-bottom: 23px;
overflow: hidden;
}

#form-page-left .submit-btn { }

/* ========================================== Footer */

#footer div{ padding: 17px 0 25px 0; }
#footer a { text-decoration: none; }


/* ========================================== Print Styles */

@media print { 
#navigation, #top-banner, #left-col ( display: none; )
}