@CHARSET "utf-8";
* { margin: 0; padding: 0; text-align: left; }

html { overflow: -moz-scrollbars-vertical; font: 0.8em Helvetica,Arial; color: #333; background: #FFFFFF url(bg.gif) 0 0 repeat-x; }
body { text-align: center; }
p { padding: 10px; }
h2 { font-weight: bold; color: #726459; float: none; font-size: 1.25em; padding-bottom: 14px; }
h3 { font-weight: normal; background-color: #9C2F21; color: #FFFFFF; padding: 4px; font-size: 1em; }
h4 { font-weight: bold; color: #999999; float: none; font-size: 1.1em; padding-bottom: 12px; }
img { border: 0; }
p { padding: 0 0 14px 0; }
blockquote { margin: 0 0 14px 0; font-style: italic; background-color: #FBF8E4; color: #00529B; }

a { text-decoration: none; color: #00529B; cursor: pointer; }
a:hover { text-decoration: underline; }
a:visited { color: #00529B; }

.row, .splitrow { float: left; width: 100%; }
.box { padding: 14px; }

.banner img { position: relative; top: 0; left: 0 width: 569px; height: 243px; }

#main { width: 880px; margin: 0 auto; }
#menu { height: 30px; text-align: right; }
#header {  height: 97px; background: transparent url(header.bg.gif) 0 100% repeat-x; }
#title { float: left; background: transparent url(logo.bg.gif) 0 0 no-repeat; width: 513px; height: 97px; }
#schooner { margin-left: 660px; margin-top: 25px; }
#subtitle { margin-left: 114px; margin-top: 57px; }
#footer { padding: 14px 0; clear: left; text-align: right; }

#menu ul { position: absolute; margin-left: 300px; width: 598px; height: 30px; background: transparent url(menu.bg.gif) 0 0 no-repeat; }
#menu li { display: inline; }
#menu li a:link, #menu li a:visited { position: absolute; top: 0; height: 30px; text-indent: -9000px; overflow: hidden; }
#menu .menuHome a { left: 12px; width: 53px; height: 30px; }
#menu .menuHome a:hover { background: url(menu.bg.gif) -12px -60px no-repeat }
#menu .menuHome-current a { left: 12px; width: 53px; height: 30px; cursor: default; background: url(menu.bg.gif) -12px -30px no-repeat }
#menu .menuWork a { left: 69px; width: 80px; height: 30px; }
#menu .menuWork a:hover { background: url(menu.bg.gif) -69px -60px no-repeat }
#menu .menuWork-current a  { left: 69px; width: 80px; height: 30px; cursor: default; background: url(menu.bg.gif) -69px -30px no-repeat }
#menu .menuEvents a { left: 153px; width: 57px; height: 30px; }
#menu .menuEvents a:hover { background: url(menu.bg.gif) -153px -60px no-repeat }
#menu .menuEvents-current a  { left: 153px; width: 57px; height: 30px; cursor: default; background: url(menu.bg.gif) -153px -30px no-repeat }
#menu .menuSchooner a { left: 215px; width: 88px; height: 30px; }
#menu .menuSchooner a:hover { background: url(menu.bg.gif) -215px -60px no-repeat }
#menu .menuSchooner-current a  { left: 215px; width: 88px; height: 30px; cursor: default; background: url(menu.bg.gif) -215px -30px no-repeat }
#menu .menuJoin a { left: 306px; width: 40px; height: 30px; }
#menu .menuJoin a:hover { background: url(menu.bg.gif) -306px -60px no-repeat }
#menu .menuJoin-current a  { left: 306px; width: 40px; height: 30px; cursor: default; background: url(menu.bg.gif) -306px -30px no-repeat }
#menu .menuMembers a { left: 350px; width: 77px; height: 30px; }
#menu .menuMembers a:hover { background: url(menu.bg.gif) -350px -60px no-repeat }
#menu .menuMembers-current a  { left: 350px; width: 77px; height: 30px; cursor: default; background: url(menu.bg.gif) -350px -30px no-repeat }
#menu .menuLioness a { left: 431px; width: 63px; height: 30px; }
#menu .menuLioness a:hover { background: url(menu.bg.gif) -431px -60px no-repeat }
#menu .menuLioness-current a  { left: 431px; width: 63px; height: 30px; cursor: default; background: url(menu.bg.gif) -431px -30px no-repeat }
#menu .menuContact a { left: 498px; width: 87px; height: 30px; }
#menu .menuContact a:hover { background: url(menu.bg.gif) -498px -60px no-repeat }
#menu .menuContact-current a  { left: 498px; width: 87px; height: 30px; cursor: default; background: url(menu.bg.gif) -498px -30px no-repeat }


.banner { float: left; width: 569px; background: #F6F1CB; }
.bannerNews { margin-left: 569px; height: 243px; background: #F6F1CB; }
.bannerNews h2 { padding: 0; }
.links ul { padding: 6px 0;  padding-bottom: 12px; }
.links li { list-style-type: none; padding: 6px 0; }
.links dl { padding: 12px 0; }
.links dd { color: #999999; padding-bottom: 12px; }

.splitrow { background: transparent url(split.bg.gif) 264px 0 repeat-y; }
.sidebar { float: left; width: 250px; }
.content { margin-left: 278px; }
.content ul { padding: 0 20px 20px 30px; }
.content ul ul { padding-bottom: 0; }
.content dl { padding: 0 10px 20px 10px; }
.content dt { font-weight: bold; float: left; width: 200px; padding-bottom: 10px; }
.content dd { padding-bottom: 10px; margin-left: 200px; }

.content-section { padding-bottom: 20px; }
.content-section-image { float: left; width: 150px; }
.content-section-detail { margin-left: 160px; }
.content-section-links { margin-left: 160px; text-align: right; }
.content-section-detail h2 { padding-bottom: 4px; }