html {
	margin: 0;
	padding: 0;
}

/* the background colors would not validate */
body {
	position: relative;
	margin : 0;
	padding : 0;
	background-repeat: no-repeat;
	background-image:  url(img/aware-designs-the-one-small.gif);
}
/* above: sets the attributes for the body of the page */

div#titlehome {
	background:   transparent;
	text-align : left;
	color : #000066;
	letter-spacing : 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: oblique;
	position: absolute;
	left: 239px;
	right: 25px;
	top: 10px;
	background-image:  url("img/window_sky.jpg");
	background-repeat: no-repeat;
	height: 116px;
	width: 564px;
	word-spacing: normal;
	text-indent: 90px;
}

h2	 {
   text-align: center;
   font : bold 18px sans-serif;
}
/* above: aligns and sets the font type all h2 center */

div#content {
	background:  transparent;
	position: absolute;
	top: 137px;
	left: 191px;
	padding : 10px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
	font-weight: normal;
	width: 591px;
	height: 527px;
}
/* above: sets the attributes of the content header */
div#content p {
      margin : 0 1em 1em;
}

div#links {
	background:  transparent;
	position: absolute;
	top: 137px;
	left: 4px;
	padding : 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	width: 165px;
	height: 352px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}
div#links p {
	position:inherit;
	font-size:12px;
}
/* above: sets the attributes of the link area left of the page */

div#links a {
	display : block;
	text-align : left;
	font-size:12px;
	padding : 5px 5px;
	margin : 0 0 2px;
	text-decoration : none;
	color : #000066;
	background-color: #FFFFFF;
}
/* above: sets the attributes of the links */

div#links a:hover {
	display : block;
	text-align : left;
	font-size:12px;
	padding : 5px 5px;
	margin : 0 0 2px;
	text-decoration : none;
	color:#0000CC;
	font-weight: normal;
	background-color: #FFFFFF;
}
/* above: sets the attributes of the links with mouse hover */

div#content a:link {
	color:#006633;
}
/* above: sets the attributes of the links within the document */

div#content a:visited {
	color:#660066;
}
/* above: sets the attributes of the visited links within the document */


div#content a:link:hover {
	color:#006633;
}
/* above: sets the attributes of the mouse hover links within the document */


div#content a:visited:hover {
      color : #6600CC;
}