BODY{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background: #E4E0DB;
color: #838382;
margin: 0px;
padding: 0px;
}

HR{
color: #A19589;
background: #A19589;
height: 1px;
margin: 5px 0px;
border: none;
}

A IMG{
border: none;
}

#container{
width: 808px;
margin: 0px auto;
padding: 0 47px 13px 45px;
background: #FFF;
position: relative;
}

#content{
background: url(../../images/shell_lineBKG.gif);
width: 806px;
}

#masthead{

}

#masthead #logo{
margin: 55px 0 23px 0px;
float: none;
}

#masthead #mastheadText{
background: url(http://www.communityresearchpartners.org/CreativeColumbus/images/masthead_text.gif) no-repeat;
width: 801px;
height: 31px;
padding-bottom: 10px;
}

#leftColumn{
width: 643px;
float: left;
margin: 0 0 17px;
height: 680px;
}

#leftColumn #cityscape{
background: url(../../images/city_BKG.jpg) no-repeat;
width:643px;
height: 354px;
position:relative;
}

#leftColumn #cityscape .defaultCircles{
position:absolute;
top:98px;
z-index:1;
}

#leftColumn #cityscape #Business{left:29px}
#leftColumn #cityscape #Business.circleOn{left:28px}

#leftColumn #cityscape #Solo{left:178px}
#leftColumn #cityscape #Solo.circleOn{left:168px}

#leftColumn #cityscape #Employee{left:320px}
#leftColumn #cityscape #Employee.circleOn{left:311px}

#leftColumn #cityscape #Student{left:461px}
#leftColumn #cityscape #Student.circleOn{left:455px}

#whiteOut{
background: #FFF;
height: 7px;
padding: 5px 0 0 0;
}

#whiteOut HR{
margin: 0px;
width: 100%;
}

#classBlocks{

}

#classBlocks .classDescription{
width: 151px;
height: 240px;
float: left;
background: #FFF;
margin-left: 13px;
}

#classBlocks .classDescription P{
padding: 0px 7px;
}

#classBlocks .classDescription:first-child{
margin-left: 0px;
}

#classBlocks .classDescription UL{
padding: 0 0 0 10px;
list-style: inside;
list-style-type:disc;
margin: 0px;
}
#classBlocks .classDescription LI{
padding: 2px 0;
margin: 0px;
}

#classBlocks .classColor{
height:10px;
margin-bottom: 15px;
}
#classBlocks #blockBusiness .classColor{background: #2e4b6e;}
#classBlocks #blockSolo .classColor{background:#d8dc33;}
#classBlocks #blockEmployee .classColor{background:#0099a9;}
#classBlocks #blockStudent .classColor{background:#ff6600;}

#classBlocks .classOff .classColor{background:#b4aaa1 !important;}

#rightColumn{
width: 133px;
float: right;
padding: 10px 10px 0px 10px;
}

#rightColumn IMG{
padding: 5px 0px;
}

#internalFooter{
float: left;
width: 688px;
background: #F2F0ED;
margin: 21px 0 0 0px;
height: 27px;
padding: 17px 0px;
position:absolute;
bottom: 13px;
left:0px;
}

#internalFooter DIV{
float: left;
}

#internalFooter #leftFoot{
width: 435px;
}

#internalFooter #leftFoot P{
margin: 5px 0 0 0;
}

#internalFooter #leftFoot IMG{
padding: 0 10px 0 0;
}

#internalFooter #rightFoot{
width: 210px;
padding: 0 10px 0 0;
}

#internalFooter #rightFoot P{
width: 148px;
float: left;
margin: 5px 0 0 0;
}

#internalFooter #rightFoot IMG{
float: left;
padding: 0px 2px;
}

#internalFooter #vertBar{
width: 1px;
height: 38px;
margin: 0px 10px;
background: #838382;
}

#footer{
background: url(../../images/footer_bkg.gif) no-repeat top center;
padding: 5px 0 0 0;
clear: both;
width: 900px;
margin: 0px auto;
}

.noBullet{list-style:none;}
.floatLeft{float:left;}
.floatRight{float:right;}
.textImage{text-indent:-9000px;}
.clear{clear:both;}
