/*
Content Width		932px
Content Height		811px	header + main + footer
Text				16px, #996, "Arial Narrow", Arial, Sans-serif, 28px line height
Background			#1a1916
	Container		pinstripeBGwithTrans_repeat.png
Header				----------------------------
	Logo			headerLogo.png @ 517x113
	Links			#396, #719d49, #aa4621
Sidebar				----------------------------
	Links			#996, #e4c667, #aa4621
Footer				0.625em, #929885

	[note: horizontal pinstripes are spaced 28px.]
	[note: contentBlock is fixed at 735x588, clipping relative to top left]
*/

img.logo {
	top: 30px;
	position: relative;
	left: 21px;
}

body {
	text-align: center; /* IE 5* browsers. Overwriten in #container selector */
	color: #999966;
	font: 14px/130% Futura, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #1a1916;
}

/* page container, fixed with, centered */
#container  {
	width: 932px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #1a1916;
	background-image: url(/themes/TSSN/images/pinstripeBGwithTrans_repeat.png);
	margin-top: 28px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-size: 16px;
	line-height: 28px;
	padding: 0px;
}

/* header container, fixed height, float setup */
#header  {
	text-align: right;
	height: 113px;
}
#header #headerLogo   {
	float: left;
	margin-left: 8px;
}
#header ul   {
	list-style-type: none;
	color: #339966;
	font-size: 1.1em;
	word-spacing: 0.1em;
	letter-spacing: 1px;
	float: right;
	padding: 0;
	margin: 0 6px 0 0;
}
#header li a  {
	text-decoration:none;
	color: #339966;
	width:250px;
	display:block;
}
#header li a:link,.tssnOneColFixed #header li a:visited {
	color:#339966;
}
#header li a:hover {
	color:#29685c;
}
#header li a:active {
	color:#9a3314;
}

/* main content container, everything except header and footer */
#main  {
	height: 644px;
	position: relative;
}

/* content container, area for map or images. fixed dimensions, float setup */
#contentBlock    {
	background-color: #1a1916;
	position: absolute;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 27px;
	padding-left: 28px;
	right: 0px;
	top: 0px;
	height: 588px;
	width: 735px;
}
.content
{
	margin: 0 20px;
}
#contentBlock img   {
	clip: rect(auto,735px,588px,auto);
	position: absolute;
}

/* sidebar navigation, UL setup */
#sidebar  {
	font-size: 0.9em;
	list-style-type: none;
	margin: 0px;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}

#sidebar li a   {
	display: block;
	width: 200px;
}
#sidebar a:link , #sidebar a:visited {
	text-decoration: none;
	color: #999966;
}
#sidebar a:hover {
	text-decoration: none;
	color: #ddc478;
	display: block;
}
#sidebar a:active {
	text-decoration: none;
	color: #9a3314;
}

/* footer container, fixed height */
#footer  {
	height: 54px;
}

#footer p  {
	font-size: 0.625em;
	text-align: right;
	color: #929885;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 0;
	padding-top: 28px;
}

#footer a  {
	text-align: right;
	color: #929885;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 0;
	padding-top: 28px;
	text-decoration: none;
}

#mainNav {
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 616px;
	left: 28px;
	width: 250px;
}

#mainNav a:link {
	text-decoration: none;
	color: #999966;
}

#mainNav a:visited {
	text-decoration: none;
	color: #999966;
}

#mainNav a:hover {
	text-decoration: none;
	color: #ddc478;
}



#topMainNav {
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: -1px;
	left: 677px;
}

#topMainNav a:link {
	text-decoration: none;
	color: #999966;
}

#topMainNav a:visited {
	text-decoration: none;
	color: #999966;
}

#topMainNav a:hover {
	text-decoration: none;
	color: #ddc478;
}

#mapNav {
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 616px;
	right: 1px;
	width: 200px;
	text-align: right;
}

#mapNav a:link {
	text-decoration: none;
	color: #999966;
}

#mapNav a:visited {
	text-decoration: none;
	color: #999966;
}

#mapNav a:hover {
	text-decoration: none;
	color: #ddc478;
}

#topMapNav {
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 3px;
	right: 10px;
	width: 200px;
	text-align: right;
}

#topMapNav a:link {
	text-decoration: none;
	color: #999966;
}

#topMapNav a:visited {
	text-decoration: none;
	color: #999966;
}

#topMapNav a:hover {
	text-decoration: none;
	color: #ddc478;
}

#topSlideshowNav {
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 3px;
	left: 540px;
}

#topSlideshowNav a:link {
	text-decoration: none;
	color: #999966;
}

#topSlideshowNav a:visited {
	text-decoration: none;
	color: #999966;
}

#topSlideshowNav a:hover {
	text-decoration: none;
	color: #ddc478;
}
#vidNav {
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 616px;
	left: 733px;
	width: 100px;
}

#vidNav a:link {
	text-decoration: none;
	color: #999966;
}

#vidNav a:visited {
	text-decoration: none;
	color: #999966;
}

#vidNav a:hover {
	text-decoration: none;
	color: #ddc478;
}

#galtxt {
	text-decoration: none;
	color: #999966;
	width: 600px;
	text-align: center;
	font-size: .6em;
	position: absolute;
	left: 110px;
	top: 605px;
}

#galtxt p
{
	line-height: 4px;
}

#mapImage {
	clip: rect(auto,300px,588px,auto);
	position: absolute;
	z-index: 0;
}

#imageMap {
	clip: rect(auto,500px,588px,auto);
	position: absolute;
	left: 262px;
}

#selected-location {
	color: #ddc478;
	font-weight: bold;
}