#header {
	position: absolute;
	top: 0px;
	left: 10px;
}


/**********************************************************/
/*               Top naviagtion system                    */
/**********************************************************/

#topbar ul {
	font-family: Arial, helvetica, sans-serif;
	position: absolute;
	top: 135px;
	left: 360px;
	font-weight: bolder;
	color: #99ccff;
	margin: 0px;
}

#topbar li {
	display: block;
	float: left;
	font-size: 16px;
	width: 125px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	border-left: 2px solid blue;
}

#topbar a:link, #topbar a:visited {
	text-decoration: none;
	font-weight: bolder;
}

#topbar a:hover {
	color: red;
}


/**************************************************************/
/*                   Side naviagtion system                   */
/**************************************************************/



#sidenav ul {
	position: absolute;
	top: 225px;
	left: 10px;
	font-family: Arial, helvetica, sans-serif;
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	width: 155px;
}

#sidenav li {
	color: #99ccff;
	text-align: left;
	font-weight: bolder;
	font-size: 16px;
	background-image: url(card_repeater.jpg);
	height: 80px;
	padding-left: 0px;
	margin-left: 0px;
	line-height: 2.3;
}

#sidenav ul a:link, ul a:visited {
	color: blue;
	text-decoration: none;
}

#sidenav ul a:hover {
	color: #0000ff;
	color: red;
}

#sideend {
	position: absolute;
	top: 465px;
	left: 10px;
	margin: 0px;
	padding: 0px;
	width: 155px;
	height: 86px;
	font-family: Arial, helvetica, sans-serif;
	background-image: url(card_end.jpg);
	background-repeat: none;
	color: blue;
	font-size: 16px;
	font-weight: bolder;
	line-height: 2.3;
}

#sideend a:link, #sideend a:visited {
	text-decoration: none;
	color: blue;
	font-weight: bolder;
}

#sideend a:hover {
	color: red;
}



/**************************************************************/
/*                       Text Content                         */
/**************************************************************/


/*** Major place holder for content of all pages **/

#cards {
	position: absolute;
	top: 170px;
	left: 200px;
	width: 600px;
	text-align: justify;
	font-family: Arial, helvetica, sans-serif;
	font-size: 14px;
	color: #0033cc;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

#cards img {
	float: right;
}


#cards ul a:link, ul a:visited {
	color: blue;
	text-decoration: none;
}

#cards ul a:hover {
	color: red;
}


/**************************************************************/
/*                       Footer                               */
/**************************************************************/


/*** Major place holder for footer of all pages **/

#footer {
	position: absolute;
	top: 545px;
	left: 200px;
	width: 680px;
	text-align: justify;
	font-family: Arial, helvetica, sans-serif;
	font-size: 14px;
	color: #0033cc;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}