body { 
margin: 0; 
padding: 0; /* Opera carries a default padding and requires this zeroing */
border: 0; 
background-color: #f0f0f0; 
color: #000;  
text-align: center; /* Hack to centre the wrapper in IE5.x pc */
font-family:  arial, verdana, helvetica, sans-serif;
font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}
.img{
border:0px;
}

#menu_bgnd_top{
background-image: url(../_img/menu_bgnd_top.gif);
background-repeat:no-repeat;
width:180px;
height:17px;
}
#menu_bgnd_bottom{
background-image: url(../_img/menu_bgnd_bottom.gif);
background-repeat:no-repeat;
width:180px;
height:25px;
}

.menu_bgnd{
background-image:url(../_img/menu_bgnd.gif);
background-repeat:vertical;
width:180px;
height:auto;
}

#pathways_bgnd {
width:375px;
height:66px;
padding:20px;
background-image: url(../_img/pathways_bgnd.gif);
background-repeat:no-repeat;
}

#jobshop_bgnd {
width:375px;
height:66px;
padding:20px;
background-image: url(../_img/jobshop_bgnd.gif);
background-repeat:no-repeat;
color:#FFFFFF;
}


#core {

background-image: url(../_img/core.jpg);
background-repeat: no-repeat;
}


#wrapper {
width: 772px;/*sets the width for IE5.x's broken box model*/
w\idth: 770px; /* sets the width of the wrapper for compliant browsers*/
margin: 0px auto;
padding-top:100px;
position: relative; 
background-position: top;  
background-color: #fff; 
background-image: url(../_img/tradeworks_logo_banner_2.jpg);  
background-repeat: no-repeat; 
border-left: 1px solid #999; 
border-right: 1px solid #999;
text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#banner {
position: relative; 
width:772 px; 
background-repeat: no-repeat; 
height:100 px;
}
.blocked { 
display:block; 
width:100%;
height: 100%; 
text-decoration:none; 
}

#success { padding: 0; margin: 5px 0 0 0; width: 173px; height: 230px; background-image: url(images/stories.jpg); background-repeat: no-repeat;}
#tradeworks { padding: 0; margin: 5px 0 0 0; width: 173px; height: 95px; background-image: url(images/tw_logo.gif); background-repeat: no-repeat;}
#content { 
width: 520px; 
margin-top: 35px;
margin-left: 220px; 
margin-bottom:40px; 
background-color: #fff;
}
h2 {font-size: 20px; font-family: arial, verdana, helvetica, sans-serif; color: #000;
}
h3 {font-size: 20px; font-family: arial, verdana, helvetica, sans-serif; color: #993333;}
#logos {margin-top: 20px;}
#content p {
font-size: 95%; 
line-height: 17px;
margin: 10px 6px 10px 6px; 
padding: 0; 
text-align:justify;
}
.sub {color: #993333; font-weight: bold;}

#content a{color: #993333;}

#tips a{color: #993333; font-weight: bold; font-size: 14px;}
#tips h3{color: #000; font-size: 14px; font-family: arial, helvetica, verdana, sans-serif;}
#tips a.top {text-decoration: none; color: #666; font-size: 12px;}

a.navlinks {
color: blue;
text-decoration: none;
padding: 3px 6px;
text-transform: uppercase;
font: 12px Arial, Helvetica, verdana, sans-serif;
}
a.navlinks:active, a.navlinks:visited, a.navlinks:hover { color: #E04A2F; }

.list {
font-family: arial, verdana, helvetica, sans-serif; 
color: #992929;
padding: 0;
font-size: 50%; 
margin: 0px 0px 0 40px; 
 }

#content ul{
padding-left:20px;

}
 
 #content ul li{
 font-size: 12px;
}

#content li{
font-weight: normal;}

ul.sublist{
margin: -15px 0 -10px 60px;
padding: 0 0 0 30px;
}


.subtext {color: #663; font-weight: bold;}

h4 {text-align: right;}

h5 {font-size: 15px; font-family: arial, verdana, helvetica, sans-serif; color: #303;} 

#date p{
text-align:right;
padding-right:10px;
font-size:100%;
}


#leftcol { 
font-weight: bold;
float: left; 
width: 175px;
margin-bottom: 0px;
margin-left: 0px; 
margin-top: 20px; 
padding-top: 0px; 
padding-right:10px;
/*border-right:1px solid #FF9933;*/
}


#leftcol #navigation {
text-align: left;
line-height: 100%; /* helps out IE 5.01 PC */
width: 173px; 
background-repeat: no-repeat;
background-position: bottom left; 
padding-bottom:30px;

}

#leftcol #navigation h3{
padding-left:3px;
}

#leftcol #navigation ul {
border-top: 0px solid #000; 
border-bottom: 0px solid #999; 
list-style-type: none; 
margin: 0; 
padding: 0; 
font-size: 90%; 
}

#leftcol #navigation ul li { /*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
padding: 0; 
margin: 0; 
margin: /**/ 0 0 -3px 0; /* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
ma\rgin: 0; /* IE 5.01 and IE5.5 cannot read this selector - resets the margins on other browsers back to zero - the escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */
}


#leftcol #navigation .menu_bgnd a, 
#leftcol #navigation .menu_bgnd a:visited { 
color: #FFF;
}


#leftcol #navigation .menu_bgnd a:hover, 
#leftcol #navigation .menu_bgnd a:focus { 

color: #993333;
}

#leftcol #navigation a, 
#leftcol #navigation a:visited { 

/*border-bottom: 1px solid #999; */
border-left: 0px solid #323C55; 
border-right: 0px solid #000000; 
border-bottom: 1px solid #999; 
color: #000;
display: block; /* required to make the links act like a button, having the full area "clickable" */
padding: 6px 0 6px 10px; 
text-decoration: none;
width: 169px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
w\idth: 163px; /* resets the width for IE6 and compliant browsers */
}

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#leftcol #navigation a:hover, 

#leftcol #navigation a:focus { 
background-color: transparent; 
border-bottom: 1px solid #999; 
color: #993333; 
}
#leftcol #navigation #success ul,
#leftcol #navigation #success li,
#leftcol #navigation #success a, 
#leftcol #navigation #success a:visited {border-bottom: 0;} 
#leftcol #navigation #tradeworks ul,
#leftcol #navigation #tradeworks li,
#leftcol #navigation #tradeworks a, 
#leftcol #navigation #tradeworks a:visited {border-bottom: 0;} 

#leftcol #subnavigation ul {
border-top: 0px solid #000; 
border-bottom: 0px solid #999; 
list-style-type: none; 
margin: 0; 
padding: 0; 
font-size: 90%; 

}

#leftcol #subnavigation ul li { /*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
padding: 0; 
margin: 0; 
margin: /**/ 0 0 -3px 0; /* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
ma\rgin: 0; /* IE 5.01 and IE5.5 cannot read this selector - resets the margins on other browsers back to zero - the escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */
}

#leftcol #subnavigation a, 
#leftcol #subnavigation a:visited { 

/*border-bottom: 1px solid #999; */
border-left: 0px solid #323C55; 
border-right: 0px solid #000000; 
color: #333;
display: block; /* required to make the links act like a button, having the full area "clickable" */
padding: 6px 0 6px 10px; 
text-decoration: none;
width: 100px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
w\idth: 100px; /* resets the width for IE6 and compliant browsers */
font-size:85%;
}

a.selected:active, a.selected:visited, a.selected:hover{font-size:125%; }
a.header{font-size:14px;}
a.header:active,a.header:visited{text-decoration:none;color:#CCC;padding-left:5px;}

.img{padding:4px;}


li.top{background-image:url(../_img/menu_bgnd.gif);
background-repeat:vertical;
width:180px;
height:auto;
}
a.top{}

#content li {
  list-style-image: url(../_img/checkbox1.gif);
  font-weight:normal;
}

.tradeworks_pgms ul{
  list-style-image: url(../_img/checkbox.gif);
  font-weight:bold;
}

.tradeworks_pgms{
  border:8px solid #999966;
}

.tradeworks_pgms img{
   border:0px;
   margin-bottom:50px;
   float:left;
}

.tradeworks_pgms{
 font-family:  arial, verdana, helvetica, sans-serif;
 font-size:12px;
}

a.programs, a.programs:active, a.programs:visited{font-size:120%;text-decoration:none;font-weight:bold;}
a.programs:hover{text-decoration:underline;color:#00CC33;}

.programsdiv{
  margin-bottom:20px;
}

#jobshop{
margin:20px 5px 20px 5px;
padding:5px;
background-color:#CCccCC;
}


#hipw{
margin:0px 5px 20px 5px;
padding:5px;
background-color:#CCccCC;
}


#activeleader{
margin:0px 5px 20px 5px;
padding:5 px;
background-color:#CCccCC;
}


#pathways{
margin:20px 5px 20px 5px;
padding:5px;
background-color:#CCCCCC;
}
#footer {  
background-color: #fff;  
width: 770px; 
border-top: 1px solid #999;  
font-size: 80%;  
text-align: center;  
margin-top: 20px;  
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
background-color: #cc9;  
padding: 4px 4px 4px 10px;  
margin: 0;  
}

#footer ul{
text-align: center;
background-color: #fff;
margin: 0;
padding: 4px;
}

#footer li{
display: inline;
}

#footer a { 
color: #000;  
text-decoration: underline; 
}

#footer a:hover,
#footer a:focus {
text-decoration: none; 
}

h1 { font-size: 14px;}

p.smallprint{font-size: 8px;font-style: italic;}

img {margin: 4px;}

.products{
	padding-left: 25px;
	padding-right: 20px;
	line-height: 18px;
	font-family: tahoma, arial;
	font-size: 12px;
	color: #432a0c;
}

.form {
	font-size: 10px;
	text-align: right;
}

.title_news {
	font-family: Arial, tahoma;
	line-height: 20px;
	font-weight: bold;
	font-size: 24px;
	color: #82866d;
}

.title {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	color: #c96a10;
}

.title a:link {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	color: #c96a10;
	text-decoration:none;
}

.title a:visited {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	color: #c96a10;
	text-decoration: none;
}

.title a:hover {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	color: #c96a10;
	text-decoration: underline;
}


.articles {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	color: #000000;
}

.articles a:link {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-size: 12px;
	color: #c96a10;
	font-weight: bold;
	text-decoration: underline;
}

.articles a:visited {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-size: 12px;
	color: #c96a10;
	font-weight: bold;
	text-decoration: underline;
}

.articles a:hover {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-size: 12px;
	color: #c96a10;
	font-weight: bold;
	text-decoration: none;
}

.newsletter {
	font-family: Arial, tahoma;
	line-height: 18px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

.season {
	font-family: Arial, tahoma;
	line-height: 18px;
	font-size: 12px;
	font-weight:200;
	letter-spacing: 2px;
	text-align: center;
	color: #000000;
	text-decoration: none;
}

#content_news { 
	width: 520px; 
	margin-top: 35px;
	margin-left: 220px; 
	margin-bottom:40px; 
	background-color: #fff;
}

#content_article { 
	width: 700px; 
	margin-top: 35px;
	margin-left: 40px; 
	margin-bottom:40px; 
	background-color: #fff;
}

.subtitle {
	font-family: Arial, tahoma;
	line-height: 18px;
	color: #828574;
	font-size: 12px;
}