@media screen {
  /* Class Styles*/
  .centerDiv {
	position: absolute;
    left: 0em;
	width: 90%;
	padding-left: 1.5em;
	padding-right: 1.5em;
    text-align: center;
  }
  .updateDate {
	font-weight: bold;
  }
  ul.pureCssMenu ul{display:none}
  ul.pureCssMenu li:hover>ul{display:block}
  ul.pureCssMenu ul{position: absolute;left:98%;top:-1px;}
  ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
  ul.pureCssMenu,ul.pureCssMenu ul {
  	margin:0px;
  	list-style:none;
  	padding:0px 1px 1px 0px;
  	background-color:#0000B6;
	background-image:url(http://www.howtoprogram.info/images/vert-opacity-gradient.png);
  	background-repeat:repeat;
  	border-width:1px;
	border-color:#6060FF;
  	border-style:solid;
  }
  ul.pureCssMenu table {border-collapse:collapse}
  ul.pureCssMenu {
  	display:block;
  	float: left;
  }
  ul.pureCssMenu ul{
  	width:210px;
  }
  ul.pureCssMenu li{
  	display:block;
  	margin:1px 0px 0px 1px;
  	font-size:0px;
  }
  ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
  outline-style:none;
  }
  ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
  	display:block;
  	vertical-align:middle;
  	background-color:#0000B6;
	background-image:url(http://www.howtoprogram.info/images/vert-opacity-gradient.png);
  	border-width:1px;
  	border-color:#6060FF;
  	border-style:solid;
  	text-align:left;
  	text-decoration:none;
  	padding:4px;
  	font:normal 14px Tahoma;
  	color: #FFFFFF;
  	text-decoration:none;
  	
  }
  ul.pureCssMenu span{
  	overflow:hidden;
  }
  ul.pureCssMenu ul li {
  	float:none;
  }
  ul.pureCssMenu ul a {
  	text-align:left;
  	white-space:nowrap;
  }
  ul.pureCssMenu li.sep{
  	text-align:left;
  	padding:0px;
  	line-height:0;
  }
  ul.pureCssMenu li.sep span{
  	float:none;
	padding-right:0;
  	width:100%;
  	/*height:3px;*/
  	display:inline-block;
    background-image:url(http://www.howtoprogram.info/images/vert-opacity-gradient.png);
  }
  ul.pureCssMenu li:hover{
  	position:relative;
  }
  ul.pureCssMenu li:hover>a{
  	background-color:#6060FF;
  	border-color:#0000B6;
  	border-style:solid;
  	font:normal 14px Tahoma;
  	color: #000000;
  	text-decoration:none;
	background-image:url(http://www.howtoprogram.info/images/bar-bg50.png);
  }
  ul.pureCssMenu li a:hover{
  	position:relative;
  	background-color:#6060FF;
  	border-color:#0000B6;
  	border-style:solid;
  	font:normal 14px Tahoma;
  	color: #000000;
  	text-decoration:none;
	background-image:url(http://www.howtoprogram.info/images/bar-bg50.png);
  }
  ul.pureCssMenu li.dis a {
  	color: #AAAAAA !important;
  }
  ul.pureCssMenu img {
    border: none;
    float:left;
    margin-right:4px;
    width:24px;
    height:24px;
  }
  ul.pureCssMenu ul img {
    width:16px;
    height:16px;
  }
  ul.pureCssMenu img.over{display:none}
  ul.pureCssMenu li.dis a:hover img.over{display:none !important}
  ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
  ul.pureCssMenu li:hover > a img.def  {display:none}
  ul.pureCssMenu li:hover > a img.over {display:inline}
  ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
  ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
  ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
  ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
  ul.pureCssMenu span{
		display:block;
		background-image:url(http://www.howtoprogram.info/images/arrow_sub5.gif);
		background-position:right center;
		background-repeat: no-repeat;
		padding-right:12px;
	}
	ul.pureCssMenu li:hover>a>span{
		background-image:url(http://www.howtoprogram.info/images/arrow_main4.gif);
	}
	ul.pureCssMenu a:hover span{
		background-image:url(http://www.howtoprogram.info/images/arrow_main4.gif)
	}
	ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(http://www.howtoprogram.info/images/arrow_sub5.gif)}
	ul.pureCssMenu ul li:hover > a span{background-image:url(http://www.howtoprogram.info/images/arrow_main4.gif);}
	ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(http://www.howtoprogram.info/images/arrow_main4.gif)}
	ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(http://www.howtoprogram.info/images/arrow_sub5.gif)}
  /* Tag Styles */
  ul {
    list-style-type: none;
  }
  abbr {
	cursor: help;
	border-bottom: 1px dashed black;
  }
  code {
	display: block;
	white-space: pre;
	font: 1em monospace;
	background: #ddd;
	margin: 1.5em 0;
	padding: 0.5em;
	line-height: 1.5;
	border: dotted 1px;
  }
  dt {
	font-weight: bold;
  }
  dd {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
  }
	input[type=text]:focus{ 
		font-size:12pt;
		background-color:#F8FF8B;
		border-color:#F8FF8B;
		border-style:inset;
		border-width:2px;
		color:#000000;
	}
	input[type=text]{ 
		font-size:12pt;
	}
	textarea:focus{ 
		font-size:12pt;
		background-color:#F8FF8B;
		border-color:#F8FF8B;
		border-style:inset;
		border-width:2px;
		color:#000000;
	}
	textarea{ 
		font-size:12pt;
	}
  /* ID Styles */
  #title {
	position: absolute;
	left: 10%;
  }
  #topLinkDefaultAds {
	position: relative;
	left: -1.4em;
	bottom: 1.5em;
  }
  #bottomLinkDefaultAds {
	position: relative;
	bottom: 1.5em;
  }
  #validatorBadgesContainer {
	/*Container hack to center validator badges*/
    position: absolute;
    left: 0em;
	width: 90%;
	padding: 2.5em;
    text-align: center;
  }
  #validatorBadges {
	/*Container containing the actual badges and text*/
    position: relative;
    margin: auto;
    text-align: center;
  }
  #validatorBadges a img {
	/*Hyperlinked images for validator badges*/
    border: 0em none;
  }
  #mainMenu {
    /* Main menu container */
	position: absolute;
	top: 5.0em;
	left: 2.0em;
	height: 80%;
	width: 12.0em;
	padding: 1.0em;
	padding-left: 0em;
	z-index: 500;
  }
  #mainContent {
    /* Main container */
    position: absolute;
    top: 7.0em;
    left: 15.0em;
    height: 80%;
	padding: 1.0em;
  }
  #recentUpdates {
	/* Updates that are posted on the main page */
	display: block;
	margin: 1.5em;
	padding: 0.5em;
	border: dotted 1px;
  }
  #donation {
	text-align: center;
  }
}
@media print {
  /* Tag Styles */
  ul {
    list-style-type: none;
  }
  code {
	display: block;
	margin: 5px;
	padding: 5px;
	padding-left: 10px;
	border: dotted 1px;
  }
  a {
	color: black;
	text-decoration: none;
  }
  /* ID Styles */
  #title {
	position: absolute;
	left: 10%;
  }
  #topLinkDefaultAds {
	display: none;
  }
  #bottomLinkDefaultAds {
	display: none;
  }
  #validatorBadgesContainer {
	/*Container hack to center validator badges*/
    display: none;
  }
  #mainMenu {
    display: none;
  }
  #mainContent {
    /* Main container */
    position: absolute;
    top: 25px;
    padding: 25px;
  }
}