html { margin:0; border:0; padding:0;}
body { position:absolute; color:#000; background:#fff; width:100%;
	min-width:790px; margin:0; border:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
article,aside,section { page-break-inside:avoid; overflow:auto;}
details {padding-left:40px; position:relative;}
mark { background-color:#ff9; color:#000;}

div#header {background:url(images/trssHeader.jpg) repeat-x; width:100%; }
div#header .headerTop { font:bold 15px/130% Impact, 'Arial Black', sans-serif; color:#003; 
			 height:100px;}
div#header .headerTop img { margin:0 15px; float:left;}
div#header .headerTop big { font:bold 30px/100% Impact, 'Arial Black', sans-serif; }
div#header .bar {color:#008; background:#cff url(images/bkgd0025.gif); height:20px;
        font-size:16px; font-weight:bold;}
div#header a#menuToggle { float:left; padding-left:20px; font-size:14px; cursor:e-resize; }
div#header div.tool { margin-left:120px;}
				/* New Page header */
header { background-image:url(images/trssHeader.jpg); background-repeat:no-repeat; }
header img { margin:0 15px; float:left;}
header hgroup { height:100px;}
header h1, header h2 { font-family:Impact,'Arial Black',sans-serif; font-weight:bold; color:#005; text-align:left; margin:0; }
header h1 { font-size:30px; line-height:110%; }
header h2 { font-size:15px; line-height:130%; }
header .bar {color:#008; background:#cff url(images/bkgd0025.gif); height:20px;
        font-size:16px; font-weight:bold;}
header #menuToggle { float:left; padding-left:20px; font-size:14px; cursor:e-resize; }
header div.tool { margin-left:120px;}


@media print {
	.frame { display:none;}
	.bar { display:none;}
	.noprint { display:none;}
}
.hide { display:none; }
#skipNav a, #skipNav a:hover, #skipNav a:visited {
	position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden;}
#skipNav a:active, #skipNav a:focus { position:static; width:auto; height:auto; }

div#contentWrapper { position:relative; width:100%; background:#cff; averflow:auto;}
div#content { background:#fff; padding:5px; margin-left:135px; position:relative; z-index:5; min-height:300px;}
* html div#content { height:300px; }
div#content.HideMenu { margin-left:1em;}
* html div#content.HideMenu { margin-left:0; }
@media print {div#content {margin-left:0; } }


#mainMenu { position:absolute; top:0; left:0; z-index:0;}
#mainMenu:hover, div#mainMenu:focus { z-index:10; }
				/* Left Menu Bar - Control */
#mainMenu {color:#000; background:#cff;
		width:135px; font-weight:bold; font-size:16px;}
#mainMenu ul {list-style:none; margin:0px; padding:0px; background-color:#cff;}
#mainMenu li {border:1px solid #cff; position:relative; }
#mainMenu li a {display:block; padding:5px 1px 1px 1.0em; text-indent:-0.5em;
				color:black; background-color:#cff; text-decoration:none;}
#mainMenu li a:hover, #mainMenu li a:focus {color:yellow; background:#cff;}
#mainMenu li input {margin-left:1em; width:110px; background:#cff; font-size:14px;}
#mainMenu li input.btn {margin-left:0px; border:0px; padding-left:1.0em; text-indent:-0.6em;
           text-align:left; font-weight:bold; font-size:16px;}
#mainMenu li input:hover.btn {color:yellow; background:#cff;}

#mainMenu ul ul { display:none; width:133px; font-size:13px;}
#mainMenu ul li:hover ul { display:block; position:absolute; left:125px; top:5px;}
#mainMenu ul ul li a { display:block; padding:1px 1px 1px 2.0em; text-indent:-0.5em;
				background-color:#cff; text-decoration:none;}
#mainMenu ul ul li input.btn {padding-left:2.0em; font-size:13px;}

					/* current active menu */
body#home a.home { color:#050; background:#cff;}
body#home ul li ul.subHome { display:block; position:relative; left:0px; top:0px;}
body#seafarer a.home, body#seafarer a.seafarer { color:#050; background:#cff;}
body#seafarer ul li ul.subHome { display:block; position:relative; left:0px; top:0px;}
body#contact a.home, body#contact a.contact { color:#050; background:#cff;}
body#contact ul li ul.subHome { display:block; position:relative; left:0px; top:0px;}
body#links a.home, body#links a.links { color:#050; background:#cff;}
body#links ul li ul.subHome { display:block; position:relative; left:0px; top:0px;}

body#wbf a.wbf { color:#050; background:#cff;}
body#wbf ul li ul.subWbf { display:block; position:relative; left:0px; top:0px;}
body#wbfArchive a.wbf, body#wbfArchive a.wbfArchive { color:#050; background:#cff;}
body#wbfArchive ul li ul.subWbf { display:block; position:relative; left:0px; top:0px;}

body#events a.events { color:#050; background:#cff;}
body#events ul li ul.subEvent { display:block; position:relative; left:0px; top:0px;}
body#eventArchive a.events, body#eventArchive a.eventArchive { color:#050; background:#cff;}
body#eventArchive ul li ul.subEvent { display:block; position:relative; left:0px; top:0px;}

body#museum a.museum {color:#050; background:#cff;}

body#hankins a.hankins {color:#050; background:#cff;}

body#store a.store {color:#050; background:#cff;}

body#workshop a.workshop {color:#050; background:#cff;}
body#workshop ul li ul.subWork { display:block; position:relative; left:0px; top:0px;}
body#project a.workshop, body#project a.project { color:#050; background:#cff;}
body#project ul li ul.subWork { display:block; position:relative; left:0; top:0;}
body#pastProj a.workshop, body#pastProj a.pastProj { color:#050; background:#cff;}
body#pastProj ul li ul.subWork { display:block; position:relative; left:0; top:0;}

body#archive a.archive {color:#050; background:#cff;}
body#archive ul li ul.subArchive { display:block; position:relative; left:0; top:0;}
body#library a.archive, body#library a.library { color:#050; background:#cff;}
body#library ul li ul.subArchive { display:block; position:relative; left:0; top:0;}


div.feature { width:45%; float:left; clear:left; background-color:#6f6; margin-top:10px;}
div.feature div { background-color:#fff; margin:0 1em 1em; padding:.5em}
div.feature dd {margin-left:2em;}
div.feature dd:first-child {margin-top:0;}
				/* Page Content */
td#content { padding:5px;}
article.main, article.mainTab,
div.main, div.mainTab {margin:0; padding:10px; border:3px solid blue; overflow:auto;
		-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
article.mainTab, div.mainTab {border-top:none;}
div.footer { margin:5px 10px;}

				/* Tabed Menu Bar - Page Content Select */
ul.tabnav { padding:0; margin:10px 5px 0 5px; border-bottom:2px solid blue;
	font-weight:bold; clear:both;}
ul.tabnav li { list-style:none; display:inline; margin-left:7px; margin-top:5px;
		background:#d0d0f0; border:1px solid blue; border-bottom:2px solid blue;
        -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
ul.tabnav li.current { border-bottom:3px solid white; color:#060; background:white;}
ul.tabnav li a { text-decoration:none; padding:0 2px; margin:0; border:0; white-space:nowrap;}
ul.tabnav li :hover { color:yellow; background:inherit;} 

#content a:hover { color:#ffff66; background-color:#00a;}
#content a[target="ext"] { padding-right:18px; background:url(/images/a_ext.gif) right center no-repeat;}
#content a[target="ext"]:hover { background:#00a url(/images/a_ext.gif) right center no-repeat;}
#content a[href$=".doc"] { padding-right:18px; background:url(/images/a_doc.gif) right center no-repeat;}
#content a[href$=".doc"]:hover { background:#00a url(/images/a_doc.gif) right center no-repeat;}
#content a[href$=".pdf"] { padding-right:18px; background:url(/images/a_pdf.gif) right center no-repeat;}
#content a[href$=".pdf"]:hover { background:#00a url(/images/a_pdf.gif) right center no-repeat;}
#content a[href$=".xls"] { padding-right:18px; background:url(/images/a_xls.gif) right center no-repeat;}
#content a[href$=".xls"]:hover { background:#00a url(/images/a_xls.gif) right center no-repeat;}
#content a[href$=".zip"] { padding-right:18px; background:url(/images/a_zip.gif) right center no-repeat;}
#content a[href$=".zip"]:hover { background:#00a url(/images/a_zip.gif) right center no-repeat;}

div.rHelp { position:relative;}
div.rHelp div { position:absolute; right:50px; top:0; width:350px; display:none;
			 	  color:#000; background:#ffc;}
details > * {display:none;}
details[open] > * {display:block;}
details > summary {display:block; cursor:pointer;
				margin-left:-20px; padding-left:20px; background:no-repeat left center
				url(data:image/gif;base64,R0lGODlhCwALAMT/AMDAwAVdpAZepQdfpgdepQhfpgNgpQNepARfpQVgpgVeogZfowZdogZfoQZdoAdgpAdeowdgogdeoQleoQNfoARgowVhpAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAALAAsAQAVAICAGTrVIYgqYlbCoorQozQEDyyA8lSoFA8QksEvcUDeABGGhWI6Qwim1YDwWDUMjMZFERJCK5EFYvGCDBEQVAgA7);}
details[open] > summary { background:no-repeat left center
				url(data:image/gif;base64,R0lGODlhCwALAMT/ANAAPs4APs0APcwAPc0BPs4CP9EAQNAAQNAAQc4AQM4AQc0AP8wAP8wAQM8BQc4BQs0BQMwBQMwBQcDAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAALAAsAQAU94CSKymhOBxQkgxkwEJssRGNGS5GUZ5IIBsRp4sAhIMMJYJEYHg4ByODAe/gAkQBhsJOMnhDVECIgGAKjEAA7);}

.accesskey { text-decoration:underline;}
.in		{ margin-left:1em;}
.in2	{ margin-left:2em;}
.block	{ margin-left:30px; margin-right:30px;}
.box	{ border:2px solid #00a; padding:10px; -moz-border-radius:10px; border-radius:10px;}
.picbox	{ border:1px solid #00a; padding:10px; -moz-border-radius:10px; border-radius:10px; text-align:center;}

.lpic	{ clear:left; float:left; text-align:center; font-size:x-small; text-decoration:none; margin-right:10px;}
.rpic	{ clear:right; float:right; text-align:center; font-size:x-small; text-decoration:none; margin-left:10px;}
.picFrame { background:#eef; padding:3px; border:2px outset #cc4;}
.clearAll { clear:both;}
.center { display:block; margin-left:auto; margin-right:auto;}

.container { position:relative;}
.container .rIcon { position:absolute; top:0; right:2px;}
@media print {
	.rIcon { display:none;}
}

h1 { font-size:x-large; font-weight:700; font-style:normal; text-shadow:#aac 3px 3px 4px;
   	 color:#009; background:transparent;  text-align:center; margin-top:1ex;}
h1.top { margin-top:0;}
h2 { font-size:x-large; font-weight:600; font-style:normal; text-shadow:#aac 2px 2px 3px;
   	 color:#009; background:transparent; text-align:center;}
h3 { font-size:large; font-weight:600; font-style:normal;
   	 color:#009; background:transparent; text-align:center;}
h4 { font-size:large; font-weight:500; font-style:normal;
   	 color:#009; background:transparent; text-align:center;}
h2:target, h3:target, div:target h2, div:target h3 {color:#050;}

hr { color:#00f; background-color:#00f; margin:0.25em 0;}
	hr.page { color:#F90; background:transparent;}
@media print {
	hr.page { page-break-after:always; display:none;}
}

img { border:0;}
img.load { background-image:url{/images/ajaxLoaderBig.gif}; background-position:center center;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}

.list2col, .list3col, .list4col { display:table; border-collapse:collapse;}
.list2col .row, .list3col .row, .list4col .row { display:table-row;}
.list2col .col { display:table-cell; width:49%; padding:0 10px;}
.list3col .col { display:table-cell; width:33%; padding:0 5px;}
.list4col .col { display:table-cell; width:24%; padding:0 5px;}
.col ul, .col ol, .col li  { margin-top:0; margin-bottom:0;}
.col a, .col p { display:block; margin:5px 0;}
.list2col .header, .list3col .header, .list4col .header {font-weight:bold; text-align:center;}
.list2col a u, .list3col a u, .list4col a u { float:right; text-decoration:none; color:black;}

table { border:0;}
table.border { border:1px solid navy; border-collapse:collapse;}
table.border td { border:1px solid navy; padding:4px;}
table.border th { border:1px solid navy; padding:4px; background-color:#EEF}
caption { color:#008; background-color:transparent; font-weight:bold; text-align:left}
table.archive { clear:both; width:90%; margin-left:5%; margin-right:5%}
table.archive caption { margin-left:5%; background-color:#EEF}
table.archive thead { background-color:#EEF}
thead { font-weight:bold; font-style:normal;}
tr { vertical-align:top;}
tr.tr1 td { padding-top:1.5ex; color:#008; background:transparent;
	font-weight:bold;}
table .sel { color:#000; background:#ccf;}

dt { margin-top:.5em; font-weight:bold;}

form { margin:0; padding:0;}

.red  { color:#f00; background-color:transparent;}
.blue { color:#00f; background-color:transparent;}
.navy { color:#008; background-color:transparent;}
.orange {color:#f93; background-color:transparent;}

@media print {		/* Print expand Information */
	a.show:after { content:"[[" attr(href) "]]";}
	abbr[title]:after, acronym[title]:after { content:"((" attr(title) "))";}
}

.MsoNormal {
	margin:0in; margin-bottom:.0001pt;
	font-size:12.0pt; font-family:"Times New Roman", serif;}
