/* start reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent; }

body {
     line-height: 1; }

ol, ul {
     list-style: none; }

blockquote, q { }

blockquote:before, blockquote:after,
q:before, q:after { }

/* remember to define focus styles! */

:focus { }

/* remember to highlight inserts somehow! */

ins {
     text-decoration: none; }

del {
     text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */

table {
     border-collapse: collapse; }

/* end of reset */

body {
     color: #333333;
     font: 12px/16px Helvetica, Arial, sans-serif;
     background: #000000; }

#container {
     width: 770px;
     background: #d9d9d9 url(../images/back_tile.jpg) repeat-y;
     margin: -10px auto 0px auto; }

h1 {
     font: 16px/16px Helvetica, Arial, sans-serif;
     color: #800000;
     text-align: left;
     margin: 3px 10px 13px 30px; }

h2 {
     color: #800000;
     font: bold 12px/16px  Helvetica, Arial, sans-serif;
     margin: 3px 10px 13px 15px; }

h3 { }

strong {
     color: #800000; }

td {
     color: #333333;
     font: 11px Helvetica, Arial, sans-serif;
     text-align: center; }

#head {
     background: transparent url(../images/head_pic.jpg) no-repeat;
     width: 770px;
     height: 112px; }

#head p {
     visibility: hidden; }

#cam {
     background: transparent url(../images/lens.jpg) no-repeat;
     width: 206px;
     height: 159px;
     float: right; }

#nav {
     background: transparent;
     text-align: center;
     font: 14px/16px Helvetica, Arial, sans-serif;
     width: 180px;
     float: right; }

#nav ul li {
     list-style-type: none;
     display: block; }

#nav ul {
     padding: 0px;
     margin: 0px; }

#nav ul li a:link, #nav ul li a:visited {
     text-decoration: none;
     color: #0066cc;
     padding: 0px 2px 0px 2px;
     border-top: 1px #e0e0e0 none;
     border-left: 1px #e0e0e0 none;
     border-bottom: 1px #d4d3d3 solid;
     border-right: 15px #000000 solid;
     background: transparent url(../images/nav_tile.jpg) repeat-y;
     display: block;
     margin: 0px 0px 16px 0px; }

#nav ul li a:hover {
     text-decoration: none;
     color: #333333;
     background: #e0e0e0;
     border-top: none;
     border-left: none;
     border-bottom: 1px #e0e0e0 solid;
     border-right: 15px #e0e0e0 solid; }

#content {
     width: 540px;
     float: left;
     height: 37em;
     overflow: auto;
     margin: 0px 0px 0px 20px; }

#content p {
     color: #000000;
     font: 12px/16px Helvetica, Arial, sans-serif;
     margin: 3px 10px 13px 15px; }

#galcontent {
     width: 540px;
     margin: 0px 0px 0px 20px;
     float: left;
     height: 37em;
     overflow: auto; }

.collection {
     margin: 0px 0px 0px 10px;
     width: 520px; }

.collection img {
     border: none;
     padding: 2px 0px 2px 0px; }

#galcontent p {
     color: #000000;
     font: 12px/16px Helvetica, Arial, sans-serif;
     text-align: left;
     margin: 0px 15px 5px 15px; }

#content p.info {
     color: #990000;
     font: 12px/14px Helvetica, Arial, sans-serif;
     margin: 0px 10px 0px 10px; }

#sites {
     padding: 0px 0px 0px 15px; }

#switch {
     width: 229px;
     height: 320px;
     float: left;
     padding: 3px 0px 0px 15px; }

#foot {
     background: #000000 url(../images/foot.jpg) no-repeat;
     width: 760px;
     position: relative;
     text-align: center;
     font: oblique 10px Times, "Times New Roman", serif;
     color: #7f7f7f;
     letter-spacing: .125em;
     clear: both;
     padding: .5em; }

#foot a:link, #foot a:visited {
     color: #7f7f7f;
     font: oblique 10px Times, "Times New Roman", serif;
     letter-spacing: .125em;
     text-decoration: underline;
     background: transparent; }

#foot a:hover {
     color: #e0e0e0;
     font: oblique 10px Times, "Times New Roman", serif;
     letter-spacing: .125em;
     text-decoration: underline;
     background: transparent; }

a:link {
     color: #0066cc;
     text-decoration: underline; }

a:visited {
     color: #0066cc;
     text-decoration: underline; }

a:hover {
     text-decoration: none;
     color: #0066cc;
     background: #ffffff; }

img {
     border: none; }

img.left {
     float: left;
     padding: 0px 16px 16px 0px; }

img.leftclear {
     float: left;
     clear: both;
     margin: 0em 15px 0em 0em; }

img.right {
     float: right;
     margin: 0px 0px 15px 0px; }