body { margin: 0; padding: 0; background: #000; color: #fff; font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; font-size: x-small; }
p { padding: 0; margin: 0; }
h1 { font-size: 175%; }
h2 { font-size: 155%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 75%; }

a:link { color: #3082BF; }
a:visited { color: #3082BF; }
a:hover { color: #3082BF; text-decoration: none; }

.error { color: #900; }
.positivedata { color: #408040; }
.negativedata { color: #804040; }
.clickable { cursor: pointer; }
.linkpanel { margin: 0 0 2em 0; padding: 0; text-indent: 0; }

#container { margin: 0 auto; padding: 0; width: 767px; background: #fff; color: #000; border-width: 0 1px 1px 1px; border-color: #ccc; border-style: solid; }

#masthead { margin: 0; padding: 0; height: 235px; background: url(../images/masthead-background.jpg) no-repeat top right #827163; color: #fff; }
#masthead img { margin: 11px; padding: 0; border: none; }

#navigation { margin: 0; padding: 17px 0 0 0; background: #DECFE6; }
#navigation ul { float: left; margin: 0; padding: 0; width: 100%; list-style: none; background: #DECFE6; }
#navigation ul li { float: left; margin: 0 0 0 1px; padding: 0; display: inline; background: url(../images/navigation-right-background.gif) no-repeat top right #533264; color: #fff; text-align: center; }
#navigation ul li a, #navigation ul li a:visited { position: relative; display: block; padding: .65em 1em; text-decoration: none; background: url(../images/navigation-left-background.gif) no-repeat top left; color: #fff; }

body#home #navigation ul li#nav-home, 
body#bio #navigation ul li#nav-bio, 
body#gallery #navigation ul li#nav-gallery, 
body#products #navigation ul li#nav-products,
body#goodies #navigation ul li#nav-goodies,
body#links #navigation ul li#nav-links,
body#contact #navigation ul li#nav-contact { float: left; margin: 0 0 0 1px; padding: 0; display: inline; background: url(../images/navigation-right-selected-background.gif) no-repeat top right #000; color: #fff; text-align: center; }
body#home #navigation ul li#nav-home a,
body#bio #navigation ul li#nav-bio a,
body#gallery #navigation ul li#nav-gallery a,
body#products #navigation ul li#nav-products a,
body#goodies #navigation ul li#nav-goodies a,
body#links #navigation ul li#nav-links a,
body#contact #navigation ul li#nav-contact a, 
#navigation ul li#navhome a:visited { background: url(../images/navigation-left-selected-background.gif) no-repeat top left; color: #fff; }

#mypanel { float: right; margin: 0 0 17px 0; padding: 0; background: url(../images/bottom-left-curve-green.gif) no-repeat bottom left #CFE6CF; }
#mypanel ul { margin: 0; padding: 3px 17px 5px 17px; list-style: none; }
#mypanel ul li { margin: 0; padding: 0; display: inline; }
#mypanel li a, #mypanel li a:visited { margin: 0; padding: 0; color: #408040; font-weight: bold; line-height: 1.5em; }

#contentcontainer { clear: both; margin: 0; padding: 0; }

#rightpanel { float: right; height: 100%; width: 267px; margin: 0; padding: 0; }

.defaultbox { margin: 0 17px 17px 0; padding: 0; background: url(../images/defaultbox-bottom-background.gif) no-repeat bottom right #f2f1e8; color: #666; }
.defaultbox h3.headerelement { position: relative; margin: 0; padding: .6em 1em; background: url(../images/defaultbox-header-background.gif) no-repeat top left #000; color: #fff; border-width: 0 0 1px 0; border-color: #6A4080; border-style: solid; }
.defaultbox .contentelement { margin: 0; padding: 9px 17px 17px 17px; }
.defaultbox .contentelement p { margin: 0; padding: 0; }
.defaultbox .contentelement p.tentative { margin: 0 0 .5em 0; padding: 0; color: #6A4080; font-weight: bold; font-size: 100%;  }
.defaultbox .contentelement h4.error { margin: 0 0 1em 0; padding: 0; }
.defaultbox .contentelement ul { margin: 0; padding: 0; list-style: none; }
.defaultbox .contentelement ul li { margin: 0 0 7px 0; padding: 0; }
.defaultbox .contentelement dl { margin: 0 0 7px 0; padding: 0; }
.defaultbox .contentelement dt { margin: 0 0 3px 0; padding: 0; }
.defaultbox .contentelement dd { margin: 0 0 7px 3em; padding: 0; }

.defaultbox .contentelement form#loginbox { margin: 0; padding: 0; }
.defaultbox .contentelement form#loginbox ul li label { display: block; margin: 0; padding: 0; }
.defaultbox .contentelement form#loginbox input#email { width: 87%; }
.defaultbox .contentelement form#loginbox input#password { width: 47%; }
.defaultbox .contentelement form#loginbox button { margin: 0; padding: 0; font-size: x-small; padding: .15em 1em; }

.defaultbox .contentelement dl.appearance dt { font-weight: bold; }

.defaultbox .contentelement .mostpopular { margin: 0; padding: 0; }
.defaultbox .contentelement .mostpopular img { display: block; margin: 0 0 1em 0; padding: 0; border-width: 5px 5px 19px 5px; border-color: #DECFE6; border-style: solid; }
.defaultbox .contentelement .mostpopular h4 { margin: 0; padding: 0; }
.defaultbox .contentelement .mostpopular p { margin: 0; padding: 0; }

.defaultbox .contentelement #passport h1 { margin: .5em 0 0 0; padding: 0; color: #6A4080; }
.defaultbox .contentelement #passport h3 { margin: 1em 0 .25em 0; padding: 0; }
.defaultbox .contentelement #passport h4 { margin: 0; padding: 0; }

.warningbox { margin: 0; padding: 13px 13px 0 13px; background: #fe0; color: #f00; }
.warningbox h2 { margin: 0 0 9px 0; padding: 0; }
.warningbox h3 { margin: 0 0 9px 0; padding: 0; text-align: justify; text-indent: 2em; }
.warningbox h4 { color: #000; margin: 0; padding: 0; text-align: right; font-style: italic; }

#content { margin: 0 287px 0 0; padding: 0 17px 17px 17px; }

#content #blog { margin: 0; padding: 0; }
#content #blog ul { margin: 0; padding: 0; list-style: none; }
#content #blog ul li { margin: 0 0 27px 0; padding: 0; }
#content #blog li h2 { margin: 0; padding: 0; color: #6A4080; }
#content #blog li h5 { margin: 0 0 9px 0; padding: 0; color: #999; }
#content #blog li p { margin: 0 0 9px 0; padding: 0; line-height: 1.5em; text-align: justify; text-indent: 2em; color: #666; }

#footer { clear: both; margin: 0; padding: 0; }
#footer h6 { margin: 0; padding: 0; text-align: center; line-height: 2.5em; background: #DECFE6; color: #6A4080; }

.notify { margin: 0 0 17px 0; padding: 13px; background: #fe0; color: #f00; }
.notify ul { margin: 0; padding: 0; list-style: none; }
.notify ul li { margin: 0 0 7px 0; padding: 0; }
.notify ul h3 { margin: 0 0 7px 0; padding: 0; }
.notify ul li label { display: block; margin: 0; padding: 0; }
.notify form#notify input#email { width: 67%; }
.notify form#notify button { margin: 0; padding: 0; font-size: x-small; padding: .15em 1em; }

#biocontent { float: left; margin: 0; padding: 0; }
#biocontent ul { margin: 0 0 3em 0; padding: 0; list-style: none; }
#biocontent ul li { clear: both; margin: 0 0 .5em 0; padding: .25em; color: #444; }
#biocontent ul li h3 { float: left; margin: 0; padding: 0; width: 11em; color: #9F60BF; font-weight: normal; }
#biocontent ul li p { margin: 0; padding: 0; }
#biocontent h2 { margin: 0 0 1em 0; padding: 0; color: #6A4080; }

#content .dataexchange { float: left; width: 47%; margin: 0 3% 3em 0; padding: 0; }
#content h1.exchangetitle { margin: 0 0 1em 0; padding: 0; color: #BFBDAC; }

.gallerybox { margin: 0 0 3em 0; padding: 2em; background: #DECFE6 url(../images/filter-box-background.gif) repeat-x top left; color: #6A4080; border: 1px #DECFE6 solid; }
.gallerybox img a { border: none; }
.gallerybox img { float: left; border: none; }
.gallerybox ul { margin: 0 0 0 63px; padding: 0; list-style: none; }
.gallerybox ul li { margin: 0; padding: 0; }
.gallerybox ul li h1 { margin: 0; padding: 0; }
.gallerybox ul li h4 { margin: 0 0 1em 0; padding: 0; color: #8F30BF; }
.gallerybox ul li p { margin: 0; padding: 0; text-align: justify; text-indent: 1.5em; color: #6A4080; }
.gallerybox p img { float: none; margin: 0 0 -.5em 0; padding: 0; border: none; }
.gallerybox ul li p.detailpanel { margin: 1em 0 0 0; padding: 0; text-indent: 0; color: #8F30BF; }
.gallerybox ul li p.linkpanel { margin: 1em 0 0 0; padding: 0; text-indent: 0; }
.gallerybox label { margin: 1em 0 0 0; padding: 0; float: none; display: block; font-weight: bold; font-size: 125%; }
.gallerybox select { font-size: 100%; color: #8F30BF; font-weight: bold; }
.gallerybox input { margin: 1em 0 0 0; padding: .25em .5em; }


.linkbox { margin: 0 0 3em 0; padding: 2em; background: #DECFE6 url(../images/filter-box-background.gif) repeat-x top left; color: #6A4080; border: 1px #DECFE6 solid; }
.linkbox img a { border: none; }
.linkbox img { float: left; border: none; }
.linkbox ul { margin: 0 0 0 63px; padding: 0; list-style: none; }
.linkbox ul li { margin: 0; padding: 0; }
.linkbox ul li h1 { margin: 0; padding: 0; }
.linkbox ul li h4 { margin: 0 0 1em 0; padding: 0; color: #8F30BF; }
.linkbox ul li p { margin: 0; padding: 0; text-align: justify; text-indent: 1.5em; color: #6A4080; }
.linkbox p img { float: none; margin: 0 0 -.5em 0; padding: 0; border: none; }
.linkbox ul li p.detailpanel { margin: 1em 0 0 0; padding: 0; text-indent: 0; color: #8F30BF; }
.linkbox ul li p.linkpanel { margin: 1em 0 0 0; padding: 0; text-indent: 0; }
.linkbox label { margin: 1em 0 0 0; padding: 0; float: none; display: block; font-weight: bold; font-size: 125%; }
.linkbox select { font-size: 150%; color: #8F30BF; font-weight: bold; }
.linkbox input { margin: 1em 0 0 0; padding: .25em .5em; }