/* usage since ie7: 2007-03-13

<!-- basic layout... ->
<link rel="stylesheet" type="text/css" href="layout.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="layout_ie6.css" />
<![endif]-->

<!-- site-specific... -->
<link rel="stylesheet" type="text/css" href="site.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="site_ie6.css" />
<![endif]-->

*/

* {
 margin:0;
 padding:0;
 border:0;
}


html, body {
 height: 101%;
}

body {
 text-align: center;
 min-height: 400px; /* For Mozilla/Opera/Safari */
}

#container {
 position:relative;
 width:744px; /* px or % */
 min-height:100%;
 height:auto;
 margin: 0 auto; /* centre */
 text-align:left;
}

#header {
}

#top_nav { /* not strictly part of layout */
}

#footer {
 position:absolute;
 width:100%;
 bottom:0;
 clear:both;
}

#one_col {
 float:left;
 width:742px;
 margin-bottom:3.5em; /* guessed footer height + margin top */
}

/* two column float */

#two_col_float_left {
 float:left;
 width:370px;
 margin-bottom:3.5em; /* guessed footer height + margin top */
}

#two_col_float_right {
 float:right;
 width:370px;
 margin-bottom:3.5em; /* guessed footer height + margin top */
}

/* n column float TODO */

.n_col_float_left {
 float:left;
 width:246px; /* adjust to number of columns */
 margin-bottom:3.5em; /* guessed footer height + margin top */
}

/* util */

.float_left {
 float:left;
}

.float_right {
 float:right;
}

.clear { /* put below any floats */
 clear:both;
}

.left {
 text-align:left;
}

.center {
 text-align:center;
}

.right {
 text-align:right;
}

.top {
 vertical-align:top;
}

.middle {
 vertical-align:middle;
}

.bottom {
 vertical-align:bottom;
}

.nobr {
 white-space:nowrap;
}

/* eof */