/* to reset browser-specific settings
*/
*{
margin: 0;
padding:0;
border:0 solid;
}
/*basic elements*/
body {
background: #fff;
font: 90% Arial, Helvetica, san-serif;
color: #000;
text-align: center;/*this is asking IE to senter the container ;)*/
}
a{
text-decoration: none;
}
/*basic divs centering the layout*/
#container {
width: 30em;
margin: 0 auto; /*to ceter the box*/
background: #b3bfbc;
}
#main{
position: absolute;
top:15px;
left:10px;
width: 100%;
text-align: left;
background: #B7B459;
/*to revoke the body definition to please IE*/
border-right: 20px solid #fff;
}
/*the site structure*/
#content{
width: 40em;
margin:0 0 0 11em;
color:#000;
background: #ccc ;
}
#header{
height: 100px;
color:#000;
background: url(storm_images/storm_main.gif) top left no-repeat;
text-align:left;
margin-bottom:0;
}
#header h2{
font: 1.4em, Arial Helvetica san-serif;
color:#129;
background:none;
text-align:left;
margin: 0;
padding: 0 0 0 180px;
}
.footer {
font-size: 0.8em;
padding: 10px 10px 10px 10px;
margin-top: 5px;
border-top: 1px dashed #6e7d8d;
clear: both;
}

#left{
position: absolute;
top: 15px;
left: 5px;
width: 11em;
color: #000;
background: #ff8c00;
padding-top: 5px;
padding-right: 1px;
padding-left: 5px;
padding-bottom: 20px;}
#text {
color: #000;
background: transparent;
padding: 0 10px;
margin: 0 10px 0 20px;
font: 12px Arial Helvetica sans-serif #BA1B3D;
}
.text {
background: transparent;
padding: 0 10px;
margin: 0 10px 0 10px;
font: 12px Arial Helvetica sans-serif ;
color: #BA1B3D;
}
#text1 {
font: 12px Veranda  Helvetica sans-serif #BA1B3D;
background: transparent;
padding: 10px 6px;
margin: 0 5px 0 20px;
}
#text1 h1{
font: 14px Veranda  Helvetica sans-serif #BA1B3D;
font-style: bold;
color: #BA1B3D;
background: transparent;
margin: 0 0 10px 0;
}
#text2 {
font: 12px Veranda  Helvetica sans-serif ;
color: #132650;
background: transparent;
padding: 5px 6px;
margin: 0 5px 0 20px;
}
#text h1{
font-size: 1em; 
color: #BA1B3D;
background: transparent;
margin: 10px 0;
}
#text h2{
font-size: 14px;
color:#BA1B3D;
background: none;
padding: 10px 5px 0 0 ;
}
#text h3{
font-size: 13px;
color:#BA1B3D;
background: none;
padding: 10px 5px 0 0 ;
}
#text p {
font: 11px Arial Helvetica sans-serif;
color:#BA1B3D;
background: none;
padding: 10px 10px;
margin: 0 10px 0 20px;
}

/*link icons to the main section */
#content a {/*link icon to internal link*/
color: #000;
background: trunsparent;
padding-left: 14px;
}
#content a:link, #content a:visited {
color: #000;
background: transparent;
}
#content a:hover, #content a:active {
color: #000;
background: transparent;
text-decoration: underline;
}
#content a.top{/*link to the top of the page*/
font-size: 0.78em;
color: #000;
background: transparent;
padding-right: 16px;
}
#content a:link.top, #content a:visited.top {
color: #000;
background: transparent;
}
#content a:hover.top, #content a:active.top {
color: #000;
background: transparent;
text-decoration:none;
}
#contenttext{
font: 12px Veranda Helvetica sans-serif;
color: #BA1B3D;
font-style: bold;
text-align: left;
padding-left: 10px;
}
/*content div#info */
#info{
float: right;
width: 200px;
margin: 0 10px 0 5px;
color: #000;
background: none;
text-align: center;
}

#info .infobox{
display: block;
padding: 5px;
color: #000;
background: none;
}
#info h4{
font-size: 0.86em;
border-left: 1px solid #ff8c00;
padding: 2px 7px;
margin: 0 0 5px 0;
text-align: left;
}
#info p{
color: #000;
background: #fff;
font-size: 0.80em;
text-align: left;
border-left: 1px dashed #9faba8;
border-right: 1px solid #ff8c00;
margin:0;
padding: 5px 7px;
}
/* adding the background image to div#left */
#left ul{
list-style: none outside;
}
.immonav a{
font-size: 12px;
display: block;
width: 11.7em;
padding: 3px 10px 2px 2px;
text-align: left;
text-indent: 0;
font: Arial, Hevetica, san-serif 12px;
color: #304870;
background: #129;
}
.immonav a:link, .immonav a:visited {
font: Arial, Hevetica, san-serif #304870 12px;
background: #fff;
border-left: 1px solid #129;
}
.immonav a:hover {
font: Arial, Hevetica, san-serif #304870 12px;
text-decoration: none;
background: #B0C4DE;
border-left: 1px solid #ff8c00;
}
.immonav a:active {
font: Arial, Hevetica, san-serif #304870 12px;
text-decoration: none;
background: #B0C4DE;
border-left: 1px solid #129;
}