body { margin: 16px; font: normal 12px Helvetica, Arial, Verdana; background: #006699 url('images/bg.jpg') repeat-x; color: #555; line-height: 1.4em; }

#container { padding: 20px; background: #fff; width: 760px; margin: 0 auto; }
#container #cali { margin-top: 5px; float: right; }
#logo { width: 50%; margin: 10px 10px 0 0; float: left; }
#logo .slogan { font-style: italic; padding-top: 4px; color: #999; }
#logo h1 a { color: #1164cf; text-decoration: none; }

a { text-decoration: none; color: #1164cf; display: block; }
a:hover { color: #777; }

.spacer { height: 28px; }

h1 { margin: 0; font-size: 2.1em; font-weight: bold; }
#main h1 { margin: 0 0 16px 0; }

h2 { margin: 16px 0 3px 0; font-size: 1.3em; font-weight: normal; }
h3 { margin: 20px 0 10px 0; font-size: 1.1em; font-weight: bold; }

#main { width: 545px; }

p { margin: 0 0 15px 0; line-height: 1.4em; }

#header-bar { background: #505050; margin-top: 66px; margin-bottom: 28px; height: 10px; }

.note { background: #eee; padding: 15px; border: 3px solid #bbb; }

#footer { background: #eee; line-height: 18px; color: #777; font-size: .9em; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; text-align: center; width: 759px; }
#footer a { color: #777; font-weight: bold; }