body {
    background-color:#dbdbdb;
    background-image:url(./images/bg.png);
    background-repeat:repeat-y;
	background-size:auto;
    text-align:center;
    margin:0;
	font-family:helvetica, arial;
	font-size:10pt;
}
table {
	font-family:helvetica, arial;
	font-size:10pt;
}
img {
	border:0;
}
a {
	color:#3674b3;
	/* color:#436282; */
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}

.small-text {
	font-size:0.9em;
}
.single-line {
	margin-top:7px;
	margin-bottom:7px;
}
ul.snug, ol.snug {
	margin:0;
	padding-left:15px;
	line-height:1em;
}
ul.snug li, ol.snug li {
	margin:5px;
}
#page-wrap 
{
    width:833px;
    text-align:left;
    margin-left:100px;
    margin-right:auto;
    position:relative;
	height:auto;
}

#header 
{
	position:absolute;
	left:0;
	top:0;
    font-size:2.2em;
    color:white;
    margin-top:25px;
    text-align:left;
}
#header a {
	color:white;
	text-decoration:none;
}
img#header-photo 
{
	position:absolute;
	left:0;
	top:75px;
	border-bottom:solid #999999 1px;
}
#header-logo
{
    position:absolute;
    left:686px;
    top:30px;
}
#top-menu {
    position:absolute;
    left:23px;
    top:367px;
    z-index:100;
}
#top-menu .top-menu-item {
    float:left;
    width:115px;
    border:solid #31577C 2px;
    background:url(/images/menubg.png);
    margin-right:14px;
    text-align:center;
    height:24px;
    overflow:hidden;
}
#top-menu .top-menu-item a {
    text-decoration:none;
    color:#31577C;
    font-weight:bold;
}
#top-menu .top-menu-item a:hover {
    color:#CE3B3B;
}
#top-menu .top-menu-item div {
	padding-top:3px;
}

#top-menu div.not-implemented {
    color:#666666;
    font-style:italic;
}

#page-about #top-about.top-menu-item,
#page-resources #top-resources.top-menu-item,
#page-photos #top-photos.top-menu-item,
#page-contacts #top-contacts.top-menu-item,
#page-join #top-join.top-menu-item
{
    border:solid #CE3B3B 2px;
    background:#ffffff;
}
#page-about #top-about.top-menu-item a,
#page-resources #top-resources.top-menu-item a,
#page-photos #top-photos.top-menu-item a,
#page-contacts #top-contacts.top-menu-item a,
#page-join #top-join.top-menu-item a
{
    color:#CE3B3B;
}

#page-events div.regional-event {
	font-weight:bold;
}
#page-events div.regional-event-text {
	font-weight:normal;
	margin-left:0.5in;
}

#content-wrap 
{
    position:absolute;
	top:376px;
	left:0;
    width:100%;
    background:url(/images/sjbg.png) #eaeaea no-repeat;
	background-position: 200px 0px;
    margin-bottom:20px;
    height:auto;
}
#content 
{
    position:absolute;
    top:40px;
    left:175px;
    width:593px;
    padding:15px;
	height:auto;
}
#content.content-wide {
	left:50px;
	width:643px;
}
#content.content-xwide {
	left:50px;
	width:700px;
}

#content h1, #content h2 
{
    color:#31577C;
    font-size:1.5em;
}
#content h3 {
    color:#31577C;
    font-size:1.3em;
    margin-bottom:5px;
}
#content #news {
	border-bottom:solid black 1px;
}

/* Page specific heights */
#page-photos #content {
	height:900px;
}

div.section-content-item {
	display:none;
}

div.button-wrap 
{
    border:solid #CE3B3B 2px;
    color:#CE3B3B;
    width:100px;
    text-align:center;
    padding:5px;
    font-weight:bold;
    margin:20px auto auto auto;
}
div.button-wrap a {
	color:#CE3B3B;
	text-decoration:none;
}

#left-nav {
	position:absolute;
    top:75px;
    left:25px;
	width:180px;
}
.left-nav-item {
	margin-bottom:15px;
	font-weight:bold;
}
.left-nav-item .left-nav-selected
{
    color:#CE3B3B;
	/*font-style:italic;*/
}
.left-nav-item a 
{
    text-decoration:none;
	color:#31577C;
}
.left-nav-item a:hover
{
    color:#CE3B3B;
}

div.sponsor-logos {
    width:160px;
    text-align:center;
    margin-top:40px;
    font-size:9pt;
}

div.sponsor-logos h3 {
    font-size:11pt;
}
div.sponsor-logos div {
    width:auto;
    text-align:center;
}
div.sponsor-logo {
    margin-top:25px;
}
ul.anchor {
    list-style-image:url(/images/anchor16.png);
}
ul.sj21 {
    list-style-image:url(/images/sj16.png);
}
ul.boat {
    list-style-image:url(/images/boat16.png);
}
ul.acrobat {
    list-style-image:url(/images/acro16.png);
}
li.map {
    list-style-image:url("/images/map16.png");
}
li.acrobat {
    list-style-image:url("/images/acro16.png");
}
li.youtube {
    list-style-image:url("/images/youtube16.png");
}
li {
    margin-bottom:15px;
}
.contacts-table td {
    padding:2px 10px 5px 0;
}

div.linknote {
	font-size:90%;
	font-style:italic;
	margin-top:0px;
	padding-top:0;
	margin-left:0.5in;
}
a.nwlink {
    color:#CE3B3B;
}
a.under {
	text-decoration:underline;
}
div#boatTableDiv {
	margin-top:60px;
}

table#nchamps-table {
}
table.champs-table {
	font-size:0.80em;
	line-spacing:1.2em;
	text-align:center;
	background-image:url(/images/thinwhite.png);
	border:solid #666666 1px;
}
table.champs-table tr {
	vertical-align:top;
	text-align:left;
}
table.champs-table tr.stripe {
	background-image:url(/images/striping.png);
}

table.champs-table tr.champs-header {
	font-weight:bold;
	background-color:#333333;
	color:white;
	font-size:1.2em;
}
table.champs-table tr.champs-header td {
	padding-bottom:2px;
}
table#nachamps-table td {
	padding:2px;
}
td.naref {
	font-style:italic;
	padding-top:0.6em;
}

#champion-tables {
	text-align:center;
}

table#NABoats {
    font-size:0.9em;
    border:solid #404040 1px;
    border-collapse:collapse;
}
table#NABoats td {
    padding:1px 5px 1px 2px;
    border:solid #808080 1px;
}
td.right {
    text-align:right;
}
td.center {
    text-align:center;
}

#thumb-table {
    border-collapse:collapse;
}
#thumb-table td {
    text-align:center;
    vertical-align:middle;
    width:120px;
    height:95px;
}
.gallery-index {
    float:right;
    font-style:italic;
    vertical-align:middle;
}
.gallery-title {
    font-weight:bold;
    color:black;
    font-size:1.3em;
    text-align:center;
    vertical-align:middle;
}

.fleet-table {
	font-size:1.1em;
	width:600px;
}
.fleet-table tr.header {
	background-color:#436282;
	color:white;
}
.fleet-table td, .fleet-table th {
	padding:3px 10px 2px 5px;
}
table.event-table {
	border:solid #a0a0a0 1px;
	border-collapse:collapse;
}
table.event-table th {
	text-align:left;
}
table.event-table td, table.event-table th {
	padding:5px 5px 5px 5px;
	border:solid #a0a0a0 1px;
}

#page-footer {
	position:relative;
	z-index:1000;
	width:100%;
	background-color:#436282;
}
#footer-table {
	font-size:0.75em;
	font-style:italic;
	color:#f7f7f7;
	width:100%;
}
#footer-table td {
	padding-right:5px;
}

table#results tr {
	text-align:right;
	border:solid #666666 1px;
	border-collapse:collapse;
}
table#results tr.caption {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
table#results tr.caption td {
	border:none;
	padding-top:10px;
}
table#results tr.caption2 {
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
table#results tr.caption2 th {
	border:none;
}
table#results td, table#results th {
	border:solid #999999 1px;
	padding:1px 3px 1px 1px;
	font-size:0.8em;
}
td.left, th.left {
    text-align:left;
}
table#results td.total,
table#results th.total {
	font-weight:bold;
	padding-left:5px;
}

table#boatsTable {
	font-size:0.9em;
	font-weight:normal;
	border:none;
	border-collapse:collapse;
	margin-left:-165px;
	margin-top:40px;
	width:790px;
}
table#boatsTable tr {
	vertical-align:top;
}
table#boatsTable td {
	border:solid #666666 1px;
}
.offscreen {
	position:absolute;
	width:auto;
	left:-10000px;
	top:-10000px;
	height:auto;
	display:none;
}
div#boatOriginal {
	display:none;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}

table#fleet-events-table {
	border:solid #808080 1px;
	border-collapse:collapse;
}
table#fleet-events-table td {
	text-align:left;
	border:solid #e0e0e0 1px;
	padding:3px 5px 3px 5px;
}
table#fleet-events-table tr.header {
	background-color:#666666;
	color:white;
	font-weight:bold;
}

/* Styles for the "what's new on the forum" section */
div#forum-posts {
}
div#forum-posts a {
	/* font-weight:normal; */
}
table#forum-posts-table {
	font-size:9pt;
}
div.forum-post {
	font-size:10px;
	clear:both;
}
div.forum-date {
	float:left;
}
div.forum-user {
	float:left;
	padding-left:5px;
}
div.forum-subject {
	float:left;
	padding-left:5px;
}
div.forum-text {
}