.l { float: left; text-align: left; }
.r { float: right; text-align: right; }
.c { text-align: center; }

img.l { margin: 0.5em 1em 1em 0; }
img.r { margin: 0.5em 0 1em 1em; }

/* ########## NAVIGATION+EXTRA ########## */
div.column { font-size: 90%; }
div.column h2 { font-size: 110%; color: #515285; font-weight: bold; margin: 0 0.5em 0.5em 0.5em; }
#navigation { text-align: right; }
div.column ul { margin: 0; }
div.column ul li { margin: 0.7em 0.2em; list-style-type: none; }
div.column ul li a { text-decoration: none; display: block; padding-right: 14px; font-weight: bold; }
div.column ul li a:hover { text-decoration: underline; background: url(galka.gif) no-repeat right 3px; }
div.column ul ul { display: none; }
* html div.column li a { height: 0.01%; }

/* ########## HEADER ########## */

#header img { width: 704px; height: 100px; }


/* ########## FOOTER ########## */
#footer { font-size: 81%; font-weight: bold; border-top: 2px #515285 solid; }


#content h1 { display: block; font-weight: bold; margin: 0.3em 0 0.3em 0; font-size: 120%; color: red; margin-left: -20px; }
#content h2 { display: block; font-weight: bold; margin: 0.7em 0 0.3em 0; font-size: 110%; margin-left: -20px; }
#content h3 { display: block; font-weight: bold; margin: 0.7em 0 0.3em 0; font-size: 100%; margin-left: -10px; }
#content h1 a { color:red; text-decoration: none; }
#content h1 a:hover { color: #515285; text-decoration: underline; }
#content h1 a:hover span { color: red; }
#content .subheader { margin: 0.7em 0; font-size: 85%; }

dl.resume { margin: 1em 0; }
dl.resume dt { float: left; display: block; width: 9em; border-top: 1px #C1CDD8 solid; }
dl.resume dd { display: block; margin-left: 9em; margin-bottom: 1.5em; border-top: 1px #C1CDD8 solid;  }
* html dl.resume dd { height: 0.01%; }
dl.resume dd+dt { margin-top: 0; }
dl.resume dd ul { margin: 0; }
dl.resume.long dt { width: 15em; }
dl.resume.long dd { margin-left: 15em; }
dl.resume dl { margin: 0; }
dl.resume dl dt { width: 10em; margin-top: 0.01%; font-size: 85%; text-align: right; border-top: none; }
dl.resume dl dd { margin-left: 9em; margin-bottom: 1em; border-top: none; }


div.download { }
div.download a { display: block; }
div.download a img { float: left; margin-right: 0.5em; }

div.pager {
  margin: 1em 0; padding: 0.5em 0;
  background: url(line-dot.gif) repeat-x 0 0;
  overflow: hidden; width: 100%;
}
div.pager .left { white-space: nowrap; display: inline; }
div.pager .right { white-space: nowrap; display: inline; text-align: right; }


.ditto_currentpage { margin: 0 0.1em; font-size: 120%; font-weight: bold; }
.ditto_page { margin: 0 0.1em; }
.pip_currentpage { margin: 0 0.1em; font-size: 120%; font-weight: bold; }
.pip_page { margin: 0 0.1em; }

div.images { width: 100%; overflow: hidden; }


.image { color: #002795; background: #E1E9F3; text-align: center; display: block; margin: 5px 0;  border: 1px #D6D6E7 solid; width: 154px; text-decoration: none; }
a.image *, a .image * { cursor: pointer; color: #515285; }
.image span {  display: block; }
.image span.img { text-align: center; padding: 1px 3px 1px 1px; } /* width: 150px; height: 113px; */
.image img { display: block; margin: 0 auto; }
.image span.note { background: #D6D6E7; }
.image:hover { color: #515285; border: 1px #515285 solid; text-decoration: none; }
.image:hover span.note { background: #D6D6E7; }

.image.iBig { width: 507px; }
.image.iBig:hover { border: 1px #D6D6E7 solid; }
.image.iBig span.img img { width: 505px; height: none; }

.line { margin: 0 -8px; clear: left; }
.line .image { float: left; margin: 5px 8px; }
* html .line .image { margin: 5px 4px; }

.size { font-size: 85%; text-align: center; }
.comment { margin: 0.5em 0 1em 0; }

.border { padding: 0.5em; border: 1px #D6D6E7 solid; background: #E1E9F3; }
 

.link { padding: 0.5em; margin-bottom: 1em; text-align: left; background: transparent; overflow: hidden; width: 100%; }

.link .name, .link .info { margin-left: 210px; margin-bottom: 0.5em; }
.link .name { color: white; font-weight: bold; }
.link .info { font-size: 95%; }
* html .link .link, * html .link .info { height: 1%; }