@import url("/fonts.css");

html,body {margin:0;padding:0;height:100%}
body {background-color:#000;font-family:verdana,arial,sans-serif;font-size:100%;font-size:100%}
h1, h2, h3 {font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;}
h1 {font-size:190%}
h2 {font-size:150%}
h3 {font-size:120%}

pre,code,tt {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	font-size:90%
}
sup {vertical-align:super}
sub {vertical-align:sub}
sup,sub {font-size:33%}


input[type=text],textarea {background:#222;border-style:solid;border-width:1px;border-color:#2e2e2e}

.table {display:table}
.tr {display:table-row}
.td {display:table-cell}

#header {
	display:block;
	height:120px;
	max-height:120px;
	width:100%;
	background: url(/img/top-band.png) repeat-x;
	margin:0;
	padding:0;
	overflow:hidden
}
.header {display:table;margin:0;padding:0}
.header .left,.header .right {display:table-cell}
.header .left {
	width:290px;
	min-width:230px;
	background: url(/img/medallion.png) right top no-repeat
}
.header .right .hrc,.header .right .crumbs {
	display:block;
	padding-bottom:0;
	margin-bottom:0;
	vertical-align:bottom
}
.header .right .hrc {
	font-family:hrc;
	font-size:195%;
	font-weight:bold;
	color:#fff;
	padding-top:25px
}
.header .right .crumbs {/*font-size:90%;padding-top:28px*/margin-top:25px;font-family:crumbs,arial}
.header .right .crumbs a {
	font-size:0.9em;
/*	font-weight:bold;*/
/*	font-variant:small-caps;*/
	padding:10px 20px 10px 3px;
	color:#AEA252;
	background: url(/img/rang.png) right 0 no-repeat
}
.header .right .crumbs a:link:hover,.header .right .crumbs a:visited:hover {
	color:#555;
	outline-color:#AEA252;
	-moz-outline-radius: 0.5em;
	-webkit-outline-radius: 0.5em;
	-khtml-outline-radius: 0.5em;
	outline-radius: 0.5em
}

#content {display:block;margin-top:0;padding-top:0}
#content {background: url(/img/pagetop-trans.png) center 0 no-repeat;min-height:85%}
#content a {outline:2px solid transparent}
#content a:link:hover,#content a:visited:hover {
	color:#efefef;
	outline-color:#AEA252;
	-moz-outline-radius: 0.5em;
	-webkit-outline-radius: 0.5em;
	-khtml-outline-radius: 0.5em;
	outline-radius: 0.5em
}
.yourhere {
	line-height:1.6em;
	font-size:0.9em;
	margin-left:2.2em;
	vertical-align:middle;
	font-weight:bold;
	color:#D7CE98
}
.yourhere a,.index a {color:#D7CE98}
.yourhere a {padding-right:0.3em}
/*
.index {
	display:block;
	background:#858585;
	width:50%;
	margin:3em auto 0 8em;
	padding:0;
	color:#fff;
	border-width:0.3em;
	border-style:solid;
	border-color:#673873;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em
}
.index dl {padding:0.5em}
.index h3,.index h4 {padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}*/

#footer {
	display:table;
	width:100%;
	height:3em;
	min-height:3em;
	background:#fff url(/img/foot-band.png) repeat-x;
	font-size:90%;
	padding:0;
	margin:0;
	vertical-align:bottom
}
#footer .left,#footer .right {display:table-cell;padding-top:0.9em;padding-bottom:0.8em}
#footer .left code,#footer .right code {font-family:roman,roman-alt;font-size:100%}
#footer .left {text-align:left;font-weight:bold;padding-left:1.3em}
#footer .right {text-align:right;padding-right:1.2em}

/* ANCHOR element
a:hover img */
/*
	ORDER IS IMPORTANT!!!
a:link {}
a:visited {}
a:hover {}
a:active {} */