@charset "iso-8859-1";

html, body{
	margin: 0px;
	padding: 0px;
	background-color: #BDBEC1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
        
}

div{
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}

#container{ 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 933px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 100%;
	height: 100%;
} 

#header{
	margin: 0px;
	padding: 20px 9px 0 9px;
	color: #000000;
	background: #FFFFFF; 
	background-image: url(/_templates/homepage/top.background.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border: none;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body #header{
	margin-bottom: -19px;
	font-family: "\"}\"";
	font-family: inherit;
	margin-bottom: 0px;
}
#empty{}

#header div.topMenuSpace{
	height: 10px;
	border: none;
}

#header div.topMenu{
	/*border: 1px solid #999999;*/
	border: 1px solid #8CC63E;
} 

/* -1px margin-top is so NN4 borders overlap */
#columns{
	margin: 0px;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 20px;
	color: #000000;
	background-color: #ffffff;
	border: none;
	border-left: 1px solid #999999;
	
}
/* reset post NN4 */
#columns{
/*/*/
	padding-top: 10px;
	padding-bottom: 46px;
/* */
}

/*
make sure that .leftcolumn's width is equal to .centercolumn's margin-left
width can be fixed pixels or ems or percentage
-11px margin-top enables columns to lign up in NN4 rather than dropping down unacceptably
*/
#leftcolumn{
	border: none;
	float: left;
	left: 0px;
	width: 130px;
	margin: 10px;
	margin-bottom: 0;
	padding: 0px;
	padding-bottom: 10px;
	border: solid 1px red;
        font-size: 12px;
}
li #leftcolumn {
	border: none;
	float: left;
	left: 0px;
	width: 130px;
	margin: 10px;
	margin-bottom: 0;
	padding: 0px;
	padding-bottom: 10px;
	
        font-size: 12px;
        background-color: #FEFEFE;
}

#leftcolumn img{
	padding-bottom: 5px;
       text-align: center;
}
/* reset post NN4 */
#leftcolumn{
/*/*/
	border: none;
	border-right: #999999 1px solid;
	margin-top: 0px;
	padding-bottom: 20px;
        font-size: 14px;
/* */
}

/*
make sure that .rightcolumn's width is equal to .centercolumn's margin-right
width can be fixed pixels or ems or percentage
*/
#rightcolumn{
	position: relative;
	border: none;
	float: right;
	width: 334px;
	margin: 0px;
	padding: 10px;
	padding-top: 0;
	border-left: #999999 1px solid;
}

/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.

If you don't want a border in NN4,but want the colour, change the border to none
*/
#centercolumn{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	background-color: #ffffff;
	border-top: none;
	border-bottom: none;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
}

#centercolumn div{
	border: none;
}

/* NN4 values */
#centercolumn{
	margin-right: 0px;
	margin-left: -25px;
	margin-bottom: 5px;
}
/* Other browsers - hide from NN4 */
/*/*/
#centercolumn{
	margin-top: 0;
	margin-right: 354px;
	margin-left: 140px;
	margin-bottom: 5px;
}
/* OmniWeb but exclude from IE5 mac */
/*\*/
.fake#centercolumn{
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
}
/* reset IE*/
* html body #centercolumn{
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
}

/* end NS4 exclude hack */

/* -7px margin-top enables footer/middles to lign up in NN4 rather than dropping down unacceptably */
#footer{
	clear: both;
	margin: 0;
	padding: 16px;
	padding-bottom: 80px;
	text-align: center;
	color: #000000;
	background-color: #BDBEC1;
	border: none;
	border-top: 1px solid #999999;
	font-size: 10px;
	color: #333333;
}
/* reset post NN4 */
#footer{
/*/*/
	margin: 0;
/* */
}

/* Other Stuff */
#TopMenu{
	border: none;
	background-color: #8cc63e;
	text-align: left;
	height: 32px;
}

#HeaderImage{
	border: none;
	height: 120px;
	/*background-color: #339999;
	background-image: url(/_templates/homepage/header.image.jpg);
	background-position: center top;
	background-repeat: no-repeat;*/
}

#HeaderImage h1{
	margin: 0;
	padding: 144px 10px 0 0;
	text-align: right;
	color: #ffffff;
	font-size: 25px;
	line-height: 28px;
	font-weight: bolder;
}

#footerProducers{
	border: none;
	padding: 5px 0px 5px 150px;
	font-size: 11px;
}

#footerProducers h2{
	margin: 0;
	margin-bottom: 5px;
	padding-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
	line-height: 20px;
	color: #999999;
	background: none;
	text-transform: none;
}

#footerProducers table{
	margin: 0;
}

#footerProducers a{
	color: white;
}

#fp1{
	width: 603px;
	background-color: #8CC63E;
        color: #ffffff;
}

#fp2{
	margin-right: 6px;
	width: 162px;
	background-color: #0B9443;
        color: #ffffff;
}

.floatLeft{
	border: none;
	width: 30%;
	float: left;
	text-align: left;
	padding: 5px;
}

.floatCenter{
	border: none;
	width: 35%;
	height: 50px;
	float: left;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}

.floatRight{
	border: none;
	width: 30%;
	float: right;
	text-align: right;
	padding: 5px;
}

/* Links */

a.FooterPrivacy,a.FooterPrivacy:hover{
	height: 20px;
	padding: 10px 0 10px 20px;
	background-image: url(/_templates/privacy-icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #333333;
	text-decoration: underline;
}

a.FooterBOnline{
	color: #333333;
	text-decoration: none;
}

a.FooterBOnline:hover{
	color: #333333;
	text-decoration: underline;
}

#CenterMenu a{
	height: 35px;
	padding: 12px 0 12px 50px;
	background-image: url(/_templates/world_icon.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color: #15396b;
	text-decoration: underline;
}
a{
	color: #0B9443;
	text-decoration: none;
}
a.html2pdf{
	background-image: url(/_templates/_icons/page_white_acrobat.png);
	background-repeat: no-repeat;
	padding: 2px 1px 2px 20px;
	text-decoration: none;
	color: #333333;
}

a.html2pdf:hover{
	background-image: url(/_templates/_icons/page_white_acrobat.png);
	background-repeat: no-repeat;
	padding: 2px 1px 2px 20px;
	text-decoration: underline;
	color: #333333;
}