body { background:#000000 url(../images/pagebg.jpg) repeat-x top center; color:#ffffff; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:180%; }
p { color:#ffffff; padding:5px; }
a { color:#eeee00; text-decoration:none; }
a:hover { color:#990000; text-decoration:none; }
h3 { color:#ffffff; font-weight:bold; font-size:16px; }
h3 a { font-size:12px; text-align:right; font-weight:normal; float:right; padding-left:10px; }
#container { }
#topbanner { height:90px; padding-top:7px; padding-left:10px; padding-bottom:10px; overflow:hidden; }
#homebanner { margin:126px auto auto; width:755px; height:413px; }
#homecamera { background:url(../images/homecamera.jpg) no-repeat; float:left; width:135px; height:413px; }
#homelogo { background:url(../images/homebannerbg.jpg) repeat-x; float:left; width:614px; height:413px; text-align:center; color:#999999; }
#homelogoedge { background:url(../images/homebanneredge.jpg) no-repeat; float:right; width:109px; height:260px; margin-top:38px; }
#homelogo img { padding:0px; margin:0px; margin-top:25px; border:0px none; }
#homelogo button { margin-top:20px; float:right; padding:5px; background:url(../images/btnbg.gif) repeat-x; margin-left:10px; border:1px solid #bdd23a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:12px; color:#ffffff; cursor:pointer; }
#homequotes { list-style-image:none; list-style-position:outside; list-style-type:none; }
#homequotes li { font-weight:bold; font-style:italic; }
#homequotes li p { padding:0px; text-align:right; color:#999999; }
#logo-right { margin-left:270px; height:80px; }
#logo-right div { z-index:0; }
input,textarea,select { background:#ccddcc; width:250px; border:1px solid #99B325; font-size:12px; }

#lightbox { overflow:hidden; z-index:11; left:0px; top:50px; width:100%; height:auto; display:none; position:absolute; text-align:center; }
#lightbox h3 { color:#aaaaaa; }
#galoverlay { position:absolute; z-index:11; display:none; width:100%; top:40px; }

#logo { background:url(../images/logo.jpg) no-repeat top center; width:267px; float:left; text-align:center; color:#999999; padding-top:65px; letter-spacing:0.1em; }
#rightimg { float:right; background:url(../images/rightimg.jpg) no-repeat; height:380px; width:152px; margin-top:39px; margin-left:10px; }
#rightmanu { float:right; background:url(../images/manumenon.jpg) no-repeat; height:380px; width:152px; margin-left:10px; }
#content { margin-left:160px; margin-right:160px; padding:10px; background:#6C763F; -webkit-border-radius:5px; -moz-border-radius:5px; }
div.boxed { border:1px solid #ffffff; }
div.boxed h3 { font-size:12px; padding:0px; margin:0px; line-height:200%; padding-left:10px; padding-right:10px; text-align:center; }
div.boxed p { padding:10px; text-align:justify; line-height:200%; }

#footer, #footer a { clear:both; text-align:center; color:#666666; font-size:11px; text-decoration:none; margin-bottom:20px; margin-top:10px; }
#footer a:hover { color:#ffffff; }

/* Gallery */
#album { clear:right; }
#album, #album a { color:#ffffff; text-decoration:none; font-size:10px; text-align:center; }
#album a strong { display:block; height:20px; width:150px; overflow:hidden; }
#album ul li { list-style:none; float:left; margin-right:15px; margin-bottom:15px; text-align:center; width:150px;
	border:1px solid #ffffff; cursor:pointer; padding:3px; background-color:#000000; display:block; opacity:.7; }
#album ul li img { border:0px none; width:150px; height:100px; }
#album ul li:hover { opacity:1; }

#gallery { text-align:center; margin:auto; margin-bottom:20px; padding:5px; background-color:#000000; }
#gallery p { text-align:justify; padding:0px; color:#ffffff; }
#gallery img { border:0px none; }
#gallery textarea { background:#333333; color:#ffffff; border:1px solid #a0be12; }
#gallery button { margin:auto; padding:4px; background-color:#a0be12; border:0px none; border-bottom:1px solid #666666; border-right:1px solid #666666; font-size:12px; }
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0
*/

/***** clearfix *****/
.clear { clear:both; height:0; line-height:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
.clearfix { height:1%; }
.clearfix { display:block; }

/* Panel Tab */
.tab { background:url(../images/toptabbg.gif) repeat-x 0 0; height:42px; position:relative; top:0; z-index:999; text-align:center; }
.tab ul.login { display:block; position:relative; float:right; clear:right; font-size:10px; font-weight:bold; height:42px; line-height:42px; margin:0; right:20px; color:#ffffff; text-align:center; }
.tab ul.login li.left { background:url(../images/toptableft.gif) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left; }
.tab ul.login li.right { background:url(../images/toptabright.gif) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left; }
.tab ul.login li { background:url(../images/toptab.gif) repeat-x 0 0; color:#99B600; text-align:left; padding:0 6px; display:block; float:left; height:42px; }
.tab ul.login li a { color:#99B600; text-decoration:none; display:block; }
.tab ul.login li a:hover { color:#ffffff; }
.tab ul.login li#toggle a { color:#99B600; text-decoration:none; display:block; width:42px; }
.tab ul.login li#toggle a:hover { color:#ffffff; }
.tab a#open, .tab a#loginclose { height:20px; line-height:20px !important; padding-left: 30px !important; cursor:pointer; display:block; position:relative; top:11px; }
.tab a#open { background:url(../images/toptabopen.gif) no-repeat left 0; }
.tab a#open:hover { background:url(../images/toptabopen.gif) no-repeat left -19px; color:#ffffff; }
.tab a#loginclose { background:url(../images/toptabclose.gif) no-repeat left 0px; }
.tab a#loginclose:hover { background:url(../images/toptabclose.gif) no-repeat left -19px; color:#ffffff; }

/* sliding panel */
#toppanel { position:absolute; top:0; width:100%; z-index:999; text-align:center; margin-left:auto; margin-right:auto; }
#panel { width:100%; height:270px; color:#999999; background:#272727; overflow:hidden; position:relative; z-index:3; display:none; }
#panel h1 { font-size:1.6em; padding:5px 0 10px; margin:0; color:#ffffff; }
#panel h2 { font-size:1.2em; padding:10px 0 5px; margin:0; color:#ffffff; }
#panel img { float:left; margin-right:10px; border:#ffffff 1px solid; padding:2px; margin-top:10px; }
#panel p { margin:5px 0; padding:0; }
#panel a { text-decoration:none; color:#99B600; }
#panel a:hover { color:#ffffff; }
#panel a-lost-pwd { display:block; float:left; }
#panel .content { width:960px; margin:0 auto; padding-top:15px; text-align:left; font-size:0.85em; }
#panel .content .left { width:280px; float:left; padding:0 15px; border-left:1px solid #333333; }
#panel .content .right { border-right:1px solid #333333; }
#panel .content form { margin:0 0 10px 0; }
#panel .content label { float:left; padding-top:8px; clear:both; width:280px; display:block; }
#panel .content input.field { border:1px #1A1A1A solid; background:#414141 no-repeat center right; margin-right:5px; margin-top:4px; width:200px; color:#ffffff; height:16px; }
#panel .content textarea.field { border:1px #1A1A1A solid; background:#414141 no-repeat center right; margin-right:5px; margin-top:4px; width:260px; color:#ffffff; height:110px; }
#panel .content input:focus.field, #panel .content textarea:focus.field { background:#545454 no-repeat center right; }
#panel .content input.bt_login, #panel .content input.bt_register { display:block; float:left; clear:left; height:24px; text-align:center; cursor:pointer; border:none; font-weight:bold; margin:10px 0; }
#panel .content input.bt_login { width:74px; background:transparent url(../images/toptablogin.gif) no-repeat 0 0; }
#panel .content input.bt_register { width:94px; color:#ffffff; background:transparent url(../images/toptabregister.gif) no-repeat 0 0; }
#panel .lost-pwd { display:block; float:left; clear:right; padding:15px 5px 0; font-size:0.95em; text-decoration:underline; }

/* Left Sliding Menu */
#leftmenu { width:150px; font-size:13px; padding-bottom:10px; float:left; line-height:100%; margin-right:10px; }
#leftmenu div { background:url(../images/menutitle.gif) repeat-x; overflow: hidden; }
#leftmenu div:first-child { -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; }
#leftmenu div.collapsed { height:25px; }
#leftmenu div span { display:block; padding:5px 25px; font-weight:bold; color:#ffffff; background:url(../images/menuexpanded.gif) no-repeat 10px center; cursor:default; }
#leftmenu div.collapsed span { background-image: url(../images/menucollapsed.gif); }
#leftmenu div a { padding:5px 10px; display:block; border-bottom:1px solid #666666; color:#99B325; text-decoration:none; }
#leftmenu div a.current { background:#D8E3A6 url(../images/menuarrow.gif) no-repeat right center; color:#000000; }
#leftmenu div a:hover { background:#6C763F; color:#ffffff; text-decoration:none; }
#leftmenu div a.current:hover { background:#6C763F url(../images/menuarrow.gif) no-repeat right center; }

/* Lightbox */
#overlay { position:absolute; top:0; left:0; z-index:10; width:100%; height:500px; background-color:#000000; }
#lightbox { position:absolute; top:20px; left:0; width: 100%; z-index:20; text-align:center; color:#ffffff; line-height:0; }
#lightbox a, #lightbox a:hover { border-bottom:none; color:#151410; text-decoration:underline; }
#lightbox a img { border: none; }
#outerImageContainer {
	width:auto; margin:0 auto; position:relative;
	height: auto; /* without this line error in IE8 detected */
}
#imageContainer {
	width:10px; height:10px; margin:0 auto; overflow:hidden; background-color:#000000; position:relative;
	font-size:0;/* ie fix - big info bar*/
}
#loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; font-size:10px; z-index:1; }
#loadingLink { display:block; margin:0 auto; padding:0; width:32px; height:32px; background:url(../images/loading.gif) center center no-repeat; text-indent:-9999px; }
#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLinkImg, #nextLinkImg {
	width:49%; height:100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block; text-indent:-9999px; }
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url(../images/prev.gif) left 14% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url(../images/next.gif) right 14% no-repeat; }
#imagestatistics p { font: 12px Verdana, Helvetica, sans-serif; text-align:justify; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color:#000000; width:100%; }
#imageData { overflow:hidden; width:100%; }
#imageDetails { width:70%; float:left; text-align:left; padding:10px 10px 0 10px; }
#caption { font-weight:bold; display:block; }
#numberDisplay { display:block; float:left; padding-right:10px; margin-top:3px; }
#detailsNav { display:block; float:left; padding:0; }
#prevLinkDetails, #nextLinkDetails, #slideShowControl { background-repeat:no-repeat; outline-style:none; display:block; float:left; }
#prevLinkDetails { margin:3px; width:16px;height:16px; background: url(../images/prevlabel.gif) left center; }
#nextLinkDetails { margin:3px; width:16px;height:16px; background: url(../images/nextlabel.gif) right center; }
#slideShowControl.started { background-image:url(../images/pause.gif); }
#slideShowControl { display:block; width:16px; height:16px; float:left; margin:3px; background:url(../images/start.gif) center center no-repeat; }
#close { padding:10px 10px 0 0; float:right; }
#closeLink { display:block; outline-style:none; margin:0; padding:0; text-decoration:none; width:66px; height:32px; background:url(../images/close.gif) no-repeat; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

#outerImageFrame { border:solid 1px red; height:100%; width:100%; position:absolute; }
#outerImageContainer { overflow:visible; }
#outerImageContainer td { text-align:center; padding:0; }
#lightboxFrameBody { background-color: #000000; border:solid 1px #000000; }
#outerImageContainer td { font-size:0; }