/*  
CSS Code and Design copyright 2009 to Sullivan+Wolf Design. All Rights Reserved. 
Copying and/or re-using this code, its sub-code or derivatives without written permission is a violation of copyright law.
Visit us at SullivanandWolf.com
 */
 a, p, ul, h1, h2, h3, h4, h5, h6, input, textarea, td, select, table { font-family: Calibri, Arial, Helvetica, sans-serif; }
p { font-size: 1.0em; }
h1 { font-size: 1.7em; font-weight: lighter; font-family: Georgia, Calibri, Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-top: 0px; padding: 0px; margin-bottom: 8px; }
h2 { font-size: 1.4em; font-family: Georgia, Calibri, Arial, Helvetica, sans-serif; color: #CCCCCC; margin-top: 6px; margin-bottom: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; width: 70%; }
h3 { font-size: 1.2em; font-family: Georgia, Calibri, Arial, Helvetica, sans-serif; margin-top: 6px; margin-bottom: -6px; padding: 0px; color: #CCCCCC; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul { list-style-type: square; }
table { font-size:100%; }
td { font-size: .9em; }
td p { font-size:1.0em; }
h1 sup { font-size:50%; line-height: 0; }
p sup { font-size:70%; line-height: 0; }
select { font-size: 1em; }
input, textarea { font-size: 1em; }
input, textarea, select { vertical-align:middle; }
textarea { overflow:auto; }
hr { width: 80%; color: #666666; text-align: center; height: 1px; }
form { margin-top: 12px; margin-right: 0px; margin-bottom: 0px; margin-left: 12px; width: auto; }
/* Layout  */

#center { width: 100%; margin-top: 10px; }
#container { width: 980px; text-align:left; }
#masthead { height:auto; width: 980px; text-align:left; padding-top: 12px; float: left; }
#middle { text-align:left; float: left; }
#leftcolumn { float: left; width: 180px; padding-top: 170px; min-height:400px; margin-left: 20px; }
*html #leftcolumn { margin-left: 10px; }
#sidenav { }
.sidehr { clear:both; display:block; }
#content { width: 721px; margin-left: 220px; padding-top: 12px; display: block; min-height: 600px; overflow: visible; position: relative; z-index: 0 }
*html #content { overflow: visible; height: 600px; }
#content .transparency2 { filter:alpha(opacity=30); opacity:0.30; -moz-opacity:0.30; position:absolute; top:0px; left:0px; z-index:-1; height:100%; min-height: 100%; width:100%; border: 8px solid white; background-repeat: repeat-y; background-position: center center; }
#content .transparency1 { filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80; position:absolute; top:0px; left:0px; z-index:-1; height:100%; width:100%; margin:8px; background-image: url(/assets/bg-middle.jpg); background-repeat: repeat-y; background-position: center center; overflow: visible; }
*html #content .transparency1 { height:99.6%; width:97.8%; }
/*
#content .transparency.orig { filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; position:absolute; top:0px; left:0px; z-index:-1; height:100%; width:100%; border: 8px solid #CCCCCC; background-image: url(/assets/bg-middle.jpg); background-repeat: repeat-y; background-position: center center; background-color:#333333; }
*/
#content .copy { margin:24px; float:inherit; position: relative; height: auto; width: auto; }
#footernav { width: 721px; float: left; text-align: center; margin-top: 26px; margin-bottom: 16px; }
#footernav a:link, #footernav a:visited { color:#d3dcf5; font-size: 1.0em; }
#footer { padding-bottom: 4px; width: 721px; margin-left: 220px; float: inherit; margin-top: 16px; }
#footerleft { float: left; }
#footerright { float: right; height: auto; width: 215px; text-align:center; font-size: 80%; }
#footerright a { color:#FFFFFF; }
#mydiv1 { z-index: 1; background-color: #0099FF; }
#mydiv2 { z-index: 2; background-color: #00FF00; }
/* STYLES  */
.rowHEADER { color: #FFFFFF; background-color: #000000; padding-left: 6px; font-weight: bold; }
.rowHEADERgrey { color: #FFFFFF; background-color: #666666; padding-left: 6px; font-weight: bold; }
.rowHEADERred { color: #FFFFFF; background-color: #981203; padding-left: 6px; font-weight: bold; }
.rowFIRST { background-image: url(../input-shadow.gif); background-repeat: no-repeat; background-position: -6px 0px; }
.rowA { color: #000000; background-color: #FFFFFF; padding-left: 4px; }
.rowB { color: #000000; background-color: #F2F0EA; padding-left: 4px; }
.rowBlack { color: #000000; background-color: #000000; padding-left: 4px; }
.rowGray { color: #000000; background-color: #888888; padding-left: 4px; }
.tableLINES { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C0C0C0; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0; border-left-color: #C0C0C0; }
.copyright { font-size: .7em; color:#d3dcf5; margin-left: 78px; width: 340px; margin-top: 0px; }
.copyrightA { font-size: 1.8em; color: #666666; padding-left: 12px; vertical-align: middle; margin-bottom: 2px; }
.copyrightA img { margin-right: 12px; vertical-align: middle; }
.inputbox { background-image: url(assets/input-shadow.gif); background-repeat: no-repeat; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #666666; font-size: 100%; }
.smalltext { font-size: 70%; font-weight: normal; }
a.swlink:link, a.swlink:visited { font-size: 70%; color: #666666; margin-left: 80px; }

/* classes for validator */
.tfvHighlight { font-weight: bold; color: #000000; background-color: #FFCC00; border: 1px solid #FF0000; }
.tfvNormal { font-weight: normal; color: black; }

.nosee { display: none; }
.hideit { display: none; }
.noprint { display: inherit; }
.showit { display: block; }
.tableLINES {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, Direction=140, Strength=3); background-color: #CCCCCC; }
.photos, .photosport {
 Xfilter:progid:DXImageTransform.Microsoft.Shadow(color=black, Direction=140, Strength=3); border: 2px solid #CCCCCC; }
.photosport { float:left; margin-right:10px; margin-top: 6px; z-index: 1; }
.portraitbox { position: relative; left:124px; top: -50px; z-index: 2; float:left; display: block; }
.portraits { position: absolute; width: auto; background-color: #666666; padding: 24px; border: 1px solid #333333; text-align: center; z-index: 2; }
.error { font-weight: bold; color: #CC0000; background-color: #FFFF66; }
.lightborder { border: 1px solid #CCCCCC; }

/* LINKS */

a { font-size: 100%; color: #FF6600; }
a:link { text-decoration: none; color: #FF6600; }
a:visited { text-decoration: none; color: #6699FF; }
a:hover { text-decoration: none; }
#sidenav a { height: auto; width: 95%; padding-top: 4px; padding-bottom: 4px; margin-bottom: 1px; float:right; padding-right: 5%; font-family: Georgia, Calibri, sans-serif; font-size: 100%; text-transform: uppercase; color: #FFFFFF; text-decoration: none; text-align: right; }
*html #sidenav a { width: 95%; }
#sidenav a:hover { color: #FFFFFF; background-color: #000000; }
#sidenav a.downstate { color: #FFFFFF; background-color: #202224; }
#sidenav a.level2 { font-size: 75%; margin-right: 0px; position: relative; right: 10px; }
#sidenav2 { position: absolute; top: 660px; margin-left: 20px; text-transform: uppercase; width: 160px; }
#sidenav2 a { color:#d3dcf5; font-size: 80%; margin-bottom: 12px; display:block; width: 160px; float: left; }
#footernav { float:right; font-size: .8em; margin-right: 24px; }
#footernav a { text-decoration: none; font-size: .8em; color: #000000; }
/* Lightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; border: 4px solid #000000; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #666; width:auto; height: auto; margin: 0 auto; margin-top: 10px; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background-image: url(/assets/images/prevlabel.gif); background-repeat: no-repeat; background-position: left bottom; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right bottom no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; }
#imageData { color: #666; font-size: 110%; padding-top: 12; padding-right: 20px; padding-bottom: 12; padding-left: 20px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }