/* Thanks to Alex Robinson : http://www.fu2k.org/alex/css/index.mhtml - "The one true layout" */

body { width: 1030px; margin: auto; background-color:#666666; }

#container { padding-left:; background-color: #FFF; border: 2px solid #69C ; }

#main {
float: left;
width: 825px;
margin-left:0;
margin-top: 90px;
margin-bottom: 20px;
}

* html #main
{
display: inline;
}


#rightcol
{
float: left;
width: 175px;
margin-top: 90px;
margin-bottom: 20px;
}

/* IE Win can be a bit out - you might need to adjust

bottom value by -1px or as required */

.verticalalign
{
position: absolute;
bottom: 0; visibility: hidden;
}

#main .verticalalign
{
width: 825px;
}


#rightcol .verticalalign
{
width: 175px;

}
}

/* hack for Opera 7+ */

@media all and (min-width: 0px){

.verticalalign
{
width: 100% !important;
}

/* But Opera 9 does it right, so CSS3 hax to the max */

div[id^="wrapp"] #main .verticalalign
{
width: 100% !important;
}

div[id^="wrapp"] #leftcol .verticalalign
{
width: 100% !important;
}

div[id^="wrapp"] #rightcol .verticalalign
{
width: 100% !important;
}



/* hack for IEs of all persuasions */

* html .verticalalign
{
width: 100% !important;
}

.verticalalign p
{
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
background: #996666;
}

#wrapp
{
position: relative;
}

#wrapp
{
float: left;
float/**/: none;
}

/* easy clearing */

#wrapp:after
{
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#wrapp
{
display: inline-block;
}

/*\*/

#wrapp
{
display: block;
}

/* end easy clearing */