* {
	margin: 0;
	padding: 0;
}

body {
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/background.jpg) top left repeat-x;
background-color: #f4f4f4;
}

img {
border: 0;
margin: 0;
padding: 0;
}

#container{
width: 872px;
margin: 0 auto;
}

#masthead{
width: 872px;
height: 58px;
background: url(../images/masthead-bg.jpg) top left repeat-x;
}

#mast-logo{
float: left;
width: 281px;
height: 58px;
}

#nav{
float: right;
width: 540px;
height: 58px;
}

#banner{
float: left;
width: 872px;
height: 202px;
background: url(../images/banner.jpg) top left no-repeat;
}

#bar{
float: left;
width: 872px;
height: 31px;
}

#content{
float: left;
width: 872px;
}

#leftCol{
float:left;
width: 241px;
}

#subNav{
float:left;
width: 241px;
background: url(../images/left-nav_bg.jpg) top left repeat-y;
}

#subNavTop{
float:left;
width: 241px;
height: 12px;
background: url(../images/left-nav_top.jpg) top left  no-repeat;
}

#subNavLinks{
float:left;
margin-top: 24px;
width: 241px;
}

#subNavBottom{
float:left;
width: 241px;
height: 27px;
background: url(../images/left-nav_bottom.jpg) bottom left  no-repeat;
}

#BodyCol{
float:left;
width: 630px;
background: url(../images/content-bg.jpg) top left repeat-y;
}

#BodyColTop{
float:left;
width: 630px;
height: 12px;
background: url(../images/content-top.jpg) top left no-repeat;
}

#BodyColContent{
float:left;
width: 630px;
}

#BodyColBottom{
float:left;
width: 630px;
height: 27px;
background: url(../images/content-bottom.jpg) top left  no-repeat;
}


#footer{
clear: both;
height: 25px;
width: 872px;
}

#clear{
clear:both;
}