/*
Original design: andreas05 (v2.5 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas05/
*/

/* General tags */
* {margin:0; padding:0;}
body {background:#cccccc repeat; font:76% verdana,tahoma,sans-serif; color:#555555;}
a {background-color:inherit; color:#00ffff; font-weight:bold; text-decoration:none;}
a img {border-color:#00ffff; border-width:1px; border-style:solid;}
a:hover {text-decoration:underline;}
p {margin:20px 0 16px 20px;}
ul, ol {margin:0 0 16px 15px; padding-left:5px;}
ul ul, ol ol {margin:3px 0 0 15px;}
img {float:left; margin:0 10px 5px 0;}

/* Headers */
h1 {color:#555; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
h2 {font-size:1.6em; font-weight:normal; letter-spacing:-1px; margin:20px 0px 0px 20px;}

/* IDs */
#title {margin:20px auto -9px; width:700px;}
#header {background:#ccc width:100% height:153px}
#container {background:#555 bottom left no-repeat; border:5px solid #555; color:#555; margin:0 auto 15px; padding:0px; width:700px; line-height:1.3em;}

/* Tables */
table {margin:10px 0 16px 20px; border-spacing:0px; padding:0px;}
td {vertical-align:top}

#sidebar {float:left; margin:0px; padding-left:15px; width:120px; height:315px; background-color:#00ffff}
#sidebar p {margin:10px 0 0px 0px; text-align:left; font-size:0.8em;}
#sidebar p a {font-weight:400;}
#main {float:right; margin:0px; width:565px; height:315px; background-color:#666666; color:#FFFFFF}
#left {float:left; margin:0px; width:400px; height:315px; background-color:#666666; color:#FFFFFF}
#right {float:right; margin:0px; width:165px; height:315px; background-color:#666666; color:#FFFFFF}
#footer {clear:both; color:#aaa;}

/* Menu */
.menu {border:1px solid #ffffff; color:#286ea0; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
.menu:hover {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}

/* Lightbox - see http://www.huddletogether.com/projects/lightbox/ */
#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; }

/* Various classes */
.credits {color:#777; font-size:0.9em; margin-bottom:0;}
.credits a {color:#777;}

.navigationLink {color:#666666;}
.tdPaddingLeft {padding-left:15px;}
.tdPaddingTop {padding-top:10px;}
.tdPaddingLeftTop {padding-left:15px; padding-top:10px}

#iframe {
	width: 545px;
	height: 270px;
	margin: 0px 0px 0px 0px; 
	background: #666666;
	overflow:auto;
	padding-right: 20px;
}