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 */
}



#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;
position: relative; 
background-position: bottom;  
background-repeat: no-repeat; 
background-color: #fff; 
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; 
background-image: url(../_img/pathways_logo_banner_3.jpg);  
background-repeat: no-repeat; 
height: 106px;
}
.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(../_img/success_stories_2.jpg); background-repeat: no-repeat; background-color:#fff;}
#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: 500px; 
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: 16px; font-family: arial, verdana, helvetica, sans-serif; color: #FF9A00;}
#logos {margin-top: 20px;}
#content p {
font-size: 80%; 
line-height: 17px;
margin: 10px 6px 10px 6px; 
padding: 0; 
text-align:justify;
}
.sub {color: #993333; font-weight: bold;}

hr {height:1px; color:#cccccc; border-top:1px solid; background:#CCCCCC;text-decoration:none;}

#content a{color: #993333;}

#staff img{padding-right:10px;padding-bottom:30px;}
#staff p{height:140px;display:block;}
#staff h4{float:right;}

#pathwaysmap img{padding-right:10px;padding-bottom:10px;}
#pathwaysmap p{height:220px;display:block;text-align:left;}

#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;}

ul.pathways_list {
 list-style-image:url('/_img/small_checkmark.jpg');
}
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; }

ul {
font-family: arial, verdana, helvetica, sans-serif; 
color: #000;
padding: 0;
font-size: 80%; 
margin: 0px 0px 0 40px; 
 }
.subtext {color: #663; font-weight: bold;}

#leftcol { 
font-weight: bold;
float: left; 
width: 169px;
margin-bottom: 0px;
margin-left: 0px; 
 

padding-right:20px;
padding-top:10px;
background-repeat:no-repeat;

}

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

}

#leftcol #navigation ul {

list-style-type: none; 
margin: 0; 
padding: 0; 
font-size: 80%; 
}

#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 a, 
#leftcol #navigation a:visited { 
/*border-bottom: 1px solid #999; */

color:#666666;
display: block; /* required to make the links act like a button, having the full area "clickable" */
padding: 6px 0 6px 10px; 
text-align:right;
text-decoration: none;
width: 161px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
w\idth: 156px; /* 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, 

a.header{font-size:14px;}
#leftcol #navigation a:focus, a.header:hover{ 
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;} 
#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*/
}

a.selected:active, a.selected:visited, a.selected:hover{font-size:125%; }

a.header:active,a.header:visited{text-decoration:none;color:#CCC;padding-left:5px;}

a.header:hover{ 
background-color: transparent; 
border-bottom: 1px solid #999; 
color: #993333; 
}

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

#signup p{
background-color:#ccc;
padding-right:10px;
font-size:80%;
}

#signup{
  margin:auto;
  margin-left:8px;
  padding: 2px 5px 2px 5px;
  background-color:#ccc;
  border:1px solid #888;

}

#signup a{
color:#888;
text-decoration:none;
}




#newsletter{
 height:100px;
 width:168px;
 padding-top:20px;
 background-image:url(../_img/newsletter_bgnd.jpg);
 background-repeat:no-repeat;
 text-align:right;
 padding-right:50px;
 color:#666;
 font-weight:bold;
 }
 
#newsletter a{

color:#999966;
text-decoration:none;
}
#newsletter a:hover{
background-color: transparent; 
border-bottom: 1px solid #999; 
color: #993333; 
}

#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;}