/* -----------------------------------------------
Title:		Base Styles
Author:		Brian Sweeting
Version:	25 Oct 2004
----------------------------------------------- */


/* Default tag styles
----------------------------------------------- */
* { padding: 0px; margin: 0px; border: 0px; }
html { min-width: 750px; }
body { text-align: center; margin: 0px; padding: 10px; color: #333; }  
th, td { text-align:left; vertical-align:top; }

/* Miscellaneous Selectors
----------------------------------------------- */
.hidden { display: none; }
.inner { padding: 0px 15px; margin: 0px; }
.clear { clear: both; }

/* Container
----------------------------------------------- */
#container { margin: 0px auto; width: 750px; text-align: left; }
#container_wide { margin: 0px auto; width: 1050px; text-align: left; }

/* Header
----------------------------------------------- */
#header { position: relative; }

/* One-Column (Main)  [    ]
----------------------------------------------- */
#layout-m #side { display: none; }
#layout-m #main { float: none; }
#layout-m #extra { display: none; }
#layout-m #main-sub-col1 { float: left; width: 374px; }
#layout-m #main-sub-col2 { float: right; width: 374px; }

/* Two-Column (Main-Extra)  [  ][ ]
----------------------------------------------- */
#layout-mx #side { display: none; }
#layout-mx #main { float: left; width: 500px; }
#layout-mx #extra { float: right; width: 240px; }
#layout-mx #main-sub-col1 { float: left; width: 245px; }
#layout-mx #main-sub-col2 { float: right; width: 245px; }

/* Two-Column (Left-Right)  [  ][ ]
----------------------------------------------- */
#layout-lr #side { display: none; }
#layout-lr #main { float: left; width: 460px; }
#layout-lr #extra { float: right; width: 280px; }

/* Two-Column (Side-Main) [ ][  ]
----------------------------------------------- */
#layout-sm #side { float: left; width: 240px; }
#layout-sm #main { float: right; width: 508px; }
#layout-sm #extra { display: none; }
#layout-sm #main-sub-col1 { float: left; width: 254px; }
#layout-sm #main-sub-col2 { float: right; width: 253px; }

/* Three-Column (Side-Main-Extra) [][][]
----------------------------------------------- */
#layout-smx #side { float: left; width: 240px; }
#layout-smx #main { float: left; width: 268px; }
#layout-smx #extra { float: left; width: 240px; }
#layout-smx #main-sub-col1 { float: left; width: 134px; }
#layout-smx #main-sub-col2 { float: right; width: 133px; }

/* Three-Column (Main-Side-Extra) [ ][][]
----------------------------------------------- */
#layout-msx #side { float: right; width: 175px; }
#layout-msx #main { float: left; width: 398px; }
#layout-msx #extra { float: right; width: 175px; }
#layout-msx #main-sub-col1 { float: left; width: 199px; }
#layout-msx #main-sub-col2 { float: right; width: 198px; }

/* Footer
----------------------------------------------- */
#footer { clear: both; }
