#main { margin:0 auto; padding-top:20px; width:800px; }
#left { float:right; font:14px Georgia,serif; min-height:500px; padding-top:80px; width:402px; }
#right { left:50%; margin-left:-400px; position:absolute; width:398px; }
#right.fixed { position:fixed; top:-70px; }
#logo { background:url(/images/logo.gif) no-repeat; display:block; height:257px; margin:120px 0 0 50px; width:275px; }
#menu { margin-left:25px; overflow:hidden; }
#menu a { color:#000; display:block; float:left; font:bold 14px Helvetica; margin-right:15px; padding:5px; text-decoration:none; }
#menu a:hover,#menu a.active { background-color:#000; color:#fff; }
#content-container { position:relative; }
#content { line-height:1.5em; padding:10px 7px 20px 40px; }
#scrollbar { background:url(/images/background-scrollbar.png) center top no-repeat; height:395px; right:-10px; position:absolute; top:90px; width:19px; }
#footer { clear:both; font-size:10px; margin:20px 0; text-align:center; }
#sun { background:url(/images/background-sun.png) no-repeat; height:212px; position:absolute; right:0; top:0; width:214px; }

a { color:#00f; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
body, html { height:100%; }
body { background:#e0f7ff url(/images/background-body.jpg) center center no-repeat fixed; color:#222; font:12px "Lucida Grande",Verdana,Arial,sans-serif; margin:0; padding:0; }
form { margin:0; padding:0; }
h1 { color:#478E00; font:bold 22px 'Trebuchet MS',Times,serif; margin:20px 0 10px 20px; padding:0; }
p { margin:0 0 20px 0; padding:0; }

.float-left { float:left; }
.float-right { float:right; }
img.float-left { margin:0 10px 10px 0; }
img.float-right { margin:0 0 10px 10px; }
.left { text-align:left; }
.notification { background-color:#eee; background-repeat:no-repeat; font-weight:bold; height:25px; margin:10px 0; padding:0 0 0 30px; }
.notification p { background:url(/images/notifications/background-p.gif) right top no-repeat; height:20px; padding:5px 0 0px 0; }
.notification.add { background-image:url(/images/notifications/background-add.gif); }
.notification.delete { background-image:url(/images/notifications/background-delete.gif); }
.notification.error { background-image:url(/images/notifications/background-error.gif); }
.notification.error_list, .notification.error_list p { background-color:transparent; background-image:none; font-weight:normal; height:auto; margin:0; padding:0; }
.notification.update { background-image:url(/images/notifications/background-update.gif); }
.photo { border:1px solid #888; padding:1px; }
.right { text-align:right; }
.small-caps { font-variant:small-caps; }

input.text, textarea { background:#fff url(/images/background-input.gif) repeat-x; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7d7d7d; padding:3px; font:12px "Lucida Grande",Verdana,Arial,sans-serif; }
input.text { width:300px; }
input.text.half { width:140px; }
input.text.medium { width:180px; }
input.text.oversize { font-size:18px; width:99%; }
input.half.text.oversize { width:200px !important; }
input.text.small { width:94px; }
input.text.tiny { width:50px; }
select.small { width:50px; }
textarea { height:75px; width:99%; }
textarea.small { height:45px; width:141px; }
span.invalid-field input.text { border:1px solid #f00; }

td, th { padding:5px; }
table tr.top, table td.top, table th.top { vertical-align:top; }
table.form { border:none; }
table.form th { font-weight:bold; padding-right:10px; text-align:right; width:50px; }
table.form td.top, table.form th.top { padding-top:10px; }