root { 
    display: block;
}
html { height: 100%; }
body { min-height: 100%; height: 100%;
       font-family:"Trebuchet MS", sans-serif ;
    background-color:#FFE1C6;
    padding: 20px 20px;
    margin:0% 5%;
}

h1 {
	font-size:larger;
	color:#734212;
}

#header_bg
{
    height:70px;
}

#header_sub
{
    margin: 10 0 10 0;
}

#footer_nav
{
    background-color:#FF9;
    text-align:center;
    padding:5px;
    border-bottom:solid  20px #ff9;
}

#rightpanel
{
    width:30%;
    float:right;
}

#centerpanel
{
    width:69%;
    float:left;
}

#loginbox
{
    width:95%;
    float:left;
    padding:2%;
    background-color:#ff9;
    border: solid 2px #734212;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}

.logincol
{
    width:49%;
    float:right;
    border: solid 1px blue;
}

#filterbox
{
    NOwidth:75%;
    border: solid 2px #734212;
    margin:5px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}

.previewbox
{
    NOwidth:75%;
    border: solid 2px #734212;
    margin:5px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}
.previewheader
{
    background-color:#FF9;
    padding:5px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
.previewbody
{
    width:100%;
    padding:5px;  
}

.previreimg
{
    float:left;
    margin-right: 10px;
}
.userheader
{
    width: 50%;
    padding: 5px;
    font-size:x-large;
    background-color:#ff9;
    border:solid 2px #734212;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}

.userpres
{
    margin-top: 5px;
    padding: 5px;
    width: 50%;
    border:solid 2px #734212;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}

.userdescr
{
    width:50%;
    border: solid 1px #DDD;
}
.userpresimg
{
float:right;
}

.userdescredit
{
    float:right;
}

.defaultbox60
{
    width:60%;
    border: solid 2px #734212;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}

.defaultbox
{
    width:40%;
    border: solid 2px #734212;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}
.defaultboxheader
{
    padding:15px;
    background-color:#FF9;
    font-size:x-large;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
.defaultboxheaderS
{
    padding:5px 15px;
    background-color:#FF9;
    font-size:large;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}

.defaultboxbody
{
    padding:5px 15px;
}
.defaultfooter
{
    padding: 5px 15px ;
    font-size:small;
}

.brownsmall  {
    font-size:small;
    color: #734212;
}

.brownXL {
    font-size:x-large;
    color: #734212;
}
.info
{
    color:blue;
}
.error
{
    color:red;
    font-weight:bold;
}
.errorsmall
{
    color:red;
    font-size:small;
}