/* OVERALL */

body { text-align: justify; background: #fff; font: 11px/18px georgia, arial, verdana, tahoma, sans-serif; color: #757575; text-align: center; margin: 0;  padding: 0; }

A { font-weight: normal; color: #ff5172; background-color: transparent; text-decoration: none; }
A:hover { color: #00f0ff; background: transparent; }

a:active, a:focus { outline: 0; }

h1 { font: 20px 'Century Gothic', 'Lucida Console', sans-serif; color: #ff0b6d; text-transform: uppercase; margin-bottom: 8px; }

h2 { background: #fff url(Line.gif) no-repeat left 16px; font: 10px georgia, verdana, arial, tahoma, sans-serif; color: #75b32b; letter-spacing: 0.5px; text-transform: lowercase; margin: 15px 0 10px 0; padding: 0 0 5px 0; }

h3 { font: 11px times new roman, verdana, arial, tahoma, sans-serif; color: #00bceb; text-transform: uppercase; }

ul { padding: 0; margin: 0; list-style-type: none;  }

ol { margin: 0; padding: 0 0 0 10px; list-style-type: square; }

jap {  font: 11px/18px arial, verdana, tahoma, sans-serif; color: #75b32b; }

hr { background: url(hr.gif) no-repeat center; height: 20px; border: 0; padding-top: 25px; padding-bottom: 25px; }

/* CLASSES */

.updatetext { font: bold 11px georgia, arial, verdana, tahoma, sans-serif; color: #75b32b; text-transform: uppercase; 
background: transparent url(UpdateDot.gif) no-repeat left; padding-left: 20px; }

.newscontainer { float: left; width: 378px; height:145px; background: transparent url(NewsBG.gif) no-repeat right top;  padding-top: 28px; }
p.news { font: 10px georgia, century gothic, arial, tahoma, verdana, sans-serif; color: #ff287e; text-transform: uppercase; margin: 0; float: right; padding-right: 64px; }
p.news a { font-weight: bold; }


.affcontainer { float: right; width: 189px; height:113px; background: black url(AffBG.gif) no-repeat; margin-top: 15px; }
.affwrap { margin: 5px; }
.aff { font: bold 11px century gothic, arial, tahoma, verdana, sans-serif; color: #00f0ff; text-transform: uppercase; letter-spacing: 0.8px; margin: 0; padding-top: 2px; }
.affsmall { font: 8px century gothic, arial, tahoma, verdana, sans-serif; color: #00f0ff; text-transform: uppercase; letter-spacing: 0.8px; }

.comment { float: right; background: #fff; font: 10px arial, tahoma, verdana, sans-serif; color: #01ae81; letter-spacing: 1px; text-transform: uppercase; padding: 2px; }

.connav { list-style-type: none;  margin: 10px 0 0 0; }

.nob { border: 0px solid #adadad; }

.normal { border: 1px solid #adadad; background: #fff; margin: 5px; margin: 0 10px 0 0; padding: 3px; }
.align { float: left;  border: 1px solid #adadad; background: #fff; margin: 5px; margin: 0 10px 5px 0; padding: 3px; }
.alignright { float: right;  border: 1px solid #adadad; background: #fff; margin: 5px; margin: 0 0 0 10px; padding: 3px; }
.alignsumleft { float: left;  border: 1px solid #adadad; background: #fff; margin: 10px 10px 10px 0; padding: 3px; }
.alignsumright { float: right;  border: 1px solid #adadad; background: #fff;  margin: 10px 0px 10px 10px; padding: 3px; }

.alignsum { float: left;  border: 1px solid #adadad; background: #fff; margin: 5px 10px 5px 0; padding: 3px; }
.alignrightsum { float: right;  border: 1px solid #adadad; background: #fff; margin: 5px 10px 5px 0; padding: 3px; }

.clear { clear: both; padding: 0 0 20px 0; }

.clear2 { clear: both; }

.spacedborder { border: 1px solid #adadad; }

.border { border: 0px solid #d3d3d3; }

a .borderlink { border: 2px solid #99af00; }
a:hover .borderlink { border: 2px solid #FF0000; }

.form { border: 1px solid #d4d4d4; background: #f3f3f3; font: 11px arial, tahoma, verdana, arial, sans-serif; color: #363636; }

.update { width: 530px; background: #f3f3f3; text-align: left; padding: 10px; }

.graphics { float: left; width: 100px; border: 0px solid #FF0000; text-align: center; padding: 5px; }

.images { float: left; width: 70px; height: 70px; border: 1px solid #adadad; text-align: center; margin: 5px; padding: 5px; }

.imagessum { float: left; width: 100px; height: 100px; border: 1px solid #adadad; text-align: center; margin: 5px; padding: 5px; }

.imagesart { float: left; width: 100px; height: 70px; border: 1px solid #adadad; text-align: center; margin: 5px; padding: 5px; }
.imagesart2 { float: left; width: 50px; height: 70px; border: 1px solid #adadad; text-align: center; margin: 5px; padding: 5px; }

/* IDs */

#container { width: 620px; margin: 0 auto; margin-top: 50px; background: #fff; text-align: left;}

#header { background: #fff url(Header.gif) left no-repeat; width: 620px; height:50px; }

.thenav { float: right; padding-top: 20px; }
.thenav2 { float: right; clear: both; margin-top: 3px; width: 161px; height: 29px; background: transparent url(Side.gif) right no-repeat; }
.thenav2wrap { padding-left: 26px; padding-top: 3px; }

#sidenav ul { color: #fff; font: 10px/18px arial, verdana, tahoma, sans-serif; text-transform: uppercase; margin-top: 4px; padding: 0; list-style-type: none; text-align: center; }
#sidenav ul li { display: inline; }
#sidenav ul li a { text-decoration: none; color: #fff; }
#sidenav ul li a:hover { color: #ff287e; }

#topnav ul { color: #959595; font: 11px arial, verdana, tahoma, sans-serif; letter-spacing: 1px; text-transform: uppercase; margin-top: 4px; padding: 0; list-style-type: none; text-align: center; }
#topnav ul li { display: inline; }
#topnav ul li a { text-decoration: none; color: #959595; }
#topnav ul li a:hover { color: #00f0ff; background: transparent url(TopLine.gif) repeat-x left top; padding-top: 1px;}

#wrap { width: 620px; padding: 0 0 10px 10px; }
#wrapfooter { width: 540px; padding: 10px; }

#content { background: #fff; }

#headerinfo { width: 613px; height: 164px; background: transparent url(header_info.jpg) no-repeat; margin-top: 3px; }
#headermedia { width: 613px; height: 164px; background: transparent url(header_media.jpg) no-repeat; margin-top: 3px; }
#headersite { width: 613px; height: 164px; background: transparent url(header_site.jpg) no-repeat; margin-top: 3px; }
#headercontact { width: 613px; height: 164px; background: transparent url(header_contact.jpg) no-repeat; margin-top: 3px; }

#footer { font: 9px arial, verdana, tahoma, sans-serif; background: transparent url(FooterLine.gif) repeat-x top;  text-transform: uppercase; clear: both; width: 585px; height: 63px; margin-top: 30px; text-align: center; }
#footer strong { color: #75b32b; }
#footer a { color: #00f0ff; }
#footer a:hover { background: transparent url(TopLine.gif) repeat-x bottom; }

#other { display:none; }

#lightbox{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }


#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#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; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }


#imageData{	padding:0 10px; color: #666; }
#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; }