/*--------------------3 row layout------------------------------------------------- 
Got this from http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ 
Giant thnx to Roger Johansson for sharing his CSS knowledge!
*/
html,body 
{
    margin:0;
    padding:0;
    height:100%;
    color:black;
	/*background:lightgrey;*/
	background:white;
}

html>body #wrap 
{
    height:100%;
}

#header 
{
 width:100%;
 height:80px;
}

html>body #header 
{
 position:fixed;
 z-index:10; /* Prevent certain problems with form controls */
}

html>body #content-wrap 
{
    height:100%;
}

html>body #content 
{
    padding-top:80px;
    padding-bottom:50px;
} 

div#footer 
{
 	width:100%;
 	height:40px;
}

html>body #footer 
{
 position:fixed;
 bottom:0;
 z-index:10; /* Prevent certain problems with form controls */
}

/*---------------------------end layout----------------------------------------------------*/

body {font:76%/1.5 Helvetica, Arial, sans-serif;}

div#header
{
	color:lightgrey;
	background:url("../images/top.png");
}

div#content
{
    padding-left:50px;
    padding-right:50px;	
}

div#footer
{
	color:lightgrey;
	background:url("../images/bottom.png");
}

div#img_docs
{
	text-align:center;	
}

div.img_left
{
	float:left;
	color:red;	
}

div.img_right
{
	float:right;
	color:red;	
}

div.clear
{
	clear:both;	
}

#img_container	
{
	position:relative;	
	width:820px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}	

div#img_view
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

h1
{
	text-align:left;
	padding-left:10px;
}

h2
{
	position:relative;
	bottom:12px; 
	height:30px;
	color:#a9a9a9;
	text-align:center;	
}

h3
{
	text-align:right;
	padding-right:25px;
	padding-top:0px;
	font-size:16px;
	color:black;
}

div#nav_container
{
	position:absolute;
	right:0px;
	
	width:200px;
	height:40px;
	background:#808080;
	text-align:center;

/*	
		
	border:solid;
	border-color:red;
*/	
}

div#viewer_nav_container
{
/*	width:200px;
	height:40px;
	background:#808080;
	
*/	
	text-align:center;
	float:right;
	
}

div#translations
{
	margin-top:10px;
	margin-bottom:10px;
	
	padding-top:10px;
	padding-bottom:10px;
	
	border:2px dotted;
	border-color:#808080;
	
	border-left:none;
	border-right:none;
}

div.button_intro
{
	margin-left:50px;
	display:inline;	
}

div#nav_container a:focus, div#nav_container a:hover
{
	color:white;	
	border-bottom:none;
	
}


a:link,a:visited 
{
	border-bottom:1px dotted;
	color:#808080;
	font-weight:bold;
	text-decoration:none;
}

a:focus,a:hover 
{
	border-bottom-style:solid;
	color:black;
}

h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover
{
	color:lightgrey;	
	border-bottom:none;
}

h2 a:link, h2 a:visited, h2 a:focus, h2 a:hover
{
	color:#a9a9a9;	
	border-bottom:none;
}

h3 a:link, h3 a:visited
{
	color:black;	
	border-bottom:none;
}

h3 a:focus, h3 a:hover
{
	color:white;	
	border-bottom:none;
}

p
{
	color:black;		
}

td a:link, td a:visited
{	
	border-bottom:none;
}

p#images a:focus,p#images a:hover
{
	border:2px grey;
}

a.img_link img
{
	border:3px solid white;
}

a.img_link:hover img
{
	border: 3px solid #a9a9a9;;
}

a.img_link:hover
{
	color:#a9a9a9; 				/* Dummy definition to overcome IE bug */
}

p#author
{
	float:right;
	font-size:10px;	
}

li
{
	list-style-type:none;
	background:none;
	margin-left:11px;
}

em
{
	font-style:normal;
	font-weight:bold;
	font-size:12.5px;
}
/*
span.highlight, span.highlight a:visited 
{
	display:inline;
	color:white;
	background:red;	
}
*/