@media all
{
html {height:100%} 

body { 
    min-height: 101%;	
    font-size: 100.01%; 
    position: relative; 
    color: #000;        
    background: #fcf2cf;
    text-align: left; 
} 

* { margin:0; padding:0; font-size: 100%; } 

#topnav {
    position:relative;
    top: 10px;
    right: 10px;
    color: #fff;
    background: transparent;
    text-align: right;
}

#nav { clear:both; width: auto; z-index: 100;}
#main {	clear:both; width: auto; z-index: 10;}

#col1 {
    float: left;
    width: 200px;
}

#col2 {
    float:right; 
    width: 200px;
}

#col3 {
    width:auto;
    margin-left: 200px;
    margin-right: 200px;
}

#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}

#col1, #col2, #col3 { position: relative; }
#col1_content, #col2_content, #col3_content { position: relative; }

#footer { clear:both; width:auto; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: block;}

.floatbox { overflow:hidden; }

hr.clear_columns{	
    content: "."; 
    display: block;  
    height: 0; 
    line-height: 0px; 
    clear: both; 
    float: left; 
    visibility: hidden; 
    border: 0; 
    padding: 0;
    margin: -2em 0 0 0;
}

ul, ol, dl { margin: 0 0 1em 0; }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

}

@media screen, print {
.skip {
    position: absolute;
    left: -1000em; 
    width: 20em;
}

}

@media all
{

body {
    background: #fcf2cf;
    padding: 10px;
    font-size: small;
}
#page{ border: 1px #fcf2cf solid; background: #fcf2cf; }
#page_margins {border: 1px #fcf2cf solid; min-width: 756px; max-width: 80em; margin:auto;}
#header { position:relative; color: #fff; background: #fcf2cf; }
#header img {position:absolute; top: 48px; left: 40px; font-size:208%;}
#footer { color:#933; background:#fcf2cf; margin: .5em; padding: 1em 0 0 0; line-height: 1em;text-align:right;}

#main { color: #000; background: transparent; padding:0; }
#col1 { width: 22.5%; }
#col1_content { padding-top:1.5em; margin-left: 1em; margin-right: 1em; color: #555; background:inherit; }
#col2 { width: 25%; }
#col2_content { padding-top:1.5em; margin-left: 1em; margin-right: 1em;}
#col3{
    margin-left: 22.5%;
    margin-right: 25%;
    border-left: 0px dotted #ddd;
    border-right: 0px dotted #ddd;
}
#col3_content { padding-top:1.5em; margin-left: 1em; margin-right: 1em; }

#teaser {
    margin: 0 1em 0em 1em;
    font-size: 0.82em;
    background: #f4f4f4;
    border-bottom: 1px #ccc solid;
    padding: 0.5em 0 1em 40px;
    color: #5f5d75;
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em;}
#teaser .block3 {width: 45%; padding-top:0.5em;}
#teaser .block3 .title {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    display:block;
    font-size: 1.2em;
    font-weight:bold;
    color: #336699;
    background:inherit;
    margin:0.4em 0 0.5em 0;
}

}

@media screen
{
#col1 {display:none;}
#col1_content {display:none;}
#col3 {margin-left:0em; border-left:0;}
}