/* 
PRINT STYLES
*/ 

/* ==================================================================================== */

/* 
==SIFR:
This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal
*/

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* ==================================================================================== */

/* 
==STRUCTURAL:
*/

#container
{
width: 100%;
margin: 0;
padding: 0;
}

#logo-nav
{
height: 8.5em;
text-align: center;
background: #f2ede9;
}

#nav
{
display: none;
}

#intro
{
height: 14.5em;
}
body > #intro
{
height: 11.5em;
}

#sidebar1
{
display: block;
}
#maincontent
{
display: block;
}
#sidebar2
{
display: block;
}

/* MODIFYING THE BODY ATTRIBUTE TO DELIVER DIFFERENT LAYOUTS WITHOUT CHANGING THE XHTML: */
/* ========================================== */

/* THREE COLUMN LAYOUT: */
.threecolumn #sidebar1
{
display: block;
}
.threecolumn #maincontent
{
display: block;
}
.threecolumn #sidebar2
{
display: block;
}

/* ========================================== */

/* TWO COLUMN LAYOUT: */
.twocolumn #sidebar1
{
display: none;
}
.twocolumn #maincontent
{
display: block;
}
.twocolumn #sidebar2
{
display: block;
}

/* ========================================== */

/* TWO COLUMNS OF EQUAL WIDTH LAYOUT: */
.twocolumn-equal #sidebar1
{
display: none;
}
.twocolumn-equal #maincontent
{
display: block;
}
.twocolumn-equal #sidebar2
{
display: block;
}

/* ========================================== */

/* ONE COLUMN LAYOUT: */
.onecolumn #sidebar1
{
display: none;
}
.onecolumn #maincontent
{
display: block;
}
.onecolumn #sidebar2
{
display: none;
}


/* ========================================== */

/* SPLASH PAGE LAYOUT: */
.splashpage #sidebar1
{
display: none;
}
.splashpage #maincontent
{
width: 75%;
margin: 0 auto;
text-align: center;
}
.splashpage #sidebar2
{
display: none;
}

/* ========================================== */

#function-links
{
display: none;
}

/* ==================================================================================== */

/* 
==STYLING:
*/

/* =UNIVERSAL: */
body 
{ 
margin: 0;
padding: 0;
font-family:arial, geneva,  verdana, sans-serif; 
font-size: 62.5%;
}

.twocolumn dt
{
float: left;
margin-right: 10px;
}
.twocolumn dd
{
margin-left: 93px;
}

.onecolumn address
{
margin: 0;
padding: 0;
font-size: 1.1em;
line-height: 1.4em;
}

.twocolumn address
{
margin: 0;
padding: 0;
font-size: 1.1em;
line-height: 1.4em;
}

/* =SPLASH PAGE: */
.splashpage
{
background: url(../images/splash-bg.jpg) repeat-x top left #f5f2eb;
}

/* =LOGO-NAV: */
#logo-trade
{
float: left;
margin-top: 10px;
margin-left: 0;
}
#logo-council
{
float: right;
margin-top: 10px;
margin-right: 0;
}

#logo-nav ul
{
display: none;
}

/* =INTRO: */
#intro h2
{
margin: 29px 0 0 0;
font-size: 2em;
font-weight: lighter;
color: #887439;
}

#intro p
{
width: 420px;
margin: 5px 0 0 0;
font-size: 1.2em;
color: #000;
line-height: 1.3em;
}

/* =SIDEBAR 1: */
#sidebar1 h3
{
float: left;
padding-right: 11px;
}

/* =MAIN CONTENT: */
#maincontent form
{
margin: 15px 0 20px 0;
}
#maincontent label
{
display: block;
float: left;
width: 100px;
margin-top: 8px;
font-size: 1.1em;
}
#maincontent input
{
width: 200px;
margin-top: 5px;
vertical-align: middle;
}
#maincontent select
{
width: 200px;
margin-top: 5px;
vertical-align: middle;
}
#maincontent .submit
{
display: block;
width: 52px;
margin-left: 103px;
}


.threecolumn #maincontent h3
{
float: left;
padding-right: 11px;
}
.twocolumn #maincontent h3
{
margin: 0 0 10px 0;
font-size: 1.7em;
font-weight: lighter;
color: #887439;
}
.twocolumn-equal #maincontent h3
{
margin: 0 0 10px 0;
font-size: 1.7em;
font-weight: lighter;
color: #887439;
}
.onecolumn #maincontent h3
{
margin: 0 0 10px 0;
font-size: 1.7em;
font-weight: lighter;
color: #887439;
}

.twocolumn #maincontent .columncontent
{
padding-left: 0;
background: none;
}
.twocolumn-equal #maincontent .columncontent
{
padding-left: 0;
background: none;
}
.onecolumn #maincontent .columncontent
{
padding-left: 0;
background: none;
}

.onecolumn #maincontent .columncontent dl
{
width: 100%;
height: 10px;
padding-bottom: 20px;
background: url(../images/onecol-dl-bg.png) repeat-x bottom left;
}
html > .onecolumn #maincontent .columncontent dl
{
height: auto;
}
.onecolumn #maincontent .columncontent dt
{
margin: 20px 0 10px 0;
font-size: 1.3em;
line-height: 1.5em;
font-weight: bold;
}
.onecolumn #maincontent .columncontent dd address
{
float: left;
width: 20%;
margin-right: 2%;
}
.onecolumn #maincontent .columncontent dd ul
{
float: left;
width: 20%;
margin-right: 2%;
}

.splashpage #maincontent h1
{
margin-top: 20px;
}
.splashpage #maincontent p
{
float: left;
width: 45%;
margin: 40px 0 40px 0;
padding: 10px;
text-align: left;
font-size: 1.1em;
}
.splashpage #maincontent p .enter
{
display: block;
width: 100%;
margin-top: 20px;
text-align: center;
font-size: 1.8em;
font-weight: lighter;
}

/* =SIDEBAR 2: */
#sidebar2 form
{
margin: 15px 0 20px 0;
}
#sidebar2 label
{
display: block;
float: left;
width: 100px;
margin-top: 8px;
font-size: 1.1em;
}
#sidebar2 input
{
width: 200px;
margin-top: 5px;
vertical-align: middle;
}
#sidebar2 select
{
width: 200px;
margin-top: 5px;
vertical-align: middle;
}
#sidebar2 .submit
{
display: block;
width: 52px;
margin-left: 103px;
}
#sidebar2 .normsubmit
{
display: block;
width: 62px;
}

.threecolumn #sidebar2 h3
{
float: left;
padding-right: 11px;
}
.twocolumn #sidebar2 h3
{
display: block;
}

/* =COLUMN CONTENT: */
.columncontent
{
padding: 0 0 10px 15px;
margin-left: 20px;
background: url(../images/dividers-bg.png) repeat-y top left;
}
/* IE6 bug fix: */* html .columncontent
{
height: 1%;
}

.columncontent a
{
color: #000;
font-weight: bold;
text-decoration: underline;
}
.columncontent a:visited
{
text-decoration: underline;
}

.columncontent p
{
margin-bottom: 10px;
font-size: 1.1em;
line-height: 1.5em;
}

.columncontent ul
{
margin: 10px 0 10px 0;
font-size: 1.1em;
line-height: 1.4em;
}
.columncontent ul li
{
padding-bottom: 0.5em;
}
.onecolumn .columncontent ul li
{
padding-bottom: 0;
}

.columncontent img
{
border: 1px solid #ccc;
}

.threecolumn .columncontent h4
{
font-size: 1.1em;
line-height: 1.5em;
font-weight: bold;
}
.twocolumn .columncontent h4
{
margin-top: 20px;
font-size: 1.3em;
line-height: 1.5em;
font-weight: lighter;
color: #887439;
}

.twocolumn .columncontent h3
{
font-size: 1.7em;
line-height: 1.5em;
font-weight: lighter;
color: #887439;
}
.twocolumn-equal .columncontent h3
{
font-size: 1.4em;
line-height: 1.5em;
font-weight: lighter;
color: #887439;
}

/* =EXTRAS: */
.clear
{
clear: both;
}

.introdecoration
{
height: 100%;
}

.threecolumn .widelist li
{
display: block;
float: left;
width: 38%;
padding-right: 2%;
}
.twocolumn .widelist li
{
display: block;
float: left;
width: 30%;
height: 9.1em;
padding-right: 2%;
font-size: 0.9em;
}
html > .twocolumn .widelist li
{
height: 7em;
}

.twocolumn .widelist li h4
{
font-size: 1.1em;
margin: 0;
}

.resources img
{
background: #fff;
}

.pagination
{
float: right;
margin: 20px 0 10px 0;
font-size: 1.1em;
}
.paginationSeparator
{
padding: 0 5px 0 5px;
}

.back
{
float: right;
margin: 20px 0 10px 0;
}

.updated
{
float: left;
margin: 20px 0 10px 0;
}