Footer floating to the top even though used CSS listed here

[onogee]

I have tried all of the CSS listed on this site and others and cannot get a footer on my page to appear at the bottom...right now it's floating in the top half of the page. Below is my CSS; it may have a lot of extra stuff because I've tried everything, and this is my first site.See: www.medsocialgroup.comThank you!CSS\[code\]<!-- language: lang-css -->body { text-align: center; background-color: #FFF; font-family: Verdana, Geneva, sans-serif; color: #333; background-image: url(dropshadow.jpg); background-repeat: repeat-y; background-position: center center; margin:0; padding:0; height:100%;}div.wrapper{ text-align: center; margin-left: auto; margin-right: auto; margin-top:20px; width:790px; min-height:100%; height:auto height: 100% background-color: #FFF; font-family: Verdana, Geneva, sans-serif;}#medcommunity{ font-size:36px; color: #999; }#left_column{ float:left; margin-left:0px; width:390px; height:420px; border-right-width: thin; border-right-style: double; border-right-color: #CCC;}#logo{ float:left; clear:left; margin-top:100px; margin-left:0px;}#right_column{ float:right; padding:0; width:385px; height:420px; font-family: Verdana, Geneva, sans-serif; color: #333; font-size: 16px; text-align: left;}#webtext{ margin-top:75px; font-size: 20px;}#menu{ background-color:#CCC; width:100%; height:40px; margin-top:50px; padding-top: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 20px; font-weight: lighter; text-align: center; background-position: center center; color: #FFF;}#footer{ background-color:#CCC; width: 100%; height:50px; color: #CCC; border-top-width: thin; border-top-style: double; border-top-color: #999; text-align: center;}\[/code\]