/*OVER ALL*/
body                                      { color: #ccc; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 1.5em; background-color: #000 }
table   { color: #999; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 1.5em }
a                     { color: #fff; text-decoration: none }

a:hover                      { color: #97e8fe; text-decoration: none }
/*PAGE INVISIBLE FRAME*/
#content             { background-color: #fff; text-align: left; visibility: visible; padding: 5px; width: 900px; outline: solid 1px #999 }
#maincontent     { margin-top: -15px; width: 500px }
#maincontent h2  { color: #000; font-size: 18px; font-weight: normal }
#sidebar     { color: #777; font-size: 9px; margin-top: 0; margin-right: 5px; position: relative; top: -15px; width: 200px; float: right; border-width: 3px; border-color: #fff }
#base   { color: #fff; font-size: 9px }
#side    { color: #ccc; font-size: 9px; line-height: 1.8em }
#outside    { color: #fff; font-size: 11px; line-height: 1.5em; background-image: url("background_main.gif"); border: solid 5pt; outline: solid 5pt #fff }
#sidebar ul  { list-style: none; margin-top: 10em }
#sidebar ul li { padding: 1.5em 0; min-height: 64px; border-bottom: 1px solid #bfbfbf }
#sidebar h3 { color: #000; font-size: 13px; font-weight: normal; margin-bottom: 0.2em }
#sidebar a h3 { color: #000 }
#sidebar a.h3link { display: block }
#sidebar a:hover h3 { color: #35434c }
/*TOP MENU*/
.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus       { color: #ccc; font-size: 10px; font-family: verdana, arial; font-variant: normal; text-align: left }
.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus        { color: #fff; font-size: 10px; font-family: verdana, arial; font-variant: normal; text-decoration: underline; text-align: left; vertical-align: middle }
.itemBorder { border-style: solid; border-width: 1px; border-color: #404040 #424242 #212121 }
.no_border { margin: 0; padding: 0; border-width: 0 }
input.nosolid { color: black; font-size: 12; border: solid 0 }
input.gray { color: #ccc; font-size: 9; font-weight: bold; background-color: #666; border: solid 1px }
input.graybox { color: white; font-size: 9; font-weight: bold; background-color: #666; border: solid 1px #ccc }
.nav { color: #ccc; background: #333 }
.navRoll { background: #000 }
.navText { color: #fff; font-size: 10px; font-family: verdana, arial; font-weight: normal; text-decoration: none }
.navText a { color: #ccc; font-size: 10px; font-family: verdana, arial; font-weight: normal; text-decoration: none }
.navText a:hover { color: #ebcc97; font-size: 10px; font-family: verdana, arial; font-weight: normal; text-decoration: underline }
.catlink { color: #ddd }
.catlink a { color: #9f6; text-decoration: none }
.catlink a:hover { color: #fff; text-decoration: underline }
bblink a { color: #fff; text-decoration: none }
bblink a:hover { color: #f30; text-decoration: underline }
.statlink { color: #6a7786 }
.statlink a { color: #aeaeae; text-decoration: none }
.statlink a:hover { color: #cccccc; text-decoration: underline }
.alblink a { color: #eaeaea; text-decoration: underline }
.alblink a:hover { color: #f2f8ff; text-decoration: underline }
/*LightBox*/
#lightbox { line-height: 0; text-align: center; position: absolute; z-index: 100; left: 0; width: 100% }
#lightbox a img  { top: 160px; border: none }
#outerImageContainer  { background-color: #fff; margin: 0 auto; position: relative; top: 160px; width: 250px; height: 250px }
#imageContainer { padding: 10px }
#loading { line-height: 0; text-align: center; position: absolute; top: 40%; left: 0; width: 100%; height: 25% }
#hoverNav { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100% }
#imageContainer>#hoverNav { left: 0 }
#hoverNav a { outline: none medium }
#prevLink, #nextLink { background: url("../../../../../Desktop/lightbox2/images/blank.gif") no-repeat; display: block; width: 49%; height: 100% }
#prevLink { left: 0; float: left }
#nextLink { right: 0; float: right }
#prevLink:hover, #prevLink:visited:hover { background: url("../portfolio/images/prevlabel.gif") no-repeat left 15% }
#nextLink:hover, #nextLink:visited:hover { background: url("../portfolio/images/nextlabel.gif") no-repeat right 15% }
#imageDataContainer  { font: 10px/1.4em Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; position: relative; top: 160px; width: 100%; overflow: auto }
#imageData    { color: #069; padding-top: 0; padding-bottom: 0; padding-left: 10px; text-shadow: 2px 2px 1px #CCCCCC }

#imageData #imageDetails { text-align: left; width: 70%; float: left }
#imageData #caption { font-weight: bold }
#imageData #numberDisplay { display: block; padding-bottom: 1em; clear: left }
#imageData #bottomNavClose { padding-bottom: 0.7em; width: 100px; float: right }
#overlay { background-color: #000; position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px }