body {
	background: #4188A7 url(../images/layout/background.jpg) repeat-x;
	font: 14px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0px;
	padding: 0px;
}
p {font: 14px/24px Arial, Helvetica, sans-serif}
h1, h2, h3, h4 {
	color: #0E80BB;
	font: bold 32px Arial, Helvetica, sans-serif;
}
h2 {font-size: 24px}
h3 {font-size: 18px}
h4 {font-size: 12px}
a {
	color: #0075CC;
	outline: none;
}
a:hover {
	color: #EEE;
	background-color: #0075CC;
}
#page {
	margin: 4px auto 17px;
	width: 784px;
	position: relative;
}
#header {
	background: url(../images/layout/header.jpg) no-repeat;
	height: 142px;
	padding: 26px 30px 0;
}
#header a {display: block}
#site-links {
	float: right;
	width: 400px;
}
#site-links ul {
	margin: 0;
	list-style: none;
	float: right;
}
#site-links li {
	float: right;
	clear: right;
}
#site-links a {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #DDD;
	text-decoration: none;
}
#site-links a:hover {
	color: #FFF;
	text-decoration: underline;
	background-color: transparent;
}
#logo, #note_icon, #login, #signup {
	text-indent: -2000px;
	overflow: hidden;
}
#logo {
	position: absolute;
	left: 90px;
	top: 56px;
	width: 230px;
	height: 66px;
	background: url(../images/layout/logo.jpg) no-repeat;
}
#note_icon {
	position: absolute;
	left: 51px;
	top: 63px;
	width: 39px;
	height: 37px;
	background: url(../images/layout/note_icon.jpg) no-repeat;
}
#login-signup {
	float: right;
	position: relative;
	margin: -31px 43px 0 0;
	width: 214px;
	height: 35px;
	padding-left: 7px;
	background: url(../images/layout/login-signup.jpg) no-repeat;
}
#login {
	float: left;
	width: 91px;
	height: 30px;
	background: url(../images/layout/login.jpg) no-repeat;
}
#signup {
	float: left;
	width: 106px;
	height: 30px;
	background: url(../images/layout/signup.jpg) no-repeat;
}
#main2 {
	background: #4188A7 url(../images/layout/main2.jpg) repeat-y;
}
#main {
	background: url(../images/layout/main1.jpg) no-repeat;
	min-height: 337px;
	>>height: 337px;
	padding: 10px 37px;
}
/* middle is 750px wide - 20px on left and right and 20px in middle */
#column1 {
	float: left;
	clear: left;
	width: 345px;
}
#column2 {
	float: right;
	clear: right;
	width: 345px;
}
#footer {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding-top: 32px;
	background: url(../images/layout/footer.jpg) no-repeat;
}
#footer a {
	color: #EEE;
}
#footer a:hover {
	background-color:transparent;
	color: #FFF;
}