body {margin: 0; padding: 0; background: #2A2A2A; text-align: center; font: 14px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #DDDDDD;}
table, td {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #FFFFFF;}

#main, #breadcrumb, #footer {width: 680px; margin: 1.5em auto; text-align: left;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 24px; margin: 0 0 .5em 0;}
#main h2 {font-size: 16px; margin: 0;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 10px; margin: 0;}
#main .more {text-align: right;}

#main a {color: #8888FF;
	text-decoration: none;
}
#main a:hover {
	cursor: pointer;
	text-decoration: underline;
}


#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}

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

#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 215px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}

#sidebar {float: right; width: 215px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#sidebar h1 {font-size: 13px; margin: 0;}
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 11px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}

#main .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 10px;}

img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

/*ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}*/
ul {margin-top: 12px;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

.sosumi {font-size: 10px !important; color: #76797c;/* margin-bottom: 1em;*/}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}


#breadcrumb, #footer {text-align: center; clear: both;}
#breadcrumb {clear: both; font-size: 10px; padding: 1em 0;}

#footer {font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form {margin-bottom: 2em;}
#footer form input {vertical-align: bottom;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


#printbar {display: block !important;}
#tabs, #footer, .hide {display: none;}

#head {width: 693px; margin: 10px auto 0; padding: 0; border: 1px solid #a1a5a9; text-align: left; border-bottom: 0;}
#head a {font-weight: bold; color: #FAFAFA; text-decoration: none; font-size:15px;}
#head .padder {padding: 4px;}

#main {width: 693px; margin: 0 auto 0; padding: 0; border: 1px solid #a1a5a9; background: url(sidebarbg.gif) 477px 0 repeat-y;}

#content {width: 470px;}
#content .padder {padding: 10px;}

#sidebar {width: 215px;}
#sidebar a {padding: 5px 10px; display: block; text-decoration: none; color: #000; background: #DDCCDD;}
#sidebar a:hover {background: #FFFFFF;}
#sidebar a.hi {background: #EEC268; border-top: 1px solid #E0B45B; border-bottom: 1px solid #E0B45B;}
#sidebar .padder {padding: 10px;}
#sidebar h3 a {color: #000;}
#sidebar h1 {text-align: left; color: #FFF; font-size: 16px; padding: 4px 4px 4px 10px; background-color: #444446; repeat-x: ; background-image: url(gradient.gif);}
#sidebar h2 {text-align: left; color: #FFF; font-size: 14px; padding: 4px 4px 4px 10px; background-color: #878788; repeat-x: ; background-image: url(gradient.gif);}

#searchsidebar h3 {margin: 10px 10px 0 10px}
#searchsidebar p {margin: 0px 10px 0px 10px}

#nav {width: 693px; margin: 0 auto; padding: 0; border: 1px solid #a1a5a9; border-width: 0 1px 1px 1px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#nav .padder {padding: 4px;}
#nav .previous {float: left; width: 300px; text-align: left;}
#nav .next {float: right; width: 300px; text-align: right;}

.icon {width: 48px; height: 48px; display: block; float: right; margin-left: 5px}
#navbio {background: url(bio.gif) no-repeat top left;}
#navmote {background: url(mote.png) no-repeat top left;}
#navbnet {background: url(bnet.png) no-repeat top left;}
#navtrap {background: url(deer.jpg) no-repeat top left;}
#navbiologist {background: url(biologist.jpg) no-repeat top left;}
#navsoft {background: url(software.jpg) no-repeat top left;}
#navclass {background: url(papercollaborator.jpg) no-repeat top left;}
#navgpixel {background: url(gpixel.jpg) no-repeat top left;}
#navpenandpaper {background: url(penandpaper.png) no-repeat top left;}
#navsource {background: url(java.png) no-repeat top left;}
#navdocs {background: url(docs.png) no-repeat top center;}
#navgroups {background: url(groups.png) no-repeat top center;}
#navwiki {background: url(wiki.png) no-repeat top center;}


.icon2 {width: 120px; height: 120px; display: block; float: right; margin-left: 5px}
#navia {background: url(PackagedWIA_120x120.gif) no-repeat top right;}