body { /* make 1em 10px */ font: 62.5% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 20px 0 20px 0; background: #f6f7ff; text-align: center; }
a img, acronym { text-decoration: none; border: 0; }
.clear { font-size: 1px; height: 0; margin: 0; padding: 0; clear: both; }
a.top, #content a.top { font: 1.1em Verdana, Arial, Helvetica, sans-serif; float: right; clear: both; text-decoration: none; border: 0 !important; }
hr { border: 0; border-bottom: 1px solid #336699; height: 1px; }
/* layout */
/* bottom left corner */ div#wrap { width: 780px; background: #dbdbff url(../img/wrap_bl.gif) no-repeat bottom left; color: #333333; position: relative; padding-top: 0; padding-bottom: 25px; margin: 0 auto 0 auto; height: 100%; text-align: left; }
/* top corners */ div#wrap div#top { color: #ffffff; background: #dbdbff url(../img/wrap_tr.gif) no-repeat top right; display: list-item; padding: 0; margin: 0; position: relative; list-style: none inside url(../img/wrap_tl.gif); height: 20px; font-size: 1px; }
/* bottom right corner */ div#wrap #foot { background: #dbdbff url(../img/wrap_br.gif) no-repeat bottom right; padding: 20px 20px 20px 0; margin: 0 0 -25px 20px; height: 100%; text-align: center; }
ul#mainnav { margin: 0 auto 0px auto; padding: 0; text-align: right; background: #f6f7ff; width: 740px; height: 25px; clear: both; }
#mainnav li { display: block; float: right; background: #f6f7ff; width: 94px; height: 30px; padding: 0; margin: 0; list-style: none; text-align: center; } 
#mainnav li a:link, #mainnav li a:visited { display: block; background: #f6f7ff url(../img/tab.png) no-repeat bottom; width: 94px; height: 20px; padding: 5px 0 5px 0; margin: 0; line-height: 25px; text-decoration: none; font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #336699; }
#head img#logo { padding: 0 0 10px 20px; }
#head { background: #dbdbff; padding: 0 0 0 0; }
/* top nav */
#menu { background: #333366; padding: 10px 10px 10px 10px; margin: 0; }
ul#topnav { display: inline; list-style: none; padding: 0; margin: 0; height: 100%; clear: both; }
#topnav li { display: inline; list-style: none; margin-left: 3px; }
#topnav li a { display: inline; text-decoration: none; padding-left: 26px; padding: 5px 3px 5px 26px; font: bold 1.2em Arial, Helvetica, sans-serif; }
#topnav li a:link, #topnav li a:visited { background: transparent url(../img/list.png) no-repeat left; color: #ffffff; }
#topnav li a:hover, #topnav li a:active { background: transparent url(../img/list_over.png) no-repeat left; color: #a4c3e1; }
/* content */
/* bottom left corner */ #contentwrap { background: #fff url(../img/content_bl.gif) no-repeat bottom left; color: #333333; position: relative; padding: 10px 0 20px 0px; margin: 0 auto 0 auto; width: 740px; /* height:100%*//* height:100%*/ }
/* bottom right corner */ #contentwrap .end { background: #fff url(../img/content_br.gif) no-repeat bottom right; color: #333333; padding: 1em 0 0px 0; margin: 0 0 -20px 20px; height: 100%; width: 720px; clear: both; }
#content { padding: 0 20px 0 20px; }
#content img.right { float: right; clear: both; margin-left: 10px; }
#content img.left { float: left; margin: 0 10px 0 0; }
#content p { font: 1.3em/190% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 1em 0 1em 0; }
#content ul { list-style: square inside; padding: 0; margin: 0; }
#content ul li { padding: 0; margin: 0; font: 1.3em/200% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#content a:link { border-bottom: 1px dotted #336699; text-decoration: none; color: #336699; } 
#content a:visited { border-bottom: 1px dotted #336699; text-decoration: none; color: #336699; }
#content a:hover, #content a:active { border-bottom: 1px dotted #336699; text-decoration: none; color: #993333; }
#content h1 { font: 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #336699; color: #336699; text-align: left; margin-bottom: 5px; padding-bottom: 5px; }
#content h2 { font: bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #336699; margin-bottom: 5px; padding-bottom: 5px; text-align: left; }
/*#content ul.list-nav { list-style: square inside; padding: 0; margin: 0; }
#content .list-nav li { padding: 0; margin: 0; font: 1.3em/200% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#content .list-nav a { margin: 0 5px 0 5px; }*/
#content div.bears, #content div.access { text-align: center !important; clear: both; margin: 0 auto !important; }
#content .bears ul, #content .access ul { list-style: none; padding: 0; margin: 0 auto !important; text-align: center; }
#content .bears li, #content .access li { list-style: none; float: left; text-align: center; display: inline; border: 1px dotted #336699; font: 1.1em/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#content .bears ul li { width: 180px; height: 290px; margin: 15px; padding: 10px; }
#content .access ul li { width: 180px; height: 260px; margin: 15px; padding: 10px; font-weight: normal !important; }
.bears div.desc { text-align: left; }
.access div.desc { text-align: left; padding: 10px; }
.bears li img { padding-bottom: 5px; }
#inline-nav, .inline-nav { clear: both; text-align: center; }
#content #inline-nav ul, #content .inline-nav ul, #foot ul { display: inline; list-style: none; padding: 0; margin: 0;  }
#content ul.nav { margin: 0; }
#content #inline-nav li, #content .inline-nav li { display: inline; font: 1.2em Arial, Helvetica, sans-serif; border: 0; text-decoration: none; }
#inline-nav a:link, #inline-nav a:visited, .inline-nav a:link, .inline-nav a:visited, #foot a:link, #foot a:visited, .nav a:link, .nav a:visited { border: 0; text-decoration: none; color: #336699; }
#inline-nav a:hover, #inline-nav a:active, .inline-nav a:hover, .inline-nav a:active,  #foot a:hover, #foot a:active { border-bottom: 1px dotted #336699; text-decoration: none; color: #993333; }
#foot li { display: inline; font: 1.1em Arial, Helvetica, sans-serif; }
#inline-nav a, .inline-nav a, #foot a { margin: 0 5px 0 5px; }
/*
#content .inline-nav li { display: inline; list-style: none; font: 1.3em Arial, Helvetica, sans-serif; }
.inline-nav a { text-decoration: none; margin: 0 5px 0 5px; }
.inline-nav a:link, .inline-nav a:visited, #foot a:link, #foot a:visited { color: #336699; text-decoration: none; border: 0 !important; }
.inline-nav a:hover, .inline-nav a:active, #foot a:hover, #foot a:active { color: #993333; text-decoration: none; border-bottom: 1px dotted #336699; }*/
#credits { font: 1.1em Arial, Helvetica, sans-serif; padding: 10px; color: #808080; }
#credits a { text-decoration: none; border:0; color: #808080; }
#credits a:hover, #credits a:active { border-bottom: 1px dotted #336699; } 
input.input, textarea {  clear: right; margin: 10px; text-align: left; float: left; }
input.input { width: 15em; }
textarea { width: 17em; height: 10em; }
form label { clear: left; display: block; float: left;  width: 200px; text-align: right; margin: 10px; font: bold 1.2em Arial, Helvetica, sans-serif; color: #336699; }
#content form p { text-align: center; }
form input.submit { text-align: center; margin: 0 auto 0 auto;  }
form { text-align: center; }