body {
margin: 0;
padding: 0;
border: 0; 
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
background-color: #fff;
color: #333;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.01%;
min-width: 770px;
}

h1 {
font-weight: bold;
font-size: 150%;
color: #6eb012;
margin-top: 15px;
margin-bottom: 5px;
}

img {
border: 0px solid #f7f7f7;
}

#wrapper {
width: 780px;
w\idth: 770px;
margin: 0px auto 10px auto;
position: relative;
background-image: url(../images/wrapper.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #F7F7F7;
border-top: 5px solid #F7F7F7;
border-right: 5px solid #F7F7F7;
border-bottom: 5px solid #F7F7F7;
border-left: 5px solid #F7F7F7;
text-align: left;
}

#banner {
position: relative;
background-image: url(../images/banner_bg.jpg);
background-repeat: no-repeat;
height: 145px;
}

#content { 
width: 560px;
margin-left: 200px;
margin-bottom: 40px;
}

#content img {
margin: 10px;
}

#content p {
font-size: 80%;
margin: 10px 6px 20px 6px;
padding: 0;
}

#content p img {
float: left;
margin: 0px 20px;
}

#content p img.right {
float: right;
margin: 0px 20px;
}

#content ul {
font-size: 80%;
}

#content li.spaced{
margin-bottom: 20px;
}

#content ul li ul {
font-size: 100%;
margin-top: 15px;
}

#content ul li ul li {
margin-bottom: 5px;
}

#center {
text-align: center;
margin: -10px auto 0px auto;
}

#center_border {
border: 1px solid #ccc;
text-align: center;
margin: 0px auto;
}

#center img, #center_border img {
margin: 15px;
}

#logos {
float: right;
margin: 4px;
}

#logos img {
margin-left: 20px;
margin-bottom: 20px;
}

#leftcol {
float: left;
width: 169px;
margin-bottom: 120px;
margin-left: 7px;
margin-top: 25px;
background-image: url(../images/box_top.jpg);
background-repeat: no-repeat;
padding-top: 35px;
}

#leftcol #expo_banner {
margin-left: auto;
margin-right: auto;
}

#leftcol #expo_banner img {
border: 2px solid #6eb012;
}

#leftcol #navigation {
line-height: 100%;
width: 169px;
background-image: url(../images/box_bottom.jpg);
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 44px;
}

#leftcol #navigation ul {
border-top: 1px solid #f7f7f7;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 75%;
}

#leftcol #navigation ul li { /*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
border-left: 1px solid #f7f7f7;
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 { /* use dual selectors if the properties and values are the same for each */
border-bottom: 1px solid #f7f7f7;
color: #fff;
display: block; /* required to make the links act like a button, having the full area "clickable" */
padding: 4px 0 6px 4px;
text-decoration: none;
background-image: url(../images/li_bg.jpg);
width: 169px;
w\idth: 163px;
}

/* 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-image: url(../images/link_bg.jpg);
background-repeat: repeat-y;
border-bottom: 1px solid #f7f7f7;
color: #000;
}

#footer {
background-color: #f7f7f7;
width: 770px;
border-top: 2px solid #6eb012;
font-size: 60%;
text-align: right;
margin-top: 20px;
clear: both;
}

#footer p {
background-color: #f7f7f7;
padding: 4px 4px 4px 10px;
margin: 0;
}

#footer ul{
background-color: #6eb012;
margin: 0;
padding: 4px;
}

#footer li{
display: inline;
}

#footer a {
color: #f7f7f7;
text-decoration: underline;
}

#footer a:hover,
#footer a:focus {
text-decoration: none;
}
