/* 
WMTDC STYLES
*/ 

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

/* IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

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

/* IMPORT SIFR STYLES (has to be first): */
@import "sifr.css";

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

/* DIABLO STYLES: */
@import "wysiwyg.css";

/* structure, specific texts */
#toolbar { position:absolute; top:20px; left:250px; z-index:40; }

#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

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

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

:link,:visited 
{ 
text-decoration: underline;
font-weight: bold;
}
a:link {   }
ul,ol 
{ 
list-style-type: none;
}
h1,h2,h3,h4,h5,h6,pre,code 
{
font-size: 1em; 
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ 
margin: 0; 
padding: 0;
}

a img,:link img,:visited img 
{ 
border: none
}
address 
{ 
font-style: normal
}

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

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

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

/* 
==STRUCTURAL:
*/

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

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

#nav
{
clear: both;
height: 2em;
padding: 6px 16px 5px 17px;
background: url(../images/nav-bg.png) repeat-x #b7aa73;
border-bottom: 1px solid #9f8e56;
}
body > #nav
{
padding: 7px 16px 4px 17px;
}

#intro
{
height: 14.5em;
background: url(../images/intro-bg.png) repeat-x bottom left #fff;
border-bottom: 1px solid #c4b99d;
}
body > #intro
{
height: 11.5em;
}

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

/* THREE COLUMN LAYOUT: */
.threecolumn #sidebar1
{
float: left;
width: 20%;
margin: 20px 0 20px 20px;
}
.threecolumn #maincontent
{
float: left;
width: 49%;
margin: 20px 0 20px 20px;
}
.threecolumn > #maincontent
{
width: 52%;
}
.threecolumn #sidebar2
{
float: left;
width: 20%;
margin: 20px 0 20px 20px;
}

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

/* TWO COLUMN LAYOUT: */
.twocolumn #sidebar1
{
display: none;
}
.twocolumn #maincontent
{
float: left;
width: 59%;
margin: 20px 0 20px 20px;
}
.twocolumn > #maincontent
{
width: 62%;
}
.twocolumn #sidebar2
{
float: left;
width: 30%;
margin: 20px 0 20px 20px;
}

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

/* TWO COLUMNS OF EQUAL WIDTH LAYOUT: */
.twocolumn-equal #sidebar1
{
display: none;
}
.twocolumn-equal #maincontent
{
float: left;
width: 44%;
margin: 20px 0 20px 20px;
}
.twocolumn-equal > #maincontent
{
width: 44%;
}
.twocolumn-equal #sidebar2
{
float: left;
width: 44%;
margin: 20px 0 20px 20px;
}

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

/* ONE COLUMN LAYOUT: */
.onecolumn #sidebar1
{
display: none;
}
.onecolumn #maincontent
{
float: left;
width: 92%;
margin: 20px 0 20px 10px;
}
.onecolumn > #maincontent
{
width: 92%;
margin-left: 20px;
}
.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
{
clear: both;
height: 3em;
padding: 15px 16px 0 22px;
background: #f2ede9;
}

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

/* 
==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;
clear:both;
}
.twocolumn dt img
{
margin-top: 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: 10px;
}
#logo-council
{
float: right;
margin-top: 10px;
margin-right: 10px;
}

#bodytag #logo-nav ul
{
float: left;
width: 60%;
margin-top: 30px;
font-size: 1.6em;
text-align: center;
}
#bodytag #logo-nav ul li
{
display: inline;
margin-right: 5px;
color: #887439;
}
* html #bodytag #logo-nav ul li
{
margin-right: -36px;
}
#bodytag #logo-nav ul li a
{
color: #887439;
}
#bodytag #logo-nav ul li a:hover
{
text-decoration: underline;
}

/* =NAV: */
#nav ul
{
float: left;
font-size: 1.1em;
}
#nav ul li
{
display: inline;
margin-left: 5px;
color: #fff;
font-weight: bold;
}
#nav a
{
margin-right: 5px;
color: #fff;
font-weight: bold;
}
#nav a:hover
{
text-decoration: underline;
}
#nav p
{
float: right;
padding-top: 5px;
font-size: 1.1em;
color: #fff;
font-weight: bold;
}
body > #nav p
{
padding-top: 3px;
}

#nav form
{
display: inline;
}

#nav abbr
{
border: none;
}

#nav #navsearchbox
{
width: 100px;
height: 15px;
margin-left: 5px;
border: none;
display: inline;
}
body > #nav #navsearchbox
{
height: 18px;
}
#nav #navsearchbutton
{
background: none;
border: none;
color: #fff;
font-size: 1em;
text-transform: lowercase;
font-weight: bold;
display: inline;
}

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

#intro p
{
/*width: 420px;*/
width: 64%;
margin: 5px 0 0 312px;
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: 250px;
margin-top: 5px;
vertical-align: middle;
}
#maincontent .submiteng
{
display: block;
width: 52px;
height: 23px;
margin-left: 103px;
}

#maincontent .submitcym
{
display: block;
width: 81px;
height: 23px;
margin-left: 103px;
}


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

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



.twocolumn #maincontent .columncontent li
{ 
margin-left: 30px;
list-style-type: disc;
/*list-style-type: none;*/
}

.twocolumn #maincontent .columncontent .nodisc li
{ 
margin: 0;
list-style-type: none;
}

.twocolumn #maincontent .columncontent img.largeimage
{
float: right; 
margin-left: 15px;
}
.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: 100%;
margin-right: 2%;
}
.onecolumn #maincontent .columncontent dd ul
{
float: left;
width: 25%;
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 .submiteng
{
display: block;
width: 52px;
margin-left: 103px;
}
#sidebar2 .submitcym
{
display: block;
width: 81px;
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:link, .columncontent a:visited, .columncontent a:hover, .columncontent a:active
{
text-decoration: underline;
}

.columncontent a.notbold
{
color: #000;
font-weight: normal;
text-decoration: underline;
}
.columncontent a.notbold:link, .columncontent a.notbold:visited
{
font-weight: normal;
text-decoration: underline;
}
.columncontent a.notbold:hover, .columncontent a.notbold:active
{
font-weight: normal;
text-decoration: underline;
}



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

.columncontent
{
font-size: 1.1em;
}

.columncontent ul
{
margin: 10px 0 10px 0;
/*font-size: 1.1em;*/
line-height: 1.4em;
list-style-type: none;
}
.columncontent ul li
{
padding-bottom: 0.5em;
list-style-type: none;
}
.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.2em;
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;
}

/* =FUNCTION-LINKS: */
#function-links li
{
float: left;
margin-right: 10px;
font-size: 1.1em;
color: #87743a;
}
#function-links #sequence
{
float: right;
}
#function-links li a
{
color: #87743a;
font-weight: bold;
}
#function-links li a:hover
{
text-decoration: underline;
}

#function-links #printpage
{
padding-left: 20px;
background: url(../images/icon-print.gif) no-repeat center left;
}

#function-links #emailpage
{
padding-left: 20px;
background: url(../images/icon-email.gif) no-repeat center left;
}

#function-links #gogwales
{
padding-left: 18px;
background: url(../images/icon-gogwales.gif) no-repeat center left;
}

#function-links #pdfpage
{
padding-left: 13px;
background: url(../images/icon-pdfpage.gif) no-repeat center left;
}

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

.nobr {color:#000;display:inline;}

.introdecoration
{
height: 100%;
}

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

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

.resources img
{
background: #fff;
}

.pagination
{
float: right;
margin: 20px 0 10px 5px;
font-size: 1.1em;
}
#pagination
{
float: right;
margin: 20px 0 10px 5px;
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;
}

.error
{
	color: Red;	
}

/*.twocolumn #maincontent .columncontent
{
	width: 700px;
}*/

#maincontent .columncontent ul.resources li
{
	list-style-type: none;
}

#maincontent .columncontent ul li
{
	list-style-type: none;
}

ul.resources li.resourcesHeader
{
	font-size: 1.1em;
	color: #887439;
}


.directorytitle
{
	font-size: 1.2em;
	font-weight: lighter;
	color: #887439;
}

/*kate's styles*/

.pagetitle 
{
font-size: 1.3em;
line-height: 1.5em;
font-weight: bold;
color: #a5966a;	
padding: 0px 0px 10px 19px;
}

#maincontent input.searchsubmit
{
background-color: #a5966a;
width: 60px;
height: 20px;
border: solid 1px #555;
color: #FFF;
}

#sidebar2 .columncontent input.searchsubmit
{
background-color: #a5966a;
width: 60px;
height: 20px;
border: solid 1px #555;
color: #FFF;
}

#sidebar2 table.cats
{
	width: 200px;	
}
#sidebar2 table.cats tr
{
	padding: 0;
	margin: 0;		
}
#sidebar2 table.cats tr td
{
	padding: 0;
	margin: 0;	
}
#sidebar2 table.cats tr td input
{
	width: 20px;
	padding: 0;
	margin: 0;	
	border: 0;
	display: inline;
	float: left;
}
#sidebar2 table.cats tr td label
{
	display: inline;
	width: auto;
	padding: 0;
	margin: 2px;	
	border: 0;
	
}