body 
{
	font: 80%/160% Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: left;
	padding: 0px;
	position: relative;
	background-color; #FFF;
}

#wrapper { position: relative; width: 100%; margin: 0px; clear: both; }

/* search banner stuff */
/* use this with adv-search module */ .greyband { background-color: #F2F2F2; }
#search-wrapper { float: left; width: 100%; margin: 0px; clear: both; /* comment out background when using adv-search module */ background-color: #F2F2F2; }
#key-search { float: left; margin: 0 0 0 30px; padding: 0; width: 200px; height: 60px; }
#key-search .inputarea { float: left; border: solid 1px #909090; margin: 0; width: 150px; height: 22px; padding: 1px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
#key-search .inputarea2 { float: left; border: solid 1px #909090; margin: 0; height: 22px; padding: 1px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
#key-search .button { float: right; margin-right: 20px; background: url(../images/btn-search.gif) no-repeat; width: 22px; height:22px; border:none; text-indent: -900em; line-height:0px; }

#adv-search { display: block; float: left; margin: 0px; padding: 0; width: 570px; }
#adv-search .options  { height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #A0A0A0; line-height: 22px; clear: both; }
#adv-search .options a { color: #88BB00; text-decoration: none; }
#adv-search .options a:hover { color: #000; text-decoration: none; }
#adv-search .listcol { float: left; width: 180px; height: 180px; margin: 0 10px 0 0; padding: 0; }
#adv-search .listcol select {width: 180px; height: 127px; border: solid 1px #909090; font: normal 12px Arial, Helvetica, sans-serif; color: #A0A0A0; padding: 0; margin: 0; }

/* page content stuff */
#content-wrapper { position: relative; float: left; width:1012px; text-align: left; margin: 10px 0 0 0; padding: 0px; }
#leftcol { position: relative; float:left; width: 200px; margin: 0px 0px 0px 30px; }
#leftcol .menu ul {float: left; margin: 0; padding: 0; border: 0; }
#leftcol .menu li { margin: 0; padding: 0; list-style: none; height: 24px; overflow:hidden; font: bold 11px Arial, Helvetica, sans-serif; color: #A0A0A0; }
#leftcol .menu li a { color: #505050; text-decoration: none; display: block;  }
#leftcol .menu li a:hover { color: #88BB00; text-decoration: none; }
.menuitem { font-size: 15px; font-weight: bold; }
#pagecol { float: left; width: 750px; margin: 0px; padding: 0px; }
#pagecol .listcol { float: left; margin: 0 10px 0 0; padding: 0; }
#pagecol .listcol ul {float: left; margin: 0; padding: 0; border: 0; }
#pagecol .listcol li { margin: 0; padding: 0; width: 360px; list-style: none; overflow:hidden; font: normal 14px Arial, Helvetica, sans-serif; color: #505050; border-bottom: 1px solid #EFEFEF; line-height: 24px; }
#pagecol .listcol li a { color: #909090; text-decoration: none; display: block;  }
#pagecol .listcol li a:hover { color: #505050; text-decoration: none; }
#maininfo-wrapper { float: left; width: 550px; margin: 20px 0 0 0; padding: 0px; }
#maininfo-wrapper a { color: #88BB00; text-decoration: none; }
#maininfo-wrapper a:hover { color: #505050; text-decoration: none; }
#maininfo-wrapper table { font: normal 11px Arial, Helvetica, sans-serif; color: #A0A0A0; line-height: 22px; }
#maininfo-wrapper .button { float: left; margin: 10px 0 0 0; background: url(../images/btn-submit.gif) no-repeat; width: 64px; height:22px; border:none; text-indent: -900em; line-height:0px; }

#breadcrumbs-wrapper { float: left; width: 740px; height: 30px; border-bottom: 1px solid #C0C0C0; height: 35px; margin-bottom: 8px; clear: both; }
#breadcrumbs { float: left; margin-top: 7px; font: bold 12px Arial, Helvetica, sans-serif; color: #A0A0A0; }
#breadcrumbs a { color: #505050; text-decoration: none; }
#breadcrumbs a:hover { color: #88BB00; text-decoration: none; }

#pageend-wrapper { float: left; width: 740px; height: 35px; border-top: 1px solid #C0C0C0; height: 35px; margin-top: 20px; clear: both; }
#pageend { float: left; font: bold 12px Arial, Helvetica, sans-serif; color: #A0A0A0; }

.pagenumbers { float: right; height: 35px; margin-top: 3px; font: bold 12px Arial, Helvetica, sans-serif; color: #A0A0A0; }

/* thumb stuff */
#thumb-wrapper { position: relative; margin: 20px 0 0 0; padding: 0: width: 740px; }
#thumb-wrapper .box { float: left; width: 178px; text-align: left; margin: 8px 8px 4px 0; padding: 0; font: bold 11px Arial, Helvetica, sans-serif; color: #A0A0A0; }
#thumb-wrapper .box a { color: #505050; text-decoration: none; display: block; cursor: hand; }
#thumb-wrapper .box a:hover { color: #88BB00; text-decoration: none; }
#thumb-wrapper .thumb { width: 176px; height: 176px; text-align: center; margin: 0 0 4px 0; padding: 0; border: 1px solid #C0C0C0; }
.lnk-addlb { float: left; width: 178px; height: 24px; margin: 0 0 0 0; background: url(../images/btn-add.gif) no-repeat; text-indent: 20px; line-height: 24px; }
.lnk-remlb { float: left; width: 178px; height: 24px; margin: 0 0 0 0; background: url(../images/btn-rem.gif) no-repeat; text-indent: 20px; line-height: 24px; }

/* big pic stuff */
#photo-wrapper { position: relative; margin: 20px 0 0 0; padding: 0: width: 740px; }
#photo-wrapper .picbox { float: left; width: 550px; text-align: left; margin: 8px 8px 4px 0; padding: 0; }
#photo-wrapper .detailsbox { float: left; width: 178px; text-align: left; margin: 8px 8px 4px 0; padding: 0; font: bold 11px Arial, Helvetica, sans-serif; color: #A0A0A0; line-height: 18px; }
#photo-wrapper .detailsbox a { color: #505050; text-decoration: none; display: block; cursor: hand; }
#photo-wrapper .detailsbox a:hover { color: #88BB00; text-decoration: none; }
#photo-wrapper .desc { font: normal 11px Arial, Helvetica, sans-serif; color: #A0A0A0; }
.linkbox { float: left; width: 178px; margin: 10px 0 10px 0; padding: 0; }
.lnk-dlcmp { float: left; width: 178px; height: 24px; margin: 0 0 0 0; background: url(../images/btn-cmp.gif) no-repeat; text-indent: 20px; line-height: 24px; }
.lnk-dlimg { float: left; width: 178px; height: 24px; margin: 0 0 0 0; background: url(../images/btn-img.gif) no-repeat; text-indent: 20px; line-height: 24px; }

/* login/out shake-it-all-about stuff */
#form-wrapper { float: left; width: 178px; margin: 20px 0 0 0; padding: 0px; }
#form-wrapper table { font: normal 11px Arial, Helvetica, sans-serif; color: #A0A0A0; line-height: 18px; }
#form-wrapper .inputarea { float: left; border: solid 1px #909090; margin: 0; width: 178px; height: 24px; padding: 1px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
#form-wrapper .textarea { float: left; border: solid 1px #909090; margin: 0; width: 178px; height: 100px; padding: 1px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
#form-wrapper .button { float: left; margin: 10px 0 0 0; background: url(../images/btn-submit.gif) no-repeat; width: 64px; height:22px; border:none; text-indent: -900em; line-height:0px; }
#form-wrapper a { color: #88BB00; text-decoration: none; }
#form-wrapper a:hover { color: #505050; text-decoration: underline; }
#info-wrapper { position: relative; float: right; margin: 20px 0 0 0; padding: 0; width: 364px; }
#info-wrapper li { margin-left: -24px; }
#info-wrapper a { color: #88BB00; text-decoration: none; display: block; cursor: hand; }
#info-wrapper a:hover { color: #505050; text-decoration: none; }
#info-wrapper table { font: normal 11px Arial, Helvetica, sans-serif; color: #000; line-height: 22px; }
#wideinfo-wrapper { position: relative; float: right; margin: 20px 0 0 0; padding: 0; width: 550px; }
#wideinfo-wrapper a { color: #88BB00; text-decoration: none; }
#wideinfo-wrapper a:hover { color: #505050; text-decoration: none; }
#wideinfo-wrapper table { font: normal 11px Arial, Helvetica, sans-serif; color: #000; line-height: 22px; }
.input178 { float: left; border: solid 1px #909090; margin: 0; width: 178px; height: 24px; padding: 1px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
.input364 { float: left; border: solid 1px #909090; margin: 0; width: 364px; height: 24px; padding: 1px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
.textarea364 { float: left; border: solid 1px #909090; margin: 0; width: 364px; height: 100px; padding: 1px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
.adminbtn { float: left; margin: 0 0 0 10px; height:22px; border:none; background-color: #88BB00; font-family: Arial; font-size: 13px; font-weight: bold; color: #FFF;}

/* typography */
h2 { font: bold 15px Arial, Helvetica, sans-serif; color: #A0A0A0; line-height: 30px; }

/* Generic Site Styles */
.clear { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; width: 100%; }
.alignLeft { width: 100%; text-align: left; }
.alignRight { width: 100%; text-align: right; }
.justify { text-align: justify; }
.noDisplay { display: none; }
input { border: solid 1px #c0c0c0; font-family: Arial; font-size: 13px; font-weight: normal; padding: 0; margin: 0; }
input.noBorder { border: none; }
.noborder { border: none; }
textarea { border: solid 1px #c0c0c0; font-family: Arial; font-size: 11px; padding: 0px; margin: 0; }
img { margin: 0; padding: 0; border: none; }
.required { background-color: #efefef; } 
.texttop { vertical-align: text-top; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.subtitle { color: #066; font-size: 1.5em; xfont-weight: bold; }
.intro { font-size: 1.4em; line-height: 1.2em; color: #066; xfont-weight: bold;}
.bold-black { color: #000; font-weight: bold; }
.black { color: #000; }
.smalltext { font-size: 0.9em; line-height: 1.4em; }
.fieldHdr { font-weight: bold; }
.spacer10 { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 10px; }
.bordertop { border-top: 1px dashed #A7A7A7; }
form { margin: 0; padding: 0; }

#success{ font: bold 12px Arial, Helvetica, sans-serif; color:#88BB00; }
#error{ color:red; }

table.my_table{ font-size:10px; }