* {margin:0;padding:0;}
html,body,#page{height:100%;}
body > #page{
    /*padding: 5px;*/
    height: auto; min-height: 100%;
    text-align: center;
}
#header{
    height: 60px;
    margin-bottom: 5px;
    padding: 5px 5px 0px 5px;
}
#header .logo,
#header h1{float: left;}
#content {
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
#footer{
    position: relative;

    margin-top: -25px;
    height: 25px;
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#left_col{
  float: left;
  /*min-width: 250px;*/
  width: 34%;
  padding-right: 5px;
  margin-left: auto;
}
#right_col{
  float: right;
  /*min-width: 450px;*/
  width: 64%;
  padding-left: 5px;
  margin-right: auto;
}

.bordered{
    border: 1px solid #ccc;
    /*padding: 5px;*/
}
.form-error{
    border: 1px solid red;
}