/* http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm */
/* General styles */
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
	min-width: 760px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */
}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.header
{
	margin-top: 10px;
}

.main
{
	min-height: 500px;
}

.footer
{
    font-size: 7pt;
}

/* column container */
.pcolmask,
.ecolmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}

/* common column settings */
.pcolmask .colleft, 
.pcolmask .colmid, 
.pcolmask .colright
{
    float: left;
    width: 100%;
    position: relative;
}
.pcolmask .col1, 
.pcolmask .col2, 
.pcolmask .col3
{
    float: left;
    position: relative;
    padding: 0 0 0 0;
    overflow: hidden;
}

/* 1 column full page settings */
.efullpage
{
}
.efullpage .col1
{
    margin: 0 1em;
}

/* 3 Column banner settings */
.pbannercol
{
}
.pbannercol .colmid
{
    right: 25%; /* width of the right column */
}
.pbannercol .colleft
{
    right: 50%; /* width of the middle column */
}
.pbannercol .col1
{
    width: 48%; /* width of center column content (column width minus padding on either side) */
    left: 101%; /* 100% plus left padding of center column */
}
.pbannercol .col2
{
    width: 23%; /* Width of left column content (column width minus padding on either side) */
    left: 28%; /* width of (right column)
                  plus (center column left and right padding)
                  plus (left column left padding) */
}
.pbannercol .col3
{
    width: 23%; /* Width of right column content (column width minus padding on either side) */
    left: 80%; /* Please make note of the brackets here:
						(100% - left column width)
						 plus (center column left and right padding)
						 plus (left column left and right padding)
						 plus (right column left padding) */
}

/* holy grail 3 column settings */
.e3col
{
}
.e3col .colmid
{
    float: left;
    width: 200%;
    margin-left: -12.3em; /* Width of right column */
    position: relative;
    right: 100%;
}
.e3col .colleft
{
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 28.6em; /* Left column width + right column width */
}
.e3col .col1wrap
{
    float: left;
    width: 50%;
    position: relative;
    right: 16.3em; /* Width of left column */
}
.e3col .col1
{
    margin: 0 12.5em 0 16.5em; /* Centre column side padding:
                    	Left padding = left column width + centre column left padding width
                    	Right padding = right column width + centre column right padding width */
    position: relative;
    left: 200%;
    overflow: hidden;
}
.e3col .col2
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 15em; /* Width of left column content (left column width minus left and right padding) */
    position: relative;
    right: .3em; /* Width of the left-had side padding on the left column */
}
.e3col .col3
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 11em; /* Width of right column content (right column width minus left and right padding) */
    margin-right: 2.3em; /* Width of right column right-hand padding + left column left and right padding */
    position: relative;
    left: 50%;
}


.miniLogin, .miniLogin table td, .miniLogin table td input
{
    font-size: 7pt;
}

.flags
{
	float: right;
	position: relative;
	clear: both;
	width: 130px;
	text-align: right;
}

.rssImg
{
	float: right;
	position: relative;
	clear: both;
	right: 8px;
	top: 1px;
	vertical-align: middle;
}