/* Unrelated to excercise */
body {margin: 0; padding : 0; }
body, td, textarea, p{margin: 0; font : 12px Tahoma, Verdana, Arial, sans-serif; color : #111;}
div, p{line-height: 1.5;}
form {margin : 0;}
ul {list-style-type : square;}
hr { border: 0; width: 100%; text-align : center; height: 1px; color: #ddd;}
a:link, a:visited {color: #c00322;}
a:hover, a:focus {color: #00f;}

/* Main Content Dividers */
div#background {margin: 0; padding: 10px; background-color : #eee; height: 100%; overflow: hidden; }
div#container { display: block; position : relative; width : 740px; height: 100%; padding : 10px 30px 30px; margin : 0 auto; border: 1px solid #999; background-color: #fff; overflow: hidden; }
div#branding { position : relative; width : 100%; height : 100px; z-index : 1; background : url(../prodimages/logo.gif) no-repeat;}
div#content { position : block; top : 0px; left : 0px; float : right; width : 100%; padding : 0; text-align:left; vertical-align: top; margin: 0; height : auto;}

div#menus {display: block; z-index : 4; width : 200px; text-align : right; }
div#menustop{z-index : 4; text-align : right; position : absolute; left : 0px; top : 0px; width: 770px;}
div#menustop a {font: 90% Tahoma, Verdana, Arial, sans-serif; color : #666; text-decoration : none;}
div#menustop a:hover {color : #000; }