html
{ 
	background: white url('images/page_background.gif') repeat-x top center;
	height: 100%; 
	margin: 0 0 1px;
}
	
body
{
	background: url('images/page_sign.gif') no-repeat top right;
	font: 62.5% 'Helvetica Neue LT Std', 'Helvetica Neue', 'Corbel', 'Calibri', 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding: 20px 0 0;
	width: 780px;
}

a,a:link,.link
{
	background-color : transparent;
	font-weight: bold;
}

a:visited
{
	background-color : transparent;
}

a:hover
{
	color : #FF0000;
	background-color : transparent;
	text-decoration : underline;
}

a:active
{
	color : #FF0000;
	background-color : inherit;
	text-decoration : underline;
}

strong
{
	font-weight: bold;
}

p
{ 
	margin-top :  0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

pre
{
	font: normal 11px "Courier New", Courier, monospace;
	color : blue;
	margin-top :  0;
	list-style-type :  none;
	background : #FFFFCC;
}

h1
{
	text-align:left;
	font : bold 32px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

h2
{
	text-align:left;
	font : bold 26px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

h3
{
	text-align:left;
	font : bold 18px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

h4
{
	font : bold 12px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	padding-bottom :  0;
	margin-bottom :  0;
}

h5
{
	text-align:center;
	font-size: 12px;
}

h6
{
	border:1px inset rgb(192,192,192);
	text-align:center;
	font-size: 10px;
	color: gray;
	background-color : transparent;
}

body .box
{
	vertical-align: center;
}

.box
{
	border: 1px #ddd solid;
	background-color: #f5f5f5;
	padding: 10px;
	margin: auto auto auto auto;

	/* centering */
	position:absolute;
	top: 50%;
	left: 50%;
	width:30em;
	height:42em;
	margin-top: -21em; /*set to a negative number 1/2 of your height*/
	margin-left: -15em; /*set to a negative number 1/2 of your width*/

	box-shadow: 3px 3px 4px #555;				/* http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/ */
	-webkit-box-shadow: 3px 3px 4px #555;
	-moz-box-shadow: 3px 3px 4px #555;
}

	.box > h1
	{
		font-family: georgia, sans-serif;
	}


table {
	border: 1px solid black;
}

tbody tr:hover 
{
	color: inherit;
	background-color: #bebebe !important;
}

table td {
	border: 1px dotted black;
}

tbody th {
	font-size: 16pt;
	padding-top: 10px;
}

table#programming td:first-child + td
{
	background-color: #f3f3f3;
}

table#programming td:first-child + td + td
{
	background-color: #9999cc;
}

table td code {
	clear: both;
	color: gray;
	font-size: 70%;
	outline: 1px solid black;
}

table td:first-child {
	width: 150px;
	font-weight: bolder;
}

table td {
	width: 150px;
}

.intranet, .intranet * {
	background-color: green;
}
