* { margin:0; padding:0; }

a, a:visited { color:blue; text-decoration: none; }
a:hover { text-decoration:underline; }

body { background: #FFFFE0; }

#preview {
	background: #F00;
	color:white;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 2px solid black;
}

#lang { padding:5px; }

#header { text-align: center; font-weight: bold; border-bottom: 1px solid black; padding-bottom: 10px; }
#header table { margin: 0 20px 20px; }
#header td { width: 33%; }
#header.joint td { width:auto; }
#header p { clear: both; }

#title { text-align:center; margin-top:20px; padding: 0 30px; }
#title #medal_name { font-style: italic; }
#title #awarded_to { margin:20px 0; }
#title #winner_citation { font-style: italic; margin-top: 15px; }

#body { padding: 0 30px; }
#body #photo { float: right; margin: 0 0 10px 20px; border: 2px solid #999; height: 300px; position: relative; z-index: 900; }
#body p { margin:15px 0; padding: 5px; z-index: 100; }

p { position: relative; border: 1px dotted transparent; }
p span.section { display:none; position: absolute; top: -31px; left: -1px; padding: 5px 20px; border: 1px dotted #666; border-bottom: none; background: inherit; font-style: italic; }

body.admin p:hover { background: #EFEFCE; border-color: #666; }
body.admin p:hover span.section { display: block; }