/* defaults */

* {
	margin:0;
	padding:0;
}

body {
	font:normal 100%/150% Helvetica,Verdana,'Liberation Sans','Bitstream Vera Sans',Arial,sans-serif;
/*	font:normal 100%/140% Times,Georgia,Charter,'Liberation Serif','Bitstream Charter',serif;	*/
	background:#111111;
	color:#646466;
	text-align:center;
	min-width:55em;
}

/* boxes, box specific typography */
#pg {
	position:relative;
	margin:0 auto;
	text-align:justify;
	max-width:55em;
}

#pghead {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:10em;
}

#pglogo {
	margin:2em 2em;
	background:transparent url("img/blackboxtitle.png") no-repeat 0 0;
	height:6em;
}


#pgbody {
	width:100%;
	position:absolute;
	top:10em;
	margin-top:2.5em;
	font-size:75%;
}

#pgleft {
	position:absolute;
	top:10em;
	left:0;
	width:13em;
}

#pgright {
	position:absolute;
	left: 55em;
	padding-left: 1em;
	
}

#pgmain {
	position:absolute;
	left: 17em;
	width: 35em;
	padding: 1em;
}

#pgtail {
	clear:both;
	border-top:1px solid #646466;
	margin:.5em 25px 0 40px;
	padding:.5em 0 .5em 0;
	position:absolute;
	font-size:85%;
	line-height:1.1;
}
#pgtail p {
	margin:0;
}
#pgtail a {
	color:#646466;
}

#pgnav {
	height:3em;
	font-size:80%;
	margin-left: 3em;
}
#pgnav ul {
	list-style-type:none;
	padding:0;
	float:left;
}

#pgnav ul li a {
	width:10em;
	text-decoration:none;
	background:transparent url("img/blackboxnavbg.png") repeat-x top left;
	float:left;
	padding:0 1em;
	border: 0.1em outset #606574;
	display:block;
	color:#646466;
}

#pgnav ul li a:hover {
	/*text-decoration:none;
	color:#dddddd;
	background:none;
	background-color:#747474 !important;*/
    background:transparent url("img/blackboxnavbgactive.png") repeat-x top left;
	color:#dddddd;
	font-weight:bold;
}
#pgnav ul #curlnk a {
	background:transparent url("img/blackboxnavbgactive.png") repeat-x top left;
	color:#dddddd;
	font-weight:bold;
}
#pgnav ul ul {
	display:none;
}
#pgnav ul li:hover ul {
	visibility:visible;
	display:block;
	position:absolute;
	width:110px;
	margin:0 0 0 -2px;
}
#pgnav li li a {
	padding:5px;
}

/* typography */
h1, h2, h3, h4, h5, h6 {
	margin:0 0 .5em 0;
}
h1 {	font-size:150%;}
h2 {	font-size:135%;}
h3 {	font-size:125%;}
h4 {	font-size:115%;}
h5 {	font-size:105%;}
h6 {	font-size:100%;}

p, ul, ol, dl {
	margin:0 0 1.5em 0;
}

p {
	margin-bottom: 2em;
}
ul {
	padding:0 0 0 25px;
}
a {
	text-decoration:underline;
}
a:link {
	color:#7D7D80;
}
a:visited {
	color:#646466;
}
a:hover, a:active {
	color:red;
}
img {
	border:none;
}
hr {
	height:1px;
	clear:both;
}