Miscellany

CSS (located in ./style/) : 

#header {
	height: 128px;
	width: 1046px;
	background-image: url('../images/header.gif');
}

#yellowbar {
	background-image: url('../images/yellow.png');
	width: 1046px;
	height: 72px;
}

#yellowcontent {
	padding-left: 10px;
	padding-top: 10px;
	height: 55px;
	width: 100%;

}

#newsticker {
	margin-top: -35px;
	padding-left: 10px;
	height: 55px;
	width: 580px;
	color: #94780c;
	font-size: 10px;
	font-weight: bold
}

#user {
	font-size: 10px; 
	background-image: url('../images/form_bg.png'); 
	width: 137px; 
	font-family: Tahoma; 
	height: 19px; 
	border-width: 0px; 
	padding: 4px;
	padding-left: 7px;
}

#login {
	margin-top: -48px; 
	padding-left: 695px;
}

#loginaccept {
	margin-top: -45px; 
	padding-left: 840px;
}

#register {
	margin-top: -76px; 
	padding-left: 888px;
}


HTML (Located in ./) :

<html>
<head>
<link href="style/header.css" type="text/css" rel="stylesheet" />


</head>
<body>

<div id="header"></div>

<div id="yellowbar">

<div id="yellowcontent">

<img src="images/ticker.png" alt=""/><div id="newsticker"><marquee>Thursday 21st Feb<p style="font-weight: normal; margin-top: -0px;">Whatever here... maybe something like... news! or... updates! or... links!</p></marquee></div>

<div style="margin-top: -76px; padding-left: 610px;"><img src="images/user.png" alt=""/></div>
<div id="login"><input id="user" type="text" value="" name="text"><br/><input id="user" id="password" type="password" value="" name="password" style="margin-top: 5px;"> </div>

<div id="loginaccept"><a href="#"><img src="images/login.png" border="0" alt=""/></a></div>

<div id="register"><a href="#"><img src="images/register.png" border="0" alt=""/></a></div>

</div>
</body>
</html>